:root{--cyan:#01e5f1;--pink:#cd06e3;--green:#7aec51;--black:#000;--void:#030404;--ink:#f5ffff;--muted:#9bb8bb;--panel:#000000d1;--panel-solid:#050707;--grid-dark:#050a0a;--grid-cyan:#008d95;--danger:#ff3864;--gold:#f7d84c;--pixel-shadow:6px 6px 0 #000;color:var(--ink);background:var(--black);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:none;font-family:Courier New,Lucida Console,Monaco,monospace}*{box-sizing:border-box}body{background:linear-gradient(#0000 0 75%,#01e5f114 75% 100%) 0 0/100% 4px,repeating-linear-gradient(90deg,#01e5f11f 0 1px,#0000 1px 72px),radial-gradient(circle at 18%,#cd06e347,#0000 30%),radial-gradient(circle at 82% 24%,#7aec5129,#0000 26%),#000;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px),linear-gradient(90deg,#0000,#01e5f112,#0000);position:fixed;inset:0}button,input{font:inherit}button{letter-spacing:0}.shell{width:min(1320px,100% - 28px);margin:0 auto;padding:18px 0 28px;position:relative}.topbar,.side-panel,.account-panel,.player-line,.game-tabs,.multiplayer-box,.promotion-picker,.move-list{border:3px solid var(--cyan);background:var(--panel);box-shadow:var(--pixel-shadow), inset 0 0 0 2px #01e5f13d}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:12px;display:flex}.brand-block{flex:none;align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:contain;width:74px;height:74px;image-rendering:pixelated}.brand-title{color:var(--cyan);text-transform:uppercase;text-shadow:3px 3px 0 var(--pink);font-size:clamp(1.15rem,2.4vw,2.25rem);font-weight:950;line-height:1}.topbar-actions{justify-content:flex-end;align-items:stretch;gap:10px;min-width:0;display:flex;position:relative}.eyebrow,.panel-kicker{color:var(--green);text-transform:uppercase;margin:0 0 6px;font-size:.74rem;font-weight:950}h1,h2,p{margin-top:0}h1{color:var(--ink);text-transform:uppercase;margin-bottom:0;font-size:clamp(2rem,7vw,5rem);line-height:.95}.game-tabs{border-color:#01e5f1c7;flex-wrap:wrap;gap:8px;min-width:0;padding:8px;display:flex;box-shadow:inset 0 0 0 2px #cd06e333}.tab,.icon-button,.account-submit,.account-trigger,.account-close,.bot-card,.promotion-picker button{border:2px solid var(--cyan);min-height:40px;color:var(--ink);cursor:pointer;text-transform:uppercase;background:#060707;border-radius:0;font-weight:950;box-shadow:4px 4px #000}.tab{color:var(--muted);padding:0 12px;font-size:.78rem}.tab:hover,.tab:focus-visible,.icon-button:hover,.icon-button:focus-visible,.account-trigger:hover,.account-trigger:focus-visible,.account-close:hover,.account-close:focus-visible,.bot-card:hover,.promotion-picker button:hover{color:#000;background:var(--green);border-color:var(--green);outline:none}.tab.active,.account-submit,.icon-button.active-mode,.bot-card.active{color:#000;background:var(--pink);border-color:var(--pink)}.account-menu{flex:none;position:relative}.account-trigger{width:54px;height:54px;color:var(--cyan);justify-content:center;align-items:center;display:inline-flex}.account-panel{z-index:30;width:min(380px,100vw - 32px);color:var(--ink);border-color:var(--pink);padding:18px;position:absolute;top:calc(100% + 12px);right:0}.account-close{width:34px;height:34px;color:var(--pink);border-color:var(--pink);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.account-panel h2{max-width:calc(100% - 44px);color:var(--ink);text-transform:uppercase;margin:0;font-size:1.2rem;line-height:1.2}.account-copy,.account-message,.body-copy,.empty,.panel-head p{color:var(--muted);margin:12px 0 0;font-size:.9rem;line-height:1.45}.account-form,.account-details{gap:12px;margin-top:14px;display:grid}.account-form label{color:var(--green);text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:950;display:grid}.account-form input{border:2px solid var(--cyan);width:100%;min-height:44px;color:var(--ink);background:#000;border-radius:0;padding:0 12px}.account-submit{width:100%}.account-submit.secondary{color:var(--ink);border-color:var(--green);background:#000;margin-top:14px}.account-submit:disabled,.icon-button:disabled,.bot-card:disabled{cursor:not-allowed;opacity:.45}.account-details dt{color:var(--green);text-transform:uppercase;font-size:.72rem;font-weight:950}.account-details dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:2px 0 0}.game-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.board-stage{overflow:visible}.player-line{border-color:var(--green);justify-content:space-between;align-items:center;gap:12px;width:min(76vh,100%);max-width:720px;margin:8px auto;padding:8px 10px;display:flex;box-shadow:4px 4px #000}.player-meta{align-items:center;gap:10px;display:flex}.player-text{gap:2px;display:grid}.player-avatar{border:2px solid var(--cyan);background:linear-gradient(var(--cyan) 0 0) 8px 6px / 8px 8px no-repeat, linear-gradient(var(--cyan) 0 0) 5px 17px / 18px 6px no-repeat;width:28px;height:28px}.player-name{color:var(--ink);text-transform:uppercase;font-size:.82rem;font-weight:950}.player-color{text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:950}.player-color.white{color:var(--cyan)}.player-color.black{color:var(--pink)}.player-captures{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.player-captures.empty{color:var(--muted);font-size:.72rem;font-weight:900}.piece-count{border:2px solid var(--pink);background:#000;justify-content:center;align-items:center;gap:4px;min-width:32px;height:24px;padding:0 6px;display:inline-flex}.mini-piece{width:14px;height:14px;font-size:.78rem;line-height:1}.rank-file{width:min(76vh,100%);max-width:720px;color:var(--cyan);text-align:center;text-transform:uppercase;grid-template-columns:repeat(8,1fr);margin-left:auto;margin-right:auto;font-size:.76rem;font-weight:950;display:grid}.top-files{margin-bottom:8px}.chess-board,.mini-board,.mill-board,.tic-board,.connect-board,.snake-board,.sudoku-board,.mine-board,.twenty-board,.battle-board,.felt{border:6px solid var(--cyan);width:min(76vh,100%);max-width:720px;box-shadow:10px 10px 0 #000, 0 0 0 3px var(--pink), 0 0 34px #01e5f152;background:#000;border-radius:0;margin:0 auto;overflow:hidden}.chess-board,.mini-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);display:grid;position:relative}.square,.checker-square{aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;place-items:center;width:100%;display:grid;position:relative}.square.light,.checker-light{background:var(--grid-cyan)}.square.dark,.checker-dark{background:linear-gradient(45deg, #01e5f117 25%, transparent 25% 50%, #01e5f117 50% 75%, transparent 75%) 0 0 / 8px 8px, var(--grid-dark)}.square.selected,.checker-square.selected{outline:4px solid var(--green);outline-offset:-4px}.square.premove{outline:4px solid var(--pink);outline-offset:-4px}.square.premove:before,.square.last:before,.square.target:before{content:"";background:#7aec5147;position:absolute;inset:14%}.square.target:after{content:"";aspect-ratio:1;background:var(--pink);width:24%;position:absolute}.square.drag-source .piece,.checker-square.drag-source .checker-piece{opacity:.28}.piece{z-index:1;pointer-events:none;place-items:center;width:74%;height:74%;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,5.8vw,3.75rem);font-weight:900;line-height:1;display:grid}.piece.mini-piece{width:100%;height:100%;font-size:.85rem}.dragged-piece,.dragged-checker{z-index:20;opacity:.96;pointer-events:none;width:min(9vh,74px);position:fixed;transform:translate(-50%,-50%)scale(1.08)}.white-piece{color:var(--ink);text-shadow:2px 0 0 var(--cyan), -2px 0 0 #000, 0 3px 0 #000}.black-piece{color:#070707;text-shadow:2px 0 0 var(--pink), -2px 0 0 var(--green), 0 3px 0 var(--cyan)}.sketch-layer{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sketch-layer line{stroke:var(--pink);stroke-width:1.8px;stroke-linecap:square;marker-end:url(#sketch-arrowhead)}.sketch-layer line.draft{opacity:.62}.sketch-layer marker path{fill:var(--pink)}.coord{z-index:2;color:#f5ffffa8;font-size:.66rem;font-weight:950;position:absolute}.coord.rank{top:5px;left:6px}.coord.file{bottom:5px;right:6px}.side-panel{border-color:var(--cyan);padding:18px}.panel-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head svg{color:var(--green);filter:drop-shadow(3px 0 0 var(--pink));flex:none}.panel-head h2{color:var(--cyan);text-transform:uppercase;margin:0 0 2px;font-size:1.12rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.stats-grid div,.multiplayer-box,.promotion-picker{border-color:var(--green);min-height:72px;padding:12px;box-shadow:4px 4px #000}.stats-grid span,.bot-menu span,.promotion-picker>span{color:var(--green);text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.stats-grid strong{color:var(--ink);margin-top:6px;font-size:1.02rem;display:block}.actions,.multiplayer-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.bot-menu{gap:8px;margin-bottom:18px;display:grid}.bot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bot-card{text-align:left;gap:4px;min-height:58px;padding:8px 10px;display:grid}.bot-name{font-size:.84rem;font-weight:950}.bot-elo{color:var(--muted);font-size:.72rem;font-weight:900}.multiplayer-box{gap:12px;margin:0 0 18px;display:grid}.multiplayer-box>div:first-child{gap:3px;display:grid}.multiplayer-box strong{color:var(--cyan);text-transform:uppercase;font-size:.98rem}.multiplayer-box span{color:var(--muted);font-size:.84rem;line-height:1.35}.icon-button{min-height:42px;color:var(--cyan);justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.icon-button.subtle{color:var(--green);border-color:var(--green)}.promotion-picker{margin-bottom:18px}.promotion-picker>span{margin-bottom:10px}.promotion-picker div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.promotion-picker button{min-width:0;color:var(--cyan);padding:8px 4px}.promotion-picker .piece{width:42px;height:42px;margin:0 auto 6px;font-size:2rem}.move-list{border-color:var(--pink);gap:6px;height:340px;padding:12px;display:grid;overflow:auto;box-shadow:inset 0 0 0 2px #cd06e340}.move-row{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.move-number,.move-pill{min-width:0;min-height:30px;font-size:.84rem;font-weight:950}.move-number{color:var(--green);place-items:center;display:grid}.move-pill{color:var(--ink);cursor:pointer;background:#000;border:2px solid #01e5f173;justify-content:flex-start;align-items:center;padding:0 8px;display:flex}.move-pill.active{color:#000;background:var(--green);border-color:var(--green)}.move-pill.placeholder{cursor:default;background:0 0}.compact-layout{align-items:center}.checker-square{min-width:0;min-height:0;padding:0}.checker-piece{aspect-ratio:1;border:3px solid #000;border-radius:0;place-items:center;width:68%;display:grid;box-shadow:inset 0 -8px #00000038,4px 4px #000}.dragged-checker{width:min(8vh,62px)}.checker-piece.red{background:var(--pink)}.checker-piece.cream{background:var(--green)}.checker-piece svg{color:#000}.mill-board{aspect-ratio:1;position:relative}.mill-lines{width:84%;height:84%;position:absolute;inset:8%;overflow:visible}.mill-lines rect,.mill-lines line{fill:none;stroke:var(--cyan);stroke-width:1.7px;vector-effect:non-scaling-stroke}.mill-point{aspect-ratio:1;border:3px solid var(--cyan);cursor:pointer;background:#000;border-radius:0;width:9%;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:4px 4px #000}.mill-point.occupied.red{background:var(--pink)}.mill-point.occupied.cream{background:var(--green)}.mill-point.selected,.mill-point.removable{outline:4px solid var(--green);outline-offset:3px}.blackjack-table{align-items:stretch}.felt{background:repeating-linear-gradient(45deg,#7aec5114 0 6px,#0000 6px 16px),#03140e;align-content:space-between;gap:28px;min-height:520px;padding:30px;display:grid}.hand-title{color:var(--green);text-transform:uppercase;justify-content:space-between;font-weight:950;display:flex}.cards{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.card{aspect-ratio:.7;color:#000;background:var(--ink);border:3px solid #000;border-radius:0;flex-direction:column;justify-content:space-between;width:86px;padding:12px;font-size:1.2rem;font-weight:950;display:flex;box-shadow:5px 5px #000}.card.diamonds,.card.hearts{color:var(--pink)}.card.back{color:#000;background:repeating-linear-gradient(45deg, #0003 0 3px, transparent 3px 9px), var(--cyan);place-items:center;display:grid}.tic-board,.connect-board,.snake-board,.sudoku-board,.mine-board,.twenty-board,.battle-board{aspect-ratio:1}.tic-board{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}.tic-cell{border:2px solid var(--cyan);width:100%;min-width:0;height:100%;min-height:0;color:var(--green);cursor:pointer;background:#000;border-radius:0;place-items:center;padding:0;font-size:clamp(2.8rem,14vw,7.5rem);font-weight:950;line-height:1;display:grid;overflow:hidden}.tic-cell.win{color:#000;background:var(--pink);border-color:var(--pink)}.connect-board{aspect-ratio:7/6;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px;display:grid}.connect-slot{border:2px solid var(--cyan);cursor:pointer;background:#000;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.connect-slot.win{outline:4px solid var(--green);outline-offset:-4px}.connect-disc{aspect-ratio:1;border:2px solid #000;border-radius:0;width:74%;box-shadow:inset 0 -8px #0000002e,4px 4px #000}.connect-disc.falling{animation:.19s cubic-bezier(.18,.82,.28,1.12) connect-drop}@keyframes connect-drop{0%{transform:translateY(-720%)}78%{transform:translateY(5%)}to{transform:translateY(0)}}.connect-disc.red{background:var(--pink)}.connect-disc.gold{background:var(--green)}.snake-board{touch-action:none;grid-template-columns:repeat(16,1fr);gap:2px;padding:10px;display:grid}.snake-cell{background:#01e5f129;border-radius:0}.snake-cell.head{background:var(--green)}.snake-cell.body{background:var(--cyan)}.snake-cell.apple{background:var(--pink)}.sudoku-board{grid-template-columns:repeat(9,1fr);gap:1px;display:grid}.sudoku-board input{aspect-ratio:1;width:100%;min-width:0;color:var(--cyan);text-align:center;background:#000;border:1px solid #01e5f18c;border-top:0;border-left:0;border-radius:0;font-size:clamp(1rem,5vw,2.35rem);font-weight:950}.sudoku-board input:nth-child(3n){border-right:3px solid var(--pink)}.sudoku-board input:nth-child(n+19):nth-child(-n+27),.sudoku-board input:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--pink)}.sudoku-board input.fixed{color:#000;background:var(--green)}.sudoku-board input.wrong{color:#000;background:var(--pink)}.mine-board{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:10px;display:grid}.mine-cell{width:100%;min-width:0;height:100%;min-height:0;color:var(--cyan);cursor:pointer;background:#000;border:2px solid #01e5f1ad;border-radius:0;place-items:center;padding:0;font-size:clamp(.9rem,3.8vw,2rem);font-weight:950;line-height:1;display:grid;overflow:hidden}.mine-cell.revealed{color:#000;background:var(--cyan);cursor:default}.mine-cell.flagged{color:#000;background:var(--green)}.mine-cell.mine{color:#000;background:var(--pink)}.mine-cell.near-1{color:#003b3f}.mine-cell.near-2{color:#123f00}.mine-cell.near-3,.mine-cell.near-4,.mine-cell.near-5,.mine-cell.near-6,.mine-cell.near-7,.mine-cell.near-8{color:#310038}.twenty-board{--tile-gap:10px;--tile-pad:14px;touch-action:none;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid;position:relative}.twenty-cell{background:#01e5f11f;border:2px solid #01e5f180;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.twenty-tile{left:var(--tile-pad);top:var(--tile-pad);width:calc((100% - (var(--tile-pad) * 2) - (var(--tile-gap) * 3)) / 4);height:calc((100% - (var(--tile-pad) * 2) - (var(--tile-gap) * 3)) / 4);color:#000;transform:translate(calc(var(--col) * (100% + var(--tile-gap))), calc(var(--row) * (100% + var(--tile-gap))));z-index:1;border:3px solid #000;border-radius:0;place-items:center;font-size:clamp(1.5rem,8vw,4.7rem);font-weight:950;line-height:1;transition:transform .15s steps(2,end);display:grid;position:absolute;overflow:hidden}.twenty-tile.new{animation:.15s steps(2,end) tile-pop}.twenty-tile.merged{z-index:2;animation:.17s steps(2,end) tile-merge}@keyframes tile-pop{0%{opacity:0;scale:.72}to{opacity:1;scale:1}}@keyframes tile-merge{0%{scale:1}55%{scale:1.08}to{scale:1}}.twenty-tile.tile-2,.twenty-tile.tile-4{background:var(--cyan)}.twenty-tile.tile-8,.twenty-tile.tile-16,.twenty-tile.tile-32,.twenty-tile.tile-64{background:var(--green)}.twenty-tile.tile-128,.twenty-tile.tile-256,.twenty-tile.tile-512{background:var(--pink);font-size:clamp(1.2rem,6.2vw,3.8rem)}.twenty-tile.tile-1024,.twenty-tile.tile-2048{background:var(--gold);font-size:clamp(1rem,5.4vw,3.1rem)}.battle-board{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:10px;display:grid}.battle-cell{width:100%;min-width:0;height:100%;min-height:0;color:var(--cyan);cursor:pointer;background:#01e5f11f;border:2px solid #01e5f199;border-radius:0;place-items:center;padding:0;font-size:clamp(1.1rem,4vw,2.4rem);font-weight:950;display:grid}.battle-cell.shot{color:#000;background:var(--cyan)}.battle-cell.hit,.battle-cell.ship{color:#000;background:var(--pink)}@media (width<=1040px){.topbar,.game-layout{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.game-layout{display:grid}.topbar-actions{align-items:stretch;width:100%}.game-tabs{flex:1}}@media (width<=680px){.shell{width:min(100% - 18px,1180px);padding-top:12px}.topbar{padding:10px}.brand-logo{width:56px;height:56px}.brand-title{text-shadow:2px 2px 0 var(--pink);font-size:clamp(1rem,6vw,1.45rem)}.game-tabs{width:100%}.topbar-actions{flex-wrap:wrap}.account-menu,.account-trigger{width:100%}.account-panel{width:100%;left:0;right:auto}.tab{flex:118px;padding:0 8px}.chess-board,.mini-board,.mill-board,.tic-board,.connect-board,.snake-board,.sudoku-board,.mine-board,.twenty-board,.battle-board{box-shadow:6px 6px 0 #000, 0 0 0 2px var(--pink);border-width:4px}.piece{width:74%;font-size:clamp(.92rem,8vw,2rem)}.coord{display:none}.stats-grid,.bot-list{grid-template-columns:1fr}.felt{min-height:430px;padding:18px}.card{width:68px;padding:9px}.connect-board{gap:5px;padding:8px}.snake-board,.mine-board,.battle-board{padding:6px}.twenty-board{--tile-gap:6px;--tile-pad:8px;gap:6px;padding:8px}}@media (prefers-reduced-motion:reduce){.connect-disc.falling,.twenty-tile.new,.twenty-tile.merged{animation:none}.twenty-tile{transition:none}}