/* Original knowledge stadiums, shared by solo and online rounds. */
.ag-hub-launch{display:block;width:100%;margin:20px 0 4px;min-height:64px;border:2px solid #fff2a0;border-radius:20px;background:linear-gradient(#ffe86a,#ffc42e);color:#36204a;font-size:22px;font-weight:900;box-shadow:0 6px 0 #a5650c,inset 0 2px 0 #fff8}
.ag-overlay{position:fixed;inset:0;z-index:170;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at top,#64379980,transparent 60%),var(--age-panel-low,#211139);color:#fff;display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.ag-shell{width:100%;max-width:1180px;min-width:0}.ag-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ag-head h1{font-size:clamp(24px,4vw,38px);margin:0}.ag-head h1:focus{outline:none}.ag-close{min-width:48px;flex:none}.ag-intro{background:linear-gradient(120deg,#5f36a2,#26385e);border:1px solid #a88bd0;border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 5px 0 #120b28}.ag-intro p{margin-bottom:0;color:#f1e7ff}
.ag-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ag-game-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:225px;padding:24px 18px;border:2px solid #c2f8ff;border-radius:26px;background:radial-gradient(ellipse at top,#62f2ff66,transparent 75%),linear-gradient(135deg,#1574bd,#174b8b);color:#fff;text-align:center;box-shadow:0 7px 0 #091e3d,inset 0 2px 0 #ffffff66;overflow:hidden;isolation:isolate}
.ag-game-card:before{content:'';position:absolute;width:150%;height:100%;top:-65%;left:-40%;background:#ffffff10;transform:rotate(-28deg);z-index:-1}.ag-card-art{display:grid;place-items:center;width:80px;height:80px;background:#ffffff16;border:1px solid #ffffff44;border-radius:24px;font-size:48px;filter:drop-shadow(0 4px 3px #0004)}.ag-game-card strong{font-size:23px;line-height:1.15;text-shadow:0 2px 0 #0c1538}.ag-game-card>span:not(.ag-card-art){font-size:14px;color:#f5f2ff}.ag-game-card small{margin-top:auto;padding-top:6px;font-size:12px;font-weight:700;color:#fff}
.ag-bridge{background:linear-gradient(135deg,#5147bd,#6e3aaa);border-color:#cfbeff}.ag-math{background:linear-gradient(135deg,#126b88,#087364);border-color:#8fffd4}.ag-flags{background:linear-gradient(135deg,#d2389a,#8c238d);border-color:#ffabe8}.ag-map{background:linear-gradient(135deg,#2774a2,#3853a5);border-color:#a3d9ff}.ag-cup{background:linear-gradient(135deg,#9b5814,#ab3d48);border-color:#ffe092}.ag-lobby-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.ag-lobby-actions button{flex:1;min-width:150px;min-height:54px}.ag-online-msg{width:100%;color:#ffdc94}
.ag-hud{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 18px;background:#0e0b2580;border:1px solid #ffffff35;border-radius:18px;margin-bottom:18px}.ag-hud strong{margin-left:auto;font-size:20px}.ag-opponents{font-size:12px;color:#e1d8f2}.ag-game-body{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}.ag-question-panel{min-width:0;padding:24px;background:linear-gradient(135deg,var(--age-panel,#3c296c),var(--age-panel-low,#251743));border:2px solid #a58ac8;border-radius:26px;box-shadow:0 7px 0 #100b26}
.ag-clock{display:flex;align-items:center;gap:12px;font-size:13px;color:#e9defb;margin-bottom:18px}.ag-clock>span{min-width:74px}.ag-clock .bar{flex:1;height:10px}.ag-clock .bar>div{height:100%;background:linear-gradient(90deg,#41d2f6,#8af0cc);transition:width .15s linear}.ag-prompt{font-size:clamp(22px,3vw,30px);line-height:1.3;margin:12px 0 20px;overflow-wrap:anywhere}.ag-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ag-option{min-height:68px;padding:16px 12px;font-size:19px;font-weight:800;color:#fff;background:linear-gradient(#5f448b,#3b285e);border:2px solid #ba9ddf;border-radius:18px;box-shadow:0 4px 0 #100b27;overflow-wrap:anywhere}.ag-option:disabled{opacity:1}.ag-option.correct{background:#18523c;border-color:#82f3b3}.ag-feedback{min-height:46px;margin:18px 0 0;font-weight:800;line-height:1.45;font-size:17px;overflow-wrap:anywhere}.ag-feedback.correct{color:#9fffc6}.ag-feedback.wrong{color:#ffd2dd}.ag-flag{display:block;width:130px;height:98px;object-fit:contain;align-self:center;margin:8px auto 22px;filter:drop-shadow(0 5px 4px #08091c55)}
.ag-round{position:relative;min-width:0}.ag-word-slots,.ag-word-bank{display:flex;flex-wrap:wrap;gap:9px;padding:14px;margin-bottom:14px;min-height:70px;border-radius:16px;border:2px dashed #b294d5;background:#100b2444}.ag-word-bank{border-style:solid;border-color:#ffffff25;background:transparent}.ag-word-slots .token{background:#175b72;border-color:#83e8fa}.ag-word-bank .token{background:#523777}.ag-submit{margin:10px 8px 0 0;min-height:52px}.ag-live-round{max-width:820px}.ag-live-round .ag-map-wrap{max-height:none}.ag-live-round .ag-prompt{font-size:24px}.ag-live-round .ag-options button{width:100%}
.ag-map-wrap{position:relative;width:100%;border:2px solid #8bcee8;border-radius:20px;overflow:hidden;background:#112d48}.ag-map-wrap svg{display:block;width:100%;height:auto;aspect-ratio:2;touch-action:none;user-select:none;min-height:170px}.ag-ocean{fill:#163954}.ag-land{fill:#466b7a;stroke:#153443;stroke-width:.4;pointer-events:none}.ag-country{fill:#7cafa4;stroke:#d7efda;stroke-width:.7;cursor:crosshair;transition:fill .15s}.ag-country:hover,.ag-country:focus{fill:#d1d887;outline:none;stroke:#fff;stroke-width:1.8}.ag-country.selected{fill:#ffd24f;stroke:#fff;stroke-width:1.5}.ag-country.correct{fill:#60e2a4;stroke:#fff;stroke-width:1.6}.ag-country.wrong{fill:#f57d9c}.ag-map-marker{pointer-events:none;filter:drop-shadow(0 2px 2px #0008)}.ag-map-tools{position:absolute;bottom:8px;right:8px;display:flex;gap:6px}.ag-map-tools button{min-width:44px;min-height:44px;padding:4px;font-size:23px;background:#0e223be6;border:1px solid #a6deef;border-radius:12px;color:#fff;box-shadow:0 2px 0 #0007}.ag-map-status{font-size:14px;color:#eee2ff;margin:12px 0}
.ag-scene{position:relative;min-height:420px;overflow:hidden;border:2px solid #ae8be2;border-radius:26px;padding:20px;background:radial-gradient(ellipse at 50% 0,#ffcc5544,transparent 65%),linear-gradient(#45318a,#17274f);box-shadow:0 7px 0 #100b26}.ag-scene:before{content:'';position:absolute;inset:55% -50% -30%;background:repeating-linear-gradient(90deg,transparent 0 58px,#a7eaff25 59px 60px),repeating-linear-gradient(0deg,transparent 0 30px,#a7eaff25 31px 32px);transform:perspective(180px) rotateX(40deg)}.ag-scene-orb{font-size:90px;line-height:1.2;text-align:center;margin:14px 0 50px;filter:drop-shadow(0 8px 18px #4bf2ff77);animation:ag-float 4s ease-in-out infinite}.ag-lanes{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.ag-lane{position:relative;height:35px;background:#ffffff12;border-bottom:3px solid #9075cf;border-radius:8px;margin-left:4px}.ag-lane-name{position:absolute;top:-15px;left:0;font-size:11px;color:#f1e7ff}.ag-runner{position:absolute;left:calc((100% - 42px)*var(--progress,0));bottom:-4px;transition:left .6s cubic-bezier(.2,.9,.3,1.2)}.ag-runner svg{width:46px;height:46px}.ag-scene-bridge{background:radial-gradient(ellipse at top,#58c7df55,transparent),linear-gradient(#394187,#19174d)}.ag-scene-math{background:radial-gradient(ellipse at top,#5cf2d644,transparent),linear-gradient(#184d67,#152d44)}.ag-scene-flags{background:radial-gradient(ellipse at top,#ff76dc55,transparent),linear-gradient(#713070,#242855)}.ag-scene-map{background:radial-gradient(ellipse at top,#8bdfac44,transparent),linear-gradient(#285e7c,#1f2b51)}.ag-scene-cup{background:radial-gradient(ellipse at top,#ffe28555,transparent),linear-gradient(#61518c,#26315a)}
.ag-scene .ag-bridge{position:absolute;bottom:10px;left:16px;right:16px;display:flex;gap:5px;border:0;background:transparent}.ag-bridge span{flex:1;height:15px;border-radius:5px;background:#172749;box-shadow:0 3px 0 #0b1730}.ag-bridge span.built{background:linear-gradient(#ffe78e,#d8a54b);box-shadow:0 3px 0 #7f5422}.ag-power{position:absolute;top:30px;right:20px;height:100px;width:28px;border:2px solid #a7ffe7;border-radius:10px;background:#102839;overflow:hidden;display:flex;align-items:flex-end}.ag-power>div{width:100%;height:0;background:linear-gradient(#c0fff1,#2acfa4);transition:height .5s;box-shadow:0 0 15px #4effcf}.ag-combo{border-color:#ffe376;box-shadow:0 0 24px #ffe37644,0 7px 0 #100b26}
.ag-burst{position:absolute;left:50%;top:25%;pointer-events:none;z-index:3}.ag-burst span{position:absolute;font-size:25px;color:#ffe477;animation:ag-spark .8s ease-out both;animation-delay:var(--delay)}.ag-trophy{font-size:110px;text-align:center;filter:drop-shadow(0 10px 20px #ffcf4b66);margin:20px}.ag-results{padding:0;list-style:none;max-width:620px;display:grid;gap:10px}.ag-results li{display:flex;justify-content:space-between;gap:20px;background:#ffffff10;border:1px solid #ffffff25;border-radius:15px;padding:14px 18px}.ag-shell>h2,.ag-shell>p{text-align:center}.ag-shell>.primary,.ag-shell>.secondary{margin:8px 8px 8px 0}.ag-exit{position:fixed;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 30px));background:#251b45;border:2px solid #d2b6ec;border-radius:24px;box-shadow:0 0 0 100vmax #070314cc;padding:24px}.ag-exit button{width:100%;margin-top:10px}
@keyframes ag-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes ag-spark{from{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-100px)}}
@media(max-width:760px){.ag-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ag-game-card{min-height:205px;padding:18px 10px}.ag-card-art{width:64px;height:64px;font-size:38px;border-radius:18px}.ag-game-card strong{font-size:20px}.ag-game-body{grid-template-columns:1fr}.ag-scene{min-height:185px;padding:14px}.ag-scene-orb{position:absolute;right:20px;top:16px;font-size:72px;margin:0}.ag-lanes{max-width:70%;gap:13px;margin-top:12px}.ag-lane{height:26px}.ag-runner svg{width:35px;height:35px}.ag-lane-name{font-size:10px;top:-13px}.ag-question-panel{padding:18px}.ag-options{gap:10px}.ag-option{font-size:17px;min-height:60px}.ag-hud{gap:8px;padding:10px 14px}.ag-hud .ag-opponents{width:100%}.ag-map-wrap svg{min-height:190px}.ag-head{gap:8px}.ag-hub-launch{font-size:21px}}
@media(orientation:landscape) and (max-height:540px){.ag-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-game-card{min-height:180px}.ag-game-body{grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);gap:12px}.ag-scene{min-height:250px}.ag-scene-orb{position:static;font-size:55px;margin:0 0 35px}.ag-lanes{max-width:100%}.ag-head{margin-bottom:10px}.ag-question-panel{padding:14px}.ag-prompt{font-size:21px}.ag-map-wrap svg{min-height:155px}.ag-flag{width:80px;height:60px;margin:5px auto 10px}}
@media(prefers-reduced-motion:reduce){.ag-scene-orb,.ag-burst span{animation:none!important}.ag-burst{display:none}.ag-runner,.ag-power>div{transition:none}}