.ataxx-shell{width:min(720px,100%);margin:0 auto;display:grid;gap:12px;--ataxx-human:#fb7185;--ataxx-human-2:#f97316;--ataxx-cpu:#38bdf8;--ataxx-cpu-2:#6366f1}.ataxx-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ataxx-hud>div{min-width:0;padding:8px 7px;border:1px solid #364158;border-radius:12px;background:#151c2c;text-align:center}.ataxx-hud span{display:block;color:#93a4be;font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.ataxx-hud strong{display:block;margin-top:2px;color:#f8fafc;font-size:clamp(.88rem,2.5vw,1.08rem)}.ataxx-legend{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#cbd5e1;font-size:.8rem;font-weight:750}.ataxx-legend>span{display:inline-flex;align-items:center;gap:5px}.ataxx-mini{font-style:normal;font-size:1.05rem;line-height:1}.ataxx-mini.human{color:var(--ataxx-human)}.ataxx-mini.cpu{color:var(--ataxx-cpu)}.ataxx-mode{padding:4px 8px;border:1px solid #3b455c;border-radius:999px;background:#171d2d;color:#dbe4f3}.ataxx-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:min(620px,100%);aspect-ratio:1;margin:0 auto;padding:7px;gap:5px;border:2px solid #475569;border-radius:22px;background:radial-gradient(circle at 50% 42%,#263449 0,#121a29 68%);box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}.ataxx-row{display:contents}.ataxx-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid #334155;border-radius:16px;background:linear-gradient(145deg,#202b3d,#182131);cursor:pointer;overflow:hidden;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.ataxx-cell:hover{transform:translateY(-1px);border-color:#64748b;background:linear-gradient(145deg,#26344a,#1c2738)}.ataxx-cell:focus-visible{outline:3px solid #f8fafc;outline-offset:2px;z-index:5}.ataxx-piece{position:absolute;inset:16%;display:grid;place-items:center;border-radius:50%;font-size:clamp(1.1rem,6vw,2.35rem);font-weight:950;line-height:1;text-shadow:0 2px 7px rgba(0,0,0,.35);box-shadow:inset 0 2px 3px rgba(255,255,255,.32),0 5px 11px rgba(0,0,0,.32);animation:ataxx-piece-in .2s cubic-bezier(.2,.8,.2,1)}.ataxx-piece.human{color:#fff1f2;background:radial-gradient(circle at 32% 28%,#fb7185,var(--ataxx-human-2) 72%);border:2px solid #fecdd3}.ataxx-piece.cpu{color:#eff6ff;background:linear-gradient(145deg,var(--ataxx-cpu),var(--ataxx-cpu-2));border:2px solid #bfdbfe;border-radius:28%}.ataxx-cell.is-selected{border-color:#fda4af;box-shadow:inset 0 0 0 3px rgba(251,113,133,.5),0 0 0 2px rgba(251,113,133,.16)}.ataxx-cell.is-selected .ataxx-piece{transform:scale(.86);filter:saturate(1.18)}.ataxx-cell.is-clone-target{border-color:#fb7185;background:radial-gradient(circle,rgba(251,113,133,.2),#1b2535 66%)}.ataxx-cell.is-jump-target{border-color:#fbbf24;background:radial-gradient(circle,rgba(251,191,36,.16),#1b2535 66%)}.ataxx-target-hint{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(.95rem,4vw,1.55rem);font-weight:950;opacity:.8}.ataxx-cell.is-clone-target .ataxx-target-hint{color:#fda4af}.ataxx-cell.is-jump-target .ataxx-target-hint{color:#fde68a}.ataxx-cell.is-last-origin::after,.ataxx-cell.is-last-dest::after{content:'';position:absolute;inset:5px;border-radius:11px;pointer-events:none}.ataxx-cell.is-last-origin::after{border:1px dashed rgba(255,255,255,.25)}.ataxx-cell.is-last-dest::after{border:2px solid rgba(255,255,255,.62);animation:ataxx-pulse .7s ease-out}.ataxx-cell.is-converted .ataxx-piece{animation:ataxx-flip .42s cubic-bezier(.2,.8,.2,1)}.ataxx-shell.phase-cpu .ataxx-board{cursor:progress}.ataxx-shell.phase-cpu .ataxx-cell{cursor:progress}.ataxx-note{margin:0;text-align:center;color:#aab8ce;font-size:.82rem;line-height:1.45;min-height:1.3em}.ataxx-shell.phase-finished .ataxx-note{color:#f8fafc;font-weight:800}@keyframes ataxx-piece-in{from{opacity:.25;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes ataxx-flip{0%{transform:scale(1) rotate(0)}45%{transform:scale(.45) rotate(90deg)}100%{transform:scale(1) rotate(180deg)}}@keyframes ataxx-pulse{0%{opacity:1;transform:scale(.72)}100%{opacity:0;transform:scale(1.08)}}html[data-theme="light"] .ataxx-hud>div{background:#fff;border-color:#d8dee9}html[data-theme="light"] .ataxx-hud strong{color:#172033}html[data-theme="light"] .ataxx-hud span{color:#64748b}html[data-theme="light"] .ataxx-legend{color:#475569}html[data-theme="light"] .ataxx-mode{background:#f8fafc;border-color:#d8dee9;color:#334155}html[data-theme="light"] .ataxx-board{border-color:#cbd5e1;background:radial-gradient(circle at 50% 42%,#f8fafc 0,#e2e8f0 74%);box-shadow:0 16px 40px rgba(15,23,42,.14)}html[data-theme="light"] .ataxx-cell{border-color:#cbd5e1;background:linear-gradient(145deg,#fff,#eef2f7)}html[data-theme="light"] .ataxx-cell:hover{border-color:#94a3b8;background:#fff}html[data-theme="light"] .ataxx-cell.is-clone-target{background:#fff1f2;border-color:#fb7185}html[data-theme="light"] .ataxx-cell.is-jump-target{background:#fffbeb;border-color:#f59e0b}html[data-theme="light"] .ataxx-note{color:#64748b}html[data-theme="light"] .ataxx-shell.phase-finished .ataxx-note{color:#172033}@media(max-width:620px){.ataxx-shell{gap:9px}.ataxx-hud{grid-template-columns:repeat(5,minmax(52px,1fr));gap:4px;overflow-x:auto;padding-bottom:2px}.ataxx-hud>div{padding:6px 4px;border-radius:9px}.ataxx-hud span{font-size:.57rem}.ataxx-hud strong{font-size:.82rem}.ataxx-board{padding:4px;gap:3px;border-radius:16px}.ataxx-cell{border-radius:11px}.ataxx-piece{inset:13%;font-size:clamp(1rem,7vw,1.75rem)}.ataxx-legend{gap:9px;font-size:.7rem}.ataxx-note{font-size:.74rem}}@media(prefers-reduced-motion:reduce){.ataxx-cell,.ataxx-piece{transition:none!important;animation:none!important}.ataxx-cell.is-last-dest::after,.ataxx-cell.is-converted .ataxx-piece{animation:none!important}}