.uct-shell{--ink:#102b33;--cream:#fffaf0;--gold:#e3a013;--wood:#9b5527;max-width:980px;margin:24px auto;font-family:Arial,sans-serif;color:var(--ink);box-sizing:border-box}.uct-shell *{box-sizing:border-box}.uct-card{position:relative;overflow:hidden;border-radius:28px;background:var(--cream);box-shadow:0 18px 50px #19333d24;border:1px solid #d9ccb4}.uct-header{min-height:112px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#12394b,#17667b);color:#fff}.uct-brand,.uct-icons,.uct-score,.uct-actions{display:flex;align-items:center}.uct-brand{gap:15px}.uct-brand small{font-size:11px;font-weight:900;letter-spacing:2px}.uct-brand h1{font-size:42px;line-height:1;margin:5px 0 0}.uct-logo{display:grid;place-items:center;width:68px;height:68px;border:5px solid #ffd15c;border-radius:22px;font-size:38px;font-weight:900}.uct-icons{gap:8px}.uct-icons button{width:52px;height:52px;border:1px solid #ffffff42;border-radius:14px;background:#ffffff17;color:#fff;font-size:24px}.uct-controls{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr;gap:10px;padding:14px;background:#f4ead6}.uct-controls label,.uct-controls>div{display:flex;flex-direction:column;gap:6px;font-weight:800}.uct-controls small{font-weight:900;letter-spacing:1px}.uct-controls select,.uct-controls>div{min-height:54px;padding:10px;border:1px solid #cab893;border-radius:12px;background:#fff;color:var(--ink);font-weight:800}.uct-score{justify-content:space-between;gap:10px;padding:13px 20px;background:#fff;border-block:1px solid #eadfc9}.uct-score span{display:flex;align-items:center;gap:8px;font-weight:800}.uct-score strong{text-align:center}.uct-mini{width:25px;height:25px;border-radius:50%;display:inline-block;box-shadow:inset 0 4px 5px #fff8,0 2px 5px #0004}.uct-mini.p1,.uct-piece.p1{background:var(--p1)}.uct-mini.p2,.uct-piece.p2{background:var(--p2)}.uct-board-wrap{position:relative;padding:18px;background:linear-gradient(#efd69a,#d8ae61)}.uct-board{position:relative;width:min(560px,92vw);aspect-ratio:1;margin:auto;border-radius:24px;background:radial-gradient(circle at 45% 35%,#f2ca7a,#b87134);border:10px solid #75411f;box-shadow:inset 0 0 30px #54240c88,0 8px 20px #0003}.uct-board svg{position:absolute;inset:7%;width:86%;height:86%;fill:none;stroke:#63391f;stroke-width:3;stroke-linecap:round}.uct-points{position:absolute;inset:0}.uct-point{position:absolute;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:#5a321f;box-shadow:inset 0 4px 9px #0008,0 2px 3px #fff5;display:grid;place-items:center;padding:8px}.uct-point:disabled{opacity:1}.uct-piece{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 8px 10px #fff8,inset 0 -8px 10px #0004,0 7px 10px #0005;border:4px solid #fff9}.uct-point.playable{cursor:pointer;outline:5px solid #ffe36d}.uct-point.selected{outline:7px solid #fff;filter:brightness(1.15)}.uct-point.target:after{content:'';width:42%;height:42%;border-radius:50%;background:#ffd646;box-shadow:0 0 0 7px #fff8,0 0 22px #ffe263}.uct-point.last{box-shadow:inset 0 4px 9px #0008,0 0 0 6px #f7b731}.uct-ai{position:absolute;z-index:5;left:50%;top:30px;transform:translateX(-50%);padding:10px 16px;border-radius:20px;background:#102b33;color:#fff;font-weight:900}.uct-actions{gap:10px;padding:14px}.uct-actions button,.uct-modal button{flex:1;min-height:48px;border:0;border-radius:13px;background:#eee4d5;color:#3d3127;font-weight:900}.uct-actions .primary,.uct-modal .primary{background:#153e4f;color:#fff}.uct-help{padding:0 18px 18px;text-align:center;font-weight:700}.uct-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#102b33d9}.uct-overlay[hidden]{display:none}.uct-modal{width:min(520px,94%);padding:25px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 18px 50px #0008}.uct-modal>span{font-weight:900;color:#b27112;letter-spacing:2px}.uct-modal h2{font-size:30px}.uct-modal.rules{text-align:left}.uct-modal.rules button{width:100%}.uct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.uct-stats div{padding:12px 5px;border-radius:12px;background:#edf4f6}.uct-stats b,.uct-stats small{display:block}.uct-stats b{font-size:26px}.uct-seo{padding:28px 14px}.uct-seo h2{font-size:28px}.uct-shell[data-theme=dark] .uct-board{background:radial-gradient(circle,#52636b,#202b31);border-color:#10181c}.uct-shell[data-theme=dark] .uct-board svg{stroke:#cad6db}.uct-shell[data-theme=blue] .uct-board{background:radial-gradient(circle,#b8e4ee,#4b9eb7);border-color:#145a70}.uct-shell[data-theme=blue] .uct-board svg{stroke:#123f55}.tg-drag-reserve{display:flex;align-items:center;justify-content:center;gap:10px;margin:9px auto;padding:8px 15px;border:2px dashed #d59a17;border-radius:14px;background:#fff8dd;color:#3e3217;font-weight:900}.tg-drag-reserve .uct-piece{width:34px;height:34px;padding:0}.tg-drag-reserve[hidden]{display:none!important}
@media(max-width:700px){.uct-shell{margin:8px auto}.uct-card{border-radius:18px}.uct-header{min-height:86px;padding:12px}.uct-brand h1{font-size:30px}.uct-brand small{font-size:8px}.uct-logo{width:52px;height:52px;font-size:29px;border-width:4px}.uct-icons button{width:42px;height:42px}.uct-controls{grid-template-columns:1fr 1fr}.uct-score{padding:9px;font-size:13px;flex-wrap:wrap}.uct-score strong{order:3;width:100%}.uct-board-wrap{padding:8px}.uct-board{width:min(94vw,520px);border-width:7px}.uct-actions{padding:9px;gap:6px}.uct-actions button{font-size:12px}.uct-stats{grid-template-columns:1fr 1fr}.uct-seo{padding:20px 12px}}