/* Isolated from legacy per-game selectors. Existing site colors/fonts stay authoritative. */
#gk-game{box-sizing:border-box;width:calc(100% - 32px);max-width:1320px;margin:28px auto;padding:0;color:#16476a;--gk-surface:var(--cg-glass-surface,linear-gradient(135deg,#fffffff2,#ebfaffed));--gk-shadow:0 8px 24px #00375a20}
#gk-game *{box-sizing:border-box}#gk-game [hidden]{display:none!important}#gk-game .gk-intro{width:100%;max-width:none!important;margin:0 0 24px!important;text-align:center}html body #gk-game .gk-intro h1{font:800 clamp(2rem,4vw,2.8rem)/1.2 Nunito,'Segoe UI',sans-serif!important;margin:0 0 12px!important;padding:0;background:none!important;box-shadow:none!important;border:0!important}html body #gk-game .gk-intro p{font-size:1.1rem!important;line-height:1.7!important;text-align:center!important;width:100%;max-width:820px!important;margin:0 auto!important}#gk-game .gk-badge{display:inline-block;margin-top:14px;font-size:.72rem;font-weight:800;color:#54839b}
#gk-game .gk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;background:none;border:0;box-shadow:none}#gk-game .gk-panel,#gk-game .gk-actions{background:var(--gk-surface);border:1px solid white;border-radius:22px;box-shadow:var(--gk-shadow);padding:clamp(16px,2.4vw,26px);min-width:0}#gk-game .gk-panel h2{margin:0 0 16px;font-size:1.1rem;line-height:1.3}#gk-game .gk-panel h3{font-size:1rem;margin:0 0 12px}#gk-game .gk-panel p{line-height:1.65}#gk-game .gk-span-full{grid-column:span 12}#gk-game .gk-span-wide{grid-column:span 8}#gk-game .gk-span-side{grid-column:span 4}#gk-game .gk-span-half{grid-column:span 6}#gk-game details>summary{font-weight:800;cursor:pointer}#gk-game details[open]>summary{margin-bottom:16px}#gk-game .gk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:12px 16px}#gk-game .gk-actions p{flex:1 1 220px;margin:0;font-size:.85rem;line-height:1.5}#gk-game button,#gk-game select,#gk-game input{font:inherit;max-width:100%}#gk-game button{min-height:40px;border:1px solid #b8cfde;border-radius:11px;padding:8px 14px;font-size:.86rem;font-weight:800;cursor:pointer}#gk-game button:disabled{opacity:.45;cursor:default}html body #gk-game button.gk-primary{background:linear-gradient(#239dcb,#0766a0)!important;color:white!important;border-color:#127aa5!important;box-shadow:0 3px 9px #0766a030!important}#gk-game :focus-visible{outline:3px solid #1389be;outline-offset:3px}#gk-game .gk-stage{position:relative;width:100%;height:clamp(320px,52vh,660px);min-height:260px;overflow:hidden;border-radius:14px;background:#edf6fa;touch-action:none}#gk-game [data-canvas]{display:block;width:100%;height:100%}#gk-game .gk-overlay{position:absolute;inset:0;pointer-events:none}#gk-game .gk-overlay>*{pointer-events:auto}#gk-game .gk-overlay:empty{display:none}#gk-game .gk-controls{display:grid;gap:16px}#gk-game .gk-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;font-size:.85rem;font-weight:800}#gk-game .gk-control input:not([type=checkbox]),#gk-game .gk-control select{grid-column:1/-1;width:100%}#gk-game input:not([type=range]):not([type=checkbox]),#gk-game select{min-height:40px;border:1px solid #c4dbe8;border-radius:10px;background:#fcfeff;padding:8px 10px;color:#16476a}#gk-game input[type=range]{accent-color:#148fbc;min-height:28px;margin:0}#gk-game input[type=checkbox]{width:20px;height:20px;accent-color:#148fbc}#gk-game .gk-control small{grid-column:1/-1;color:#6d8b9e;font-weight:400;line-height:1.5}#gk-game .gk-control output{font-variant-numeric:tabular-nums;color:#0875ac}#gk-game .gk-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:0}#gk-game .gk-metrics dt{font-size:.72rem;color:#6a8b9f}#gk-game .gk-metrics dd{margin:5px 0 0;font-size:1.5rem;font-weight:800;color:#0875ac;font-variant-numeric:tabular-nums}#gk-game .gk-muted,#gk-game .gk-hint{font-size:.8rem;color:#65859b;line-height:1.6}#gk-game .gk-camera-bar{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}#gk-game .gk-camera-bar button{min-height:36px;padding:6px 12px;font-size:.76rem}#gk-game .gk-hint{margin:10px 0 0}#gk-game .gk-log{max-height:220px;overflow:auto;margin:0;padding-left:22px;font-size:.85rem;line-height:1.8}#gk-game .gk-chart{width:100%;height:180px;display:block}#gk-game .gk-lobby{display:grid;grid-template-columns:1fr 1fr;gap:24px}#gk-game .gk-lobby form{display:grid;align-content:start;gap:12px}#gk-game .gk-lobby>[role=status]{grid-column:1/-1;margin:0}#gk-game.gk-expanded{position:fixed;inset:10px;z-index:20000;max-width:none;width:calc(100% - 20px);height:calc(100% - 20px);overflow:auto;margin:0;padding:16px;background:#e6f3fa;box-shadow:0 0 0 30px #12344980;border-radius:22px}#gk-game.gk-expanded .gk-intro{display:none}body.gk-expanded-open{overflow:hidden!important}#gk-game.gk-expanded .gk-stage{height:65vh}#gk-game .gk-diagnostic{padding:16px;color:#8c4624}
@media(max-width:760px){#gk-game{width:calc(100% - 20px);margin:20px auto}#gk-game .gk-grid{gap:16px}#gk-game :is(.gk-span-wide,.gk-span-side,.gk-span-half){grid-column:span 12}#gk-game .gk-actions p{flex-basis:100%}#gk-game .gk-stage{height:50vh;min-height:300px}#gk-game .gk-lobby{grid-template-columns:1fr}#gk-game.gk-expanded{padding:10px}#gk-game .gk-panel{padding:16px}}