:root{color-scheme:dark;--ink:#0b1020;--paper:#edf1ff;--accent:#7cbcff;--purple:#b9a0ff}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,#board:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:14px;z-index:99;padding:12px;background:var(--accent);color:var(--ink)}.skip-link:focus{top:8px}.site-header{height:56px;max-width:1280px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292d36}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:13px;letter-spacing:-.3px}.brand b{font-size:25px;letter-spacing:-2px;color:var(--accent);margin-right:3px}.brand>span{color:var(--accent)}.back-link{font-size:11px;text-decoration:none;color:#bec4d1}.game-shell{max-width:1180px;margin:auto;padding:14px 24px 16px}.arcade{border:1px solid #393f4b;border-radius:9px;overflow:hidden}.dashboard{height:72px;padding:12px 20px;background:#141a30;border-bottom:1px solid #3b414e;display:flex;align-items:center;gap:25px}.game-title h1{font-size:24px;letter-spacing:-1px;margin:0}.game-title h1 span{color:var(--accent)}.game-title p{font-size:10px;line-height:1.5;color:#b1b8c6;margin:3px 0 0}.score-stat{margin-left:auto;text-align:right}.score-stat>span{display:block;color:#a1aabd;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;margin-bottom:5px}.score-stat strong{font:500 13px ui-monospace,SFMono-Regular,Consolas,monospace}.dashboard-actions{display:flex;gap:7px}.dashboard-actions button{height:39px;border:1px solid #465166;background:transparent;border-radius:5px;padding:8px 12px;font-size:10px}.dashboard-actions #pause{font-size:18px;width:38px;padding:5px}.stage{position:relative;height:calc(100svh - 195px);min-height:350px;background:radial-gradient(ellipse at 50% 35%,#242a36,transparent 70%),#0e1117;display:flex;align-items:center;justify-content:center;overflow:hidden}.play-area{width:100%;max-width:590px;padding:15px 20px}.turn-status{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:500px;margin:auto auto 13px}.player-key{display:flex;align-items:center;gap:6px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.8px;white-space:nowrap}.player-key i{width:11px;height:11px;border-radius:50%}.human-disc{background:var(--accent)}.ai-disc{background:var(--purple)}#turn-label{text-align:center;font-size:11px;line-height:1.4;margin:0;color:#c8d0df}.board-shell{max-width:min(500px,calc((100svh - 325px)*1.16));margin:auto;position:relative}.column-controls{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:8px;padding:0 12px}.column-controls button{height:32px;border:1px solid transparent;border-radius:4px;background:#242b3a;color:#8e9dba;font-size:18px}.column-controls button.selected{border-color:var(--accent);color:var(--accent);background:#7cbcff12}.column-controls button:hover:not(:disabled){background:#2d3b56}.board{padding:12px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(145deg,#384050,#1c222f);border:1px solid #5a6478;border-bottom-width:5px;border-radius:8px;box-shadow:0 12px 0 #070a1188,0 25px 65px #0004;touch-action:manipulation}.board-row{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cell{aspect-ratio:1;border-radius:50%;background:#080c13;box-shadow:inset 0 3px 7px #000b,0 1px 0 #4c5a7788;position:relative;cursor:pointer}.cell::after{content:"";position:absolute;inset:9%;border-radius:50%;background:#070b12}.cell.human::after{background:radial-gradient(circle at 32% 25%,#9ebeff 0,#7cbcff 45%,#3762b7 100%);box-shadow:inset 0 0 0 4px #4374d5,0 3px 0 #294c93}.cell.ai::after{background:radial-gradient(circle at 32% 25%,#dacaff 0,#b9a0ff 45%,#7152b1 100%);box-shadow:inset 0 0 0 4px #9675d6,0 3px 0 #554076}.cell.selected-empty{box-shadow:inset 0 3px 7px #000b,0 0 0 1px #7cbcff50}.cell.win::after{outline:3px solid #e3ecff;outline-offset:3px;box-shadow:0 0 18px #7cbcff4a}.cell.drop::after{animation:drop .28s cubic-bezier(.25,.75,.45,1) both}.board-base{height:7px;max-width:90%;background:#4a5977;border-radius:0 0 6px 6px;margin:auto}.selection-caption{display:flex;align-items:center;gap:7px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.8px;color:#8895ae;max-width:460px;margin:19px auto 0}.selection-line{flex:1;border-top:1px solid #434f66;margin:0 10px}.storage-message{min-height:12px;text-align:center;font-size:9px;color:#d8baa0;margin:10px 0 0}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:22px;background:#090c1298;backdrop-filter:blur(4px)}.panel{width:100%;max-width:350px;max-height:100%;overflow-y:auto;background:#141a30f7;border:1px solid #445068;border-radius:9px;padding:26px;text-align:center;box-shadow:0 20px 70px #0006}.eyebrow{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;color:var(--accent);margin:0 0 11px}.panel h2{font-size:31px;letter-spacing:-1px;margin:0}.panel>p:not(.eyebrow){font-size:11px;line-height:1.6;color:#b4bccc;margin:14px 0 20px}.primary-button,.secondary-button{width:100%;border-radius:5px;min-height:45px;padding:13px 12px;font-size:10px;font-weight:700;letter-spacing:.5px}.primary-button{border:0;background:var(--accent);color:#0d1320;box-shadow:0 3px 0 #2e539d}.secondary-button{border:1px solid #4c5972;background:#252b38;margin-top:12px;color:#c5cdde}.catalog-link{display:block;font-size:10px;width:max-content;margin:19px auto 0;text-decoration:none;color:var(--accent)}.instructions{height:34px;display:flex;align-items:center;justify-content:space-between;padding:8px 17px;gap:10px;border-top:1px solid #343a46;background:#141a30;font-size:8px;color:#a0aabe}kbd{border:1px solid #4b576f;border-bottom-width:2px;border-radius:3px;display:inline-block;min-width:17px;padding:1px 4px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--paper);text-align:center}.touch-note{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes drop{from{transform:translateY(var(--drop-y,-160px))}to{transform:translateY(0)}}
@media(max-width:700px){.site-header{height:48px;padding:0 14px}.brand{font-size:11px;gap:5px}.brand b{font-size:23px}.back-link{font-size:10px}.game-shell{padding:0}.arcade{border:0;border-radius:0}.dashboard{height:80px;padding:10px 14px;gap:12px}.game-title h1{font-size:23px}.game-title p{font-size:9px;max-width:153px}.score-stat{margin-left:auto}.score-stat>span{font-size:6px;max-width:78px;line-height:1.4}.score-stat strong{font-size:10px;white-space:nowrap}.dashboard-actions{gap:5px}.dashboard-actions button{padding:7px;min-width:34px;height:36px;font-size:9px}.dashboard-actions #pause{width:33px;font-size:17px}.stage{height:calc(100svh - 128px);min-height:0;align-items:center}.play-area{padding:17px 14px;max-width:600px}.turn-status{gap:7px;margin-bottom:16px}.player-key{font-size:7px;letter-spacing:0}.player-key i{width:9px;height:9px}#turn-label{font-size:10px;max-width:175px}.board-shell{max-width:min(500px,calc((100svh - 275px)*1.16))}.board{padding:9px;gap:6px;border-bottom-width:4px}.board-row{gap:6px}.column-controls{padding:0 9px;gap:6px}.column-controls button{height:41px;font-size:20px}.cell.human::after,.cell.ai::after{box-shadow:inset 0 0 0 3px #0002,0 2px 0 #0004}.selection-caption{font-size:7px;margin:16px 10px 0}.instructions{display:none}.panel{max-width:330px;padding:23px}.panel h2{font-size:29px}}@media(max-width:370px){.dashboard{gap:8px;padding:10px}.score-stat>span{display:none}.score-stat strong{font-size:9px}.game-title p{max-width:140px}.dashboard-actions button{padding:6px;min-width:29px}.dashboard-actions #pause{width:29px}.play-area{padding:14px 11px}.player-key{font-size:6px}#turn-label{font-size:9px;max-width:145px}}@media(max-height:620px) and (min-width:701px){.site-header{height:42px}.game-shell{padding:0}.arcade{border:0;border-radius:0}.dashboard{height:58px;padding:8px 18px}.stage{height:calc(100svh - 100px);min-height:0}.instructions{display:none}.play-area{padding:7px 20px}.turn-status{margin-bottom:6px}.board-shell{max-width:calc((100svh - 220px)*1.16)}.selection-caption{margin-top:12px}.storage-message{margin-top:4px}.column-controls button{height:27px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:701px) and (min-height:621px){.board-shell{max-width:min(500px,calc((100svh - 355px)*1.16))}}
@media(max-width:600px){.dashboard .game-title{min-width:0;flex:1}.dashboard .score-stat,.dashboard-actions{flex-shrink:0}.dashboard-actions button{min-width:44px;min-height:44px;height:44px}.dashboard-actions #pause{width:44px;height:44px}.primary-button,.secondary-button{min-width:44px;min-height:44px}.catalog-link{min-width:44px;min-height:44px;padding:14px 10px;margin-top:8px;display:flex;align-items:center;justify-content:center}}