@font-face{font-family:DM;src:url('/fonts/font-4.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('/fonts/font-7.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/font-2.woff') format('woff');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#0a0d16;--panel:#141a29;--panel2:#1c2436;--line:#313c53;--text:#f5f7ff;--muted:#bdc7dc;--lime:#d7ff65;--cyan:#70efff;--pink:#ff8dba;--purple:#bca0ff;font-family:DM,system-ui,sans-serif;font-size:16px;line-height:1.55;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button,input{border-radius:8px}button{touch-action:manipulation}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-100px;z-index:30;background:var(--lime);color:#10170a;padding:10px}.skip:focus{top:10px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1600px;margin:auto;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;font-family:Barlow,Impact,sans-serif;font-size:30px;letter-spacing:.5px}.brand i{font-style:italic;display:grid;place-items:center;background:var(--lime);color:#141d08;width:36px;height:36px;border-radius:9px;font-size:29px}.topbar nav{display:flex;gap:26px;font-weight:700;font-size:14px}.topbar nav a{color:var(--muted)}.topbar nav a.active{color:var(--lime)}.local-pill{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.local-pill b{color:var(--lime)}.shell{max-width:1440px;margin:auto;padding:28px 4vw 64px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 22px}.section-heading h1,.section-heading h2{font-family:Barlow,Impact,sans-serif;line-height:1.1;letter-spacing:.2px;margin:4px 0;font-size:38px}.section-heading p{color:var(--muted);margin:0;font-size:14px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--lime)}.tag{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.4px;border-radius:5px;padding:5px 9px;color:var(--lime);border:1px solid #5a6b36;background:#28361e}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.flagship{min-height:478px;isolation:isolate;position:relative;overflow:hidden;border:1px solid #637347;border-radius:19px;display:flex;align-items:flex-end;padding:30px;background:#10152a}.flagship img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.flagship:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b17 0%,#080b17ee 24%,#080b1780 54%,#080b170a 85%);z-index:-1}.flagship h2{font-family:Barlow,Impact,sans-serif;font-size:65px;line-height:1;margin:12px 0}.flagship p{max-width:440px;margin:10px 0 21px;color:#e1e6f5;font-size:16px}.flagship .tags{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.quiet-tag{color:var(--muted);font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 20px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;font-weight:700;font-size:14px}.btn:hover{background:#2a354b;color:#fff}.btn.primary{background:var(--lime);border-color:var(--lime);color:#142008}.btn.primary:hover{background:#e6ff9e;color:#142008}.btn.cyan{background:var(--cyan);color:#082127;border-color:var(--cyan)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.small-games{display:grid;grid-template-rows:1fr 1fr;gap:18px}.small-game{display:grid;grid-template-columns:40% 1fr;align-items:center;overflow:hidden;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px}.small-game canvas{display:block;width:100%;height:100%;min-height:217px;background:#141828}.small-copy{padding:22px}.small-copy h2{font-family:Barlow,Impact,sans-serif;font-size:35px;line-height:1;margin:8px 0}.small-copy p{font-size:14px;color:var(--muted);margin:10px 0 17px}.inline-link{font-size:14px;font-weight:700;color:var(--lime)}.subtle{color:var(--muted)}.section-block{margin-top:37px}.daily-strip{padding:24px;background:linear-gradient(110deg,#242342,#151c2d);border:1px solid #514a77;border-radius:16px;display:grid;grid-template-columns:1.1fr 2fr;gap:24px}.daily-strip h2{font-family:Barlow,Impact,sans-serif;font-size:31px;margin:3px 0}.daily-strip p{font-size:14px;margin:6px 0;color:var(--muted)}.daily-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.daily-item{background:#101724;border:1px solid #36405a;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:17px 14px;gap:6px}.daily-item b{font-size:14px}.daily-item span{font-size:12px;color:var(--muted)}.daily-item em{font-style:normal;letter-spacing:5px;color:var(--lime);font-size:18px}.progress-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px;min-width:0}.panel h2,.panel h3{margin:0 0 10px;font-size:18px}.panel p{color:var(--muted);font-size:14px;margin:7px 0}.progress-track{height:6px;background:#364259;border-radius:5px;overflow:hidden;margin:17px 0}.progress-track i{display:block;height:100%;background:var(--lime);width:0}.skin-list{display:flex;gap:10px;flex-wrap:wrap}.skin{background:#182134;border:1px solid var(--line);padding:12px 14px;border-radius:9px;flex:1;min-width:90px;text-align:left;font-size:14px}.skin.selected{border-color:var(--lime)}.skin b{display:block}.skin small{font-size:12px;color:var(--muted)}.skin i{display:inline-block;width:12px;height:12px;background:var(--skin);border-radius:4px;margin-right:7px}.stat-row{display:flex;justify-content:space-between;gap:18px;margin-top:14px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}.stat-row strong{color:var(--lime)}.footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:27px 4vw;color:var(--muted);font-size:13px}.footer a{margin-left:20px}.article-copy{max-width:850px;margin:35px auto 0}.article-copy h2{font-family:Barlow,Impact,sans-serif;font-size:32px;margin:25px 0 7px}.article-copy p,.article-copy li{color:var(--muted);font-size:16px}.article-copy a{color:var(--cyan);text-decoration:underline}.article-copy details{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.page-title{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:19px}.page-title h1{font-family:Barlow,Impact,sans-serif;font-size:38px;line-height:1;margin:5px 0}.page-title p{font-size:14px;color:var(--muted);margin:7px 0 0}.game-layout-v2{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:21px;align-items:start}.game-frame{border:1px solid #45516c;background:#0e1423;border-radius:16px;overflow:hidden;min-width:0}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;border-bottom:1px solid var(--line);font-size:14px}.tool-row{display:flex;gap:6px}.tool{background:#20293b;border:1px solid #41506c;border-radius:7px;min-width:39px;min-height:36px;font-size:14px;font-weight:700}.tool:hover{background:#35405a}.stage{position:relative;aspect-ratio:900/650;background:#0c1223;isolation:isolate;overflow:hidden}.stage>canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.game-hud{position:absolute;z-index:2;inset:15px 17px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none;text-shadow:0 2px 7px #000}.game-hud strong{font-family:Barlow,Impact,sans-serif;font-size:31px;line-height:1.1;display:block}.game-hud small{font-size:12px;color:#c5d0e7;letter-spacing:.9px;font-weight:700}.hud-health{color:var(--pink);letter-spacing:2px;font-size:18px}.hud-right{text-align:right}.xp-line{position:absolute;bottom:0;left:0;height:5px;background:var(--lime);z-index:2;pointer-events:none}.stage-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#0b1022ef;overflow:auto}.stage-overlay.start-screen{background:linear-gradient(0deg,#090e1cf7,#0b1022e8 58%,#0b1022b8)}.stage-overlay h2{font-family:Barlow,Impact,sans-serif;font-size:clamp(36px,5vw,67px);line-height:1;margin:10px 0 14px}.stage-overlay p{color:#d1daed;max-width:445px;font-size:15px;margin:7px 0 19px}.stage-overlay .eyebrow{color:var(--lime)}.rigs{display:flex;gap:8px;margin:3px 0 22px;width:min(100%,470px)}.rig{flex:1;min-width:0;border:1px solid #45516c;background:#192338;padding:11px 8px;border-radius:8px;font-size:14px}.rig b{display:block}.rig span{font-size:12px;color:var(--muted)}.rig[aria-pressed=true]{border-color:var(--lime);background:#253425}.mode-tabs{display:flex;background:#141b2b;padding:4px;border:1px solid var(--line);border-radius:10px}.mode-tabs button{border:0;background:transparent;padding:8px 14px;color:var(--muted);font-size:14px;font-weight:700}.mode-tabs button[aria-pressed=true]{background:#303c53;color:#fff}.upgrade-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;width:100%;max-width:680px;text-align:left}.upgrade{border:1px solid #596788;background:#1b2940;border-radius:11px;padding:19px 14px;min-height:170px}.upgrade:hover{border-color:var(--lime);background:#293c4a;transform:translateY(-3px)}.upgrade i{font-style:normal;font-size:31px;color:var(--lime);display:block}.upgrade b{font-size:16px;display:block;margin:8px 0}.upgrade span{font-size:13px;line-height:1.5;color:var(--muted)}.score-huge{font-family:Barlow,Impact,sans-serif;font-size:76px;line-height:1;color:var(--lime);margin:5px 0}.result-stats{display:flex;gap:24px;justify-content:center;margin:15px 0 24px;font-size:14px;color:var(--muted)}.result-stats b{display:block;color:#fff;font-size:18px}.game-toast{position:absolute;top:28%;left:50%;transform:translateX(-50%);background:#0a101eee;border:1px solid #525f7c;box-shadow:0 5px 30px #0007;padding:8px 16px;border-radius:8px;text-align:center;pointer-events:none;z-index:3;white-space:nowrap;font-size:14px;font-weight:700;color:var(--lime)}.game-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;color:var(--muted)}.mobile-controls{display:none;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px;border-top:1px solid var(--line)}.mobile-controls p{font-size:13px;color:var(--muted);margin:0}.dash-button{min-width:117px;background:var(--cyan);color:#082127;font-weight:700;border:0;padding:12px 20px;min-height:49px}.side-stack{display:grid;gap:15px}.side-stack .panel{padding:19px}.rule-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.rule-list li{font-size:14px;color:var(--muted)}.rule-list b{color:#fff;display:block;margin-bottom:2px}.key{display:inline-block;border:1px solid #57617a;border-bottom-width:3px;background:#202b40;border-radius:4px;padding:1px 6px;font-size:12px;color:#e8eeff}.build-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.build-chip{font-size:12px;background:#222f43;padding:4px 8px;border-radius:5px;color:var(--cyan)}.best-number{font-family:Barlow,Impact,sans-serif;font-size:38px;color:var(--lime);line-height:1.2}.share-output{font-size:14px!important;overflow-wrap:anywhere;max-width:100%}.game-frame:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#080c17;width:100%;height:100%}.game-frame:fullscreen .stage{height:min(85vh,calc(100vw * .722));width:min(100%,calc(85vh * 1.385));margin:auto;flex-shrink:0}.game-frame:fullscreen .game-bar,.game-frame:fullscreen .game-bottom{flex-shrink:0}.puzzle-stage{padding:25px;background:radial-gradient(ellipse at 50% 40%,#20283d,#0d1423);min-height:490px;position:relative}.puzzle-metrics{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;text-align:center}.puzzle-metrics small{display:block;color:var(--muted);font-size:12px;letter-spacing:1px}.puzzle-metrics b{font-family:Barlow,Impact,sans-serif;font-size:31px}.pulse-board{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:9px;width:min(100%,380px);margin:auto}.pulse-cell{aspect-ratio:1;border:2px solid #384c66;border-radius:13px;background:#172438;position:relative;display:grid;place-items:center;transition:background .14s,transform .14s,border-color .14s;font-size:clamp(18px,3vw,29px);color:#8a9caf}.pulse-cell.on{background:#94fff0;border-color:#d6fffa;color:#0b524e;box-shadow:0 0 18px #77ffda26}.pulse-cell.affected{outline:2px solid #d7ff65;outline-offset:3px}.pulse-cell.hint{outline:3px solid var(--pink);outline-offset:3px}.pulse-cell:hover{transform:translateY(-2px)}.puzzle-tools{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}.puzzle-note{color:var(--muted);font-size:13px;text-align:center;margin:16px 0 0}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}.level{padding:6px 0;min-height:35px;border:1px solid #43516c;background:#1e2a40;font-size:13px}.level.done{color:var(--lime);border-color:#667e38}.level.current{background:var(--lime);color:#102006}.puzzle-result{position:absolute;inset:0;background:#0c1422f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;padding:25px;text-align:center}.puzzle-result h2{font-family:Barlow,Impact,sans-serif;font-size:51px;line-height:1.1;margin:10px 0}.medals{color:var(--lime);letter-spacing:8px;font-size:30px}.legal-small{font-size:13px;color:var(--muted)}
@media(min-width:1600px){.shell{padding-left:20px;padding-right:20px}}@media(max-width:1050px){.game-layout-v2{grid-template-columns:minmax(0,1fr) 230px}.feature-grid{grid-template-columns:1.2fr 1fr}.small-game{grid-template-columns:32% 1fr}.small-copy{padding:17px}.flagship{padding:24px}.daily-strip{grid-template-columns:1fr}.stage-overlay{padding:18px}.upgrade{padding:12px 9px;min-height:153px}.upgrade b{font-size:14px}.upgrade span{font-size:12px}}
@media(max-width:780px){.topbar{height:66px;padding:0 18px}.brand{font-size:24px;gap:9px}.brand i{width:29px;height:29px;font-size:24px}.topbar nav{gap:16px;font-size:13px}.local-pill{display:none}.shell{padding:23px 16px 40px}.section-heading{margin-bottom:18px}.section-heading h1{font-size:32px}.section-heading p{font-size:12px}.feature-grid{grid-template-columns:1fr}.flagship{min-height:380px}.flagship h2{font-size:53px}.small-games{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.small-game{grid-template-columns:1fr}.small-game canvas{height:140px;min-height:0}.small-copy{padding:16px}.small-copy h2{font-size:30px}.small-copy p{font-size:13px}.daily-strip{padding:19px;gap:14px}.daily-items{gap:7px}.daily-item{padding:13px 10px}.daily-item span{font-size:12px}.progress-layout{grid-template-columns:1fr}.game-layout-v2{display:flex;flex-direction:column}.game-frame{width:100%}.side-stack{width:100%;grid-template-columns:1fr 1fr}.side-stack .panel:first-child{grid-column:1/-1}.rule-list{grid-template-columns:repeat(3,1fr);gap:12px}.rule-list li{font-size:13px}.page-title{align-items:flex-start}.page-title h1{font-size:34px}.page-title p{max-width:240px;font-size:13px}.mode-tabs button{padding:7px 10px;font-size:13px}.stage{min-height:390px;aspect-ratio:900/780}.game-hud{inset:10px 12px auto}.game-hud strong{font-size:26px}.stage-overlay h2{font-size:43px}.stage-overlay p{font-size:14px;margin-bottom:14px}.rigs{margin-bottom:16px}.rig{padding:9px 5px;font-size:13px}.rig span{font-size:12px}.upgrade-list{gap:7px}.upgrade{padding:11px 8px}.upgrade b{font-size:14px}.upgrade span{font-size:12px}.upgrade i{font-size:25px}.game-bottom{font-size:12px}.mobile-controls{display:flex}.desktop-only{display:none}.puzzle-stage{padding:20px 16px;min-height:500px}.pulse-board{gap:8px;max-width:350px}.pulse-cell{border-radius:10px}.level-grid{grid-template-columns:repeat(6,1fr)}.footer{padding:24px 18px;flex-direction:column;align-items:flex-start;gap:12px}.footer a{margin:0 16px 0 0}.panel{padding:20px}.article-copy{margin-top:25px}.section-block{margin-top:28px}}
@media(max-width:390px){.topbar nav{gap:10px}.brand{font-size:21px}.stage-overlay{padding:14px}.stage-overlay h2{font-size:38px}.rigs{gap:5px}.btn{padding:10px 13px}.upgrade-list{grid-template-columns:1fr}.upgrade{min-height:0;padding:9px 13px;display:grid;grid-template-columns:30px 1fr;gap:0 8px}.upgrade i{grid-row:1/3}.upgrade b{margin:0}.upgrade span{grid-column:2}.rule-list{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.daily-item b{font-size:13px}.daily-item em{letter-spacing:2px}.pulse-board{gap:6px}.puzzle-stage{min-height:460px}.game-hud strong{font-size:23px}}
@media(pointer:coarse){.mobile-controls{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.upgrade:hover,.pulse-cell:hover{transform:none}}

/* Keep overlays scrollable and reserve space for controls in landscape fullscreen. */
.stage-overlay{justify-content:safe center}.game-frame:fullscreen .stage{min-height:0;max-height:calc(100dvh - 175px);height:calc(100dvh - 175px);width:min(100%,calc((100dvh - 175px) * 1.385));margin:0 auto}.game-frame:fullscreen .game-bottom{min-height:40px}.game-frame:fullscreen .mobile-controls{flex-shrink:0}

/* Arena playtest pass: visible progress, usable controls and in-page expansion. */
.arena-layout .game-frame{scroll-margin-top:8px}.arena-layout .stage{max-height:calc(100dvh - 165px);min-height:380px}.arena-layout .game-toast{top:21%;max-width:90%;white-space:normal;font-size:14px}.arena-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line)}.arena-controls p{margin:0;font-size:14px;line-height:1.5;color:#e2e9f9}.arena-controls .subtle{font-size:13px}.arena-controls .dash-button{touch-action:none;min-height:50px;min-width:125px}.arena-controls .dash-button:disabled{opacity:1;background:#202d42;color:#afbed6;border:1px solid #435570}.energy-hud{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none;padding:16px 15px 8px;background:linear-gradient(0deg,#0a1222fa,#0a1222a0,transparent)}.energy-hud>span{display:block;color:#d9efff;font-size:12px;font-weight:700;letter-spacing:.6px;margin-bottom:4px}.energy-track{height:5px;background:#34425a;border-radius:3px;overflow:hidden}.energy-track>i{display:block;width:0;height:100%;background:var(--cyan);transition:width .1s linear}.boss-meter{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:35%;max-width:320px;z-index:2;pointer-events:none;padding:9px 12px;border:1px solid #9d69b4;background:#17102deb;border-radius:8px}.boss-meter>span{display:flex;justify-content:space-between;color:#eccbff;letter-spacing:1px;font-size:12px;font-weight:700}.boss-meter>div{height:6px;background:#4b2b5b;margin-top:5px;border-radius:3px;overflow:hidden}.boss-meter i{display:block;height:100%;width:100%;background:#d796ff}.upgrade{text-align:left;position:relative}.upgrade small{display:block;color:#cbd5e8;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.5px}.upgrade i{margin-top:10px}.upgrade span{font-size:14px}.upgrade em{display:block;margin-top:13px;border-top:1px solid #455a79;padding-top:10px;color:var(--cyan);font-size:13px;line-height:1.5;font-style:normal;font-weight:700}.result-build{justify-content:center;max-width:620px;margin:0 0 10px}.result-build .build-chip{font-size:13px}#arena-result-tip{font-size:14px;max-width:560px;margin-bottom:13px}#arena-best-comparison{font-size:14px;margin:12px 0 3px}.change-core{background:transparent;border:0;padding:8px 12px;min-height:38px}.arena-expanded{overflow:hidden}.game-frame.expanded{position:fixed;inset:8px;z-index:100;display:flex;flex-direction:column;border-radius:12px;max-width:none;width:auto;background:#090e19}.game-frame.expanded .game-bar,.game-frame.expanded .game-bottom,.game-frame.expanded .arena-controls{flex-shrink:0}.game-frame.expanded .stage{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.game-frame.expanded .stage-overlay{padding:20px}.game-frame.expanded .stage-overlay h2{font-size:clamp(34px,6vh,64px)}.stage-overlay .btn-row{justify-content:center}.game-frame.expanded .arena-controls{padding:8px 18px}
@media(max-width:780px){.arena-layout .stage{aspect-ratio:900/850;min-height:410px;max-height:none}.arena-layout .game-hud{inset:10px 12px auto}.arena-controls p{max-width:210px;font-size:13px}.arena-controls .dash-button{min-width:102px;padding:10px 14px}.arena-layout .game-bottom{font-size:12px;gap:8px}.arena-layout .upgrade-list{grid-template-columns:1fr;gap:8px;max-width:470px}.arena-layout .upgrade{display:grid;grid-template-columns:28px 1fr;gap:0 10px;min-height:0;padding:10px 13px}.arena-layout .upgrade small{grid-column:2;font-size:12px}.arena-layout .upgrade i{grid-column:1;grid-row:1/4;font-size:25px;margin:6px 0}.arena-layout .upgrade b{grid-column:2;margin:0;font-size:16px}.arena-layout .upgrade span{display:none}.arena-layout .upgrade em{grid-column:2;border:0;margin:3px 0 0;padding:0;font-size:13px}.arena-layout .stage-overlay h2{font-size:36px}.arena-layout .stage-overlay p{font-size:14px}.arena-layout .boss-meter{top:85px;width:55%;padding:6px 10px}.arena-layout .game-toast{top:32%}.arena-layout .score-huge{font-size:58px}.arena-layout .result-stats{margin:10px 0 15px}.arena-layout .stage-overlay{padding:16px}.arena-layout #arena-result{justify-content:flex-start}.arena-layout .game-frame.expanded .stage{min-height:0;max-height:none}.arena-layout .game-frame.expanded .stage-overlay{padding:14px}.arena-layout .game-frame.expanded #arena-result{justify-content:safe center}}
@media(prefers-reduced-motion:reduce){.energy-track>i{transition:none}.upgrade:hover{transform:none}}

/* Size the field independently of the canvas bitmap; keep HUD and menus in bounds. */
.arena-layout .stage{width:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.arena-layout .game-hud{position:relative;inset:auto;padding:12px 16px;background:#0c1223;min-width:0}
.arena-field{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:900/650}
#arena-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;touch-action:none;outline:none}
.arena-layout .energy-hud{position:relative;inset:auto;padding:8px 16px 12px;background:#0c1223}
.arena-layout .boss-meter{top:102px;width:min(55%,280px)}
.arena-layout .stage-overlay{width:100%;min-width:0;max-width:100%;padding:20px;overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto}
.arena-layout .stage-overlay>*{flex-shrink:0;min-width:0;max-width:100%;overflow-wrap:anywhere}
.arena-layout .stage-overlay h2{font-size:clamp(30px,4vw,58px)}
.arena-layout .upgrade-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.arena-layout .upgrade,.arena-layout .upgrade>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.arena-layout .upgrade{width:100%}.arena-layout .upgrade:hover{transform:none}
.arena-layout .game-bar{flex-wrap:wrap;gap:8px}.arena-layout .tool{min-height:44px;padding:6px 9px}
#arena-fullscreen[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#07232b}
.arena-layout .game-bottom{flex-wrap:wrap}.arena-layout .game-bottom>span{min-width:0}
.arena-layout .game-frame.expanded{inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0;height:100dvh}
.arena-layout .game-frame.expanded .stage{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.arena-layout .game-frame.expanded .arena-field{aspect-ratio:auto;height:100%}
@media(max-width:780px){
 .arena-layout .upgrade-list{grid-template-columns:minmax(0,1fr)}
 .arena-layout .upgrade{grid-template-columns:24px minmax(0,1fr)}
 .arena-layout .stage-overlay{padding:16px}
 .arena-layout .stage-overlay h2{font-size:clamp(28px,7vw,38px)}
 .arena-layout .game-frame:not(.expanded)[data-screen="arena-start"] .stage,.arena-layout .game-frame:not(.expanded)[data-screen="arena-upgrade"] .stage,.arena-layout .game-frame:not(.expanded)[data-screen="arena-result"] .stage{min-height:540px}
 .arena-layout .game-hud strong{font-size:30px}.arena-layout .hud-health{font-size:16px;letter-spacing:1px}
 .arena-layout .game-hud small{font-size:11px;letter-spacing:.5px}
 .arena-controls p{font-size:12px}.arena-controls .subtle{font-size:11px}
}
@media(max-width:600px) and (orientation:portrait){.arena-field{aspect-ratio:650/900}}
@media(max-width:600px){
 .topbar{height:auto;min-height:78px;flex-wrap:wrap;gap:10px;padding:14px 4vw}.topbar nav{gap:18px;flex-wrap:wrap;font-size:13px}.topbar .local-pill{display:none}
 .arena-layout .tool-row{margin-left:auto}.arena-layout .game-bar{font-size:12px;padding:8px 10px}.arena-layout .tool{font-size:12px}
 .arena-layout .stage-overlay p{font-size:13px}.arena-layout .rigs{gap:5px}.arena-layout .rig{font-size:12px;padding:9px 4px}.arena-layout .rig span{font-size:11px}
 .arena-layout .rule-list{display:block}.arena-layout .rule-list li+li{margin-top:14px}
 .arena-layout .game-bottom{font-size:10px;padding:8px 12px}.arena-controls{padding:8px 12px;gap:8px}.arena-controls .dash-button{min-width:86px}
 .footer{flex-wrap:wrap}.footer a{margin:0 16px 0 0}
}
@media(max-height:500px) and (orientation:landscape){
 .arena-layout .game-frame.expanded .game-hud{padding:4px 12px}.arena-layout .game-frame.expanded .game-hud strong{font-size:23px}.arena-layout .game-frame.expanded .hud-health{font-size:12px}
 .arena-layout .game-frame.expanded .game-bottom{display:none}.arena-layout .game-frame.expanded .energy-hud{padding:3px 12px}.arena-layout .game-frame.expanded .energy-hud>span{font-size:10px}
 .arena-layout .game-frame.expanded .arena-controls{padding:4px 12px}.arena-layout .game-frame.expanded .arena-controls p{font-size:11px}.arena-layout .game-frame.expanded .dash-button{min-height:44px;padding:5px 15px}
 .arena-layout .game-frame.expanded .stage-overlay{justify-content:flex-start}
}
@media(max-height:500px) and (orientation:landscape){
 .arena-layout .game-frame.expanded .stage{grid-template-rows:minmax(0,1fr)}
 .arena-layout .game-frame.expanded .game-hud{position:absolute;inset:6px 0 auto;background:transparent}
 .arena-layout .game-frame.expanded .energy-hud{position:absolute;inset:auto 0 0;background:#0c1223b8}
 .arena-layout .game-frame.expanded .game-bar{padding:4px 12px}
 .arena-layout .game-frame.expanded .boss-meter{top:8px}
}
@media(max-width:400px){.page-title{align-items:flex-start;flex-direction:column;gap:12px}.mode-tabs button{white-space:nowrap}}

/* Compact play chrome gives expanded portrait mode back its full battlefield width. */
#arena-fullscreen{display:grid;place-items:center;width:44px;min-width:44px;padding:0}
#arena-fullscreen .collapse-symbol{display:none}
#arena-fullscreen[aria-pressed=true] .expand-symbol{display:none}
#arena-fullscreen[aria-pressed=true] .collapse-symbol{display:block}
@media(max-width:600px) and (orientation:portrait){
 .arena-layout .game-frame.expanded .game-bar{padding:4px 8px;min-height:53px;flex-wrap:nowrap}
 .arena-layout .game-frame.expanded .game-hud{padding:4px 12px;min-height:58px;align-items:start}
 .arena-layout .game-frame.expanded .game-hud>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}
 .arena-layout .game-frame.expanded .game-hud small:first-child{font-size:9px;grid-column:1/-1;line-height:1.2}
 .arena-layout .game-frame.expanded .game-hud strong{font-size:25px;line-height:1.2}
 .arena-layout .game-frame.expanded .hud-health{font-size:12px;letter-spacing:0;line-height:1}
 .arena-layout .game-frame.expanded .hud-right{justify-items:end}
 .arena-layout .game-frame.expanded #arena-combo{font-size:9px;max-width:84px;letter-spacing:0}
 .arena-layout .game-frame.expanded .energy-hud{padding:3px 12px 6px}
 .arena-layout .game-frame.expanded .energy-hud>span{font-size:10px;margin:0 0 3px}
 .arena-layout .game-frame.expanded .game-bottom{display:none}
 .arena-layout .game-frame.expanded .arena-controls{padding:4px 10px;min-height:53px}
 .arena-layout .game-frame.expanded .arena-controls p{font-size:11px;max-width:190px;line-height:1.3}
 .arena-layout .game-frame.expanded .arena-controls p .subtle,.arena-layout .game-frame.expanded .arena-controls p br{display:none}
 .arena-layout .game-frame.expanded .dash-button{min-height:44px;padding:6px 14px}
 .arena-layout .game-frame.expanded .boss-meter{top:62px}
}
@media(max-width:600px) and (max-height:700px) and (orientation:portrait){
 .arena-layout .game-frame.expanded .stage{grid-template-rows:minmax(0,1fr) auto}
 .arena-layout .game-frame.expanded .game-hud{position:absolute;inset:0 0 auto;background:linear-gradient(#0c1223d9,transparent);min-height:0;padding:5px 12px 12px}
}

/* Daily tactics and readable evolution recipes. */
.daily-arena-rule{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 18px;padding:17px 20px;background:linear-gradient(110deg,#25351e,#152c36);border:1px solid #657b49;border-radius:14px}
.daily-arena-rule h2{font:800 30px/1.1 Barlow,Impact,sans-serif;margin:5px 0}.daily-arena-rule p{font-size:14px;margin:4px 0}.daily-arena-rule a{color:var(--cyan);font-weight:700;white-space:nowrap;font-size:13px}
.evolution-recipe{border:1px solid #43516c;border-left:3px solid var(--evo);padding:11px;border-radius:8px;margin:10px 0;min-width:0}
.evolution-recipe b,.evolution-recipe span,.evolution-recipe small{display:block}.evolution-recipe b{color:var(--evo);font-size:15px}.evolution-recipe span{font-size:12px;line-height:1.5;margin:5px 0;color:var(--muted)}.evolution-recipe small{font-size:11px;color:#e6edff;overflow-wrap:anywhere}.evolution-recipe.unlocked{background:#293544;border-color:var(--evo)}
.evolved-chip{color:var(--cyan)!important;border-color:var(--cyan)!important}.arena-layout .upgrade .evolution-hint{display:block;grid-column:2;font-size:11px;line-height:1.35;color:var(--lime);margin-top:7px}.arena-layout .upgrade.evolves-now{border:2px solid var(--lime);background:#263b35}.arena-layout .stage-overlay .draft-tip{font-size:12px;margin:0 0 14px;color:var(--lime)}
@media(max-width:780px){.daily-arena-rule{align-items:flex-start;flex-direction:column;gap:8px}.arena-layout #evolution-panel{grid-column:1/-1}.arena-layout #arena-evolutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.evolution-recipe{margin:4px 0}}
@media(max-width:600px){.arena-layout #arena-evolutions{grid-template-columns:1fr}.daily-arena-rule{padding:14px}.daily-arena-rule h2{font-size:27px}.arena-layout .upgrade-list{gap:7px}.arena-layout .upgrade{padding:8px 11px}}

/* Landscape expansion gives the battlefield the height, and the HUD the spare width. */
@media(orientation:landscape){
 .arena-layout .game-frame.expanded .game-bar{min-height:50px;padding:5px 12px;flex-wrap:nowrap}
 .arena-layout .game-frame.expanded .game-hud{padding:5px 12px;min-height:0;position:relative;inset:auto;background:#0c1223}
 .arena-layout .game-frame.expanded .game-hud>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}
 .arena-layout .game-frame.expanded .game-hud small:first-child{grid-column:1/-1;font-size:11px;line-height:1.2}
 .arena-layout .game-frame.expanded .game-hud strong{font-size:26px;line-height:1.1}
 .arena-layout .game-frame.expanded .hud-health{font-size:14px;letter-spacing:0;line-height:1.1}
 .arena-layout .game-frame.expanded #arena-combo{font-size:11px;letter-spacing:0}
 .arena-layout .game-frame.expanded .stage{grid-template-rows:auto minmax(0,1fr) auto}
 .arena-layout .game-frame.expanded .energy-hud{position:relative;inset:auto;padding:3px 12px 5px;background:#0c1223}
 .arena-layout .game-frame.expanded .energy-hud>span{font-size:11px;margin:0 0 3px}
 .arena-layout .game-frame.expanded .game-bottom{display:none}
 .arena-layout .game-frame.expanded .arena-controls{min-height:50px;padding:3px 12px}
 .arena-layout .game-frame.expanded .arena-controls p{font-size:12px;max-width:none}
 .arena-layout .game-frame.expanded .arena-controls p br,.arena-layout .game-frame.expanded .arena-controls .subtle{display:none}
 .arena-layout .game-frame.expanded .dash-button{min-height:44px;padding:6px 15px}
 .arena-layout .game-frame.expanded .boss-meter{top:62px}
}
@media(orientation:landscape) and (min-aspect-ratio:3/2){
 .arena-layout .game-frame.expanded{--arena-rail:clamp(144px,16vw,230px);display:grid;grid-template-columns:minmax(0,1fr) var(--arena-rail);grid-template-rows:auto auto minmax(0,1fr) auto auto;isolation:isolate}
 .arena-layout .game-frame.expanded .stage{display:contents}
 .arena-layout .game-frame.expanded .arena-field{grid-column:1;grid-row:1/6;align-self:stretch;min-height:0;height:100%;aspect-ratio:auto;background:#0c1223}
 .arena-layout .game-frame.expanded .game-bar{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:16px 14px;border-bottom:1px solid var(--line);z-index:6}
 .arena-layout .game-frame.expanded .game-bar>b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
 .arena-layout .game-frame.expanded .tool-row{display:grid;grid-template-columns:44px 44px;gap:6px;justify-content:start;margin:0}
 .arena-layout .game-frame.expanded .tool{min-height:44px;height:44px;padding:0;font-size:14px}
 .arena-layout .game-frame.expanded #arena-sound{grid-column:1/-1;width:100%}
 .arena-layout .game-frame.expanded .game-hud{grid-column:2;grid-row:2;display:grid;gap:22px;padding:20px 14px;background:none;z-index:3}
 .arena-layout .game-frame.expanded .game-hud>div{display:block;min-width:0;text-align:left}
 .arena-layout .game-frame.expanded .game-hud small:first-child{font-size:12px;margin-bottom:4px}
 .arena-layout .game-frame.expanded .game-hud strong{font-size:36px;line-height:1.15}
 .arena-layout .game-frame.expanded .hud-health{display:block;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
 .arena-layout .game-frame.expanded #arena-combo{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere;max-width:none}
 .arena-layout .game-frame.expanded .energy-hud{grid-column:2;grid-row:3;align-self:end;min-width:0;padding:12px 14px;background:none}
 .arena-layout .game-frame.expanded .energy-hud>span{font-size:12px;line-height:1.4;margin-bottom:7px;overflow-wrap:anywhere}
 .arena-layout .game-frame.expanded .game-bottom{grid-column:2;grid-row:4;display:grid;gap:9px;padding:12px 14px;font-size:12px;line-height:1.4}
 .arena-layout .game-frame.expanded .game-bottom .desktop-only{display:none}
 .arena-layout .game-frame.expanded .arena-controls{grid-column:2;grid-row:5;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:14px;gap:12px;z-index:6}
 .arena-layout .game-frame.expanded .arena-controls p{font-size:12px;line-height:1.5;max-width:none}
 .arena-layout .game-frame.expanded .dash-button{min-width:0;width:100%;min-height:50px}
 .arena-layout .game-frame.expanded .stage-overlay{inset:env(safe-area-inset-top) calc(var(--arena-rail) + env(safe-area-inset-right)) env(safe-area-inset-bottom) env(safe-area-inset-left);width:auto;max-width:none}
 .arena-layout .game-frame.expanded .game-toast,.arena-layout .game-frame.expanded .boss-meter{left:calc((100% - var(--arena-rail) + env(safe-area-inset-left) - env(safe-area-inset-right))/2);max-width:calc(100% - var(--arena-rail) - 32px)}
 .arena-layout .game-frame.expanded .boss-meter{top:calc(env(safe-area-inset-top) + 12px)}
}
@media(orientation:landscape) and (min-aspect-ratio:3/2) and (max-height:650px){
 .arena-layout .game-frame.expanded .game-bar{padding:8px;gap:6px}
 .arena-layout .game-frame.expanded .game-bar>b{font-size:12px;line-height:1.2}
 .arena-layout .game-frame.expanded .game-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:8px}
 .arena-layout .game-frame.expanded .game-hud strong{font-size:clamp(18px,2vw,22px);white-space:nowrap}
 .arena-layout .game-frame.expanded .game-hud small:first-child{font-size:10px;margin-bottom:2px;letter-spacing:0}
 .arena-layout .game-frame.expanded .hud-health{font-size:10px;line-height:1.3}
 .arena-layout .game-frame.expanded #arena-combo{font-size:10px;line-height:1.3}
 .arena-layout .game-frame.expanded .energy-hud{padding:6px 8px 10px}
 .arena-layout .game-frame.expanded .energy-hud>span{font-size:11px;line-height:1.25;margin-bottom:4px}
 .arena-layout .game-frame.expanded .game-bottom,.arena-layout .game-frame.expanded .arena-controls p{display:none}
 .arena-layout .game-frame.expanded .arena-controls{padding:8px;gap:0}
 .arena-layout .game-frame.expanded .dash-button{min-height:46px;padding:6px}
}
@media(orientation:landscape) and (max-height:500px){
 .arena-layout .game-frame.expanded .stage-overlay{padding:10px 14px;justify-content:flex-start}
 .arena-layout .game-frame.expanded .stage-overlay h2{font-size:28px;margin:6px 0 10px}
 .arena-layout .game-frame.expanded .stage-overlay p{font-size:12px;margin:4px 0 10px}
 .arena-layout .game-frame.expanded .stage-overlay .eyebrow{font-size:11px}
 .arena-layout .game-frame.expanded .upgrade-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:680px}
 .arena-layout .game-frame.expanded .upgrade{display:block;padding:9px;min-height:0}
 .arena-layout .game-frame.expanded .upgrade i{font-size:22px;margin:5px 0}
 .arena-layout .game-frame.expanded .upgrade b{font-size:14px;margin:4px 0}
 .arena-layout .game-frame.expanded .upgrade small{font-size:10px}
 .arena-layout .game-frame.expanded .upgrade>span:not(.evolution-hint){display:none}
 .arena-layout .game-frame.expanded .upgrade em{font-size:11px;line-height:1.4;border:0;margin:7px 0 0;padding:0}
 .arena-layout .game-frame.expanded .upgrade .evolution-hint{font-size:10px}
}
@media(orientation:landscape) and (max-height:300px){
 .arena-layout .game-frame.expanded .game-bar>b{display:none}
 .arena-layout .game-frame.expanded .game-hud{padding-top:4px;padding-bottom:4px}
}

@media(orientation:landscape) and (min-aspect-ratio:3/2) and (max-height:360px){
 .arena-layout .game-frame.expanded .game-bar{padding:4px 8px}
 .arena-layout .game-frame.expanded .game-bar>b{display:none}
 .arena-layout .game-frame.expanded .game-hud{padding:4px 8px}
 .arena-layout .game-frame.expanded .energy-hud{padding:4px 8px}
 .arena-layout .game-frame.expanded .arena-controls{padding:4px 8px}
}

/* Playful mastery, short coaching and functional upgrade demonstrations. */
.mastery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.mastery-card{text-align:left;padding:20px;background:#182238;color:#d9e4f5;border:1px solid #435574;border-radius:14px;cursor:pointer}.mastery-card b,.mastery-card span,.mastery-card small{display:block}.mastery-card b{font-size:18px;color:#f6f8ff}.mastery-card span{font-size:14px;margin:8px 0}.mastery-card small{font-size:13px;color:#92a9c9}.mastery-card.earned{border-color:var(--cyan)}.mastery-card[aria-pressed=true]{background:#203a40}.mastery-card:disabled{cursor:default;opacity:.75}.mastery-unlock{color:var(--lime)!important}.mastery-panel h2{font-size:23px}
.arena-coach{position:absolute;left:12px;right:12px;bottom:52px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#172e3bf2;border:1px solid #70efff;border-radius:10px;padding:8px 12px;font-size:14px;pointer-events:none}.arena-coach button{pointer-events:auto;flex-shrink:0;min-height:44px;border:1px solid #59768d;background:#203749;color:#f4f7ff;border-radius:7px;padding:6px 12px;font:inherit}.upgrade-preview{display:block;width:100%;max-width:160px;height:54px;grid-column:1/-1;justify-self:center;pointer-events:none}
@media(max-width:600px){.mastery-list{grid-template-columns:1fr}.arena-coach{font-size:12px;padding:5px 8px;bottom:48px}.arena-coach button{padding:4px 8px}.upgrade-preview{height:36px}.arena-layout .upgrade{row-gap:1px}}
@media(orientation:landscape) and (min-aspect-ratio:3/2){.arena-layout .game-frame.expanded .arena-coach{right:calc(var(--arena-rail) + 12px);bottom:12px}}
@media(orientation:landscape) and (max-height:500px){.upgrade-preview{height:30px}.arena-coach{font-size:12px}}

.pulse-creator{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:10px 0 18px}.pulse-creator label{display:flex;align-items:center;gap:8px;font-size:14px}.pulse-creator select{background:#203249;color:white;border:1px solid #6a829e;border-radius:8px;min-height:44px;padding:6px 12px;font:inherit}

/* Trickshot keeps play prominent, with a compact room picker. */
.trick-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.trick-frame{min-width:0}.trick-frame .game-bar{padding:12px 16px;min-height:66px}.trick-frame .tool{min-width:44px;min-height:44px}.trick-metrics{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 16px;color:#bfd1e9;font-size:14px;background:#10192c}.trick-metrics b{color:#f4f8ff;font-size:20px}.trick-metrics>span:last-child{margin-left:auto;color:var(--cyan);font-size:12px}.trick-stage{position:relative;height:clamp(340px,62dvh,650px);min-height:0;background:#0c1223}.trick-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block;outline-offset:-4px}.trick-controls{padding:12px 16px;border-top:1px solid var(--line)}.trick-controls>p{margin:0 0 12px;font-size:14px;color:#cfdaef}.trick-buttons{display:flex;gap:8px;flex-wrap:wrap}.trick-buttons .btn{min-height:44px;padding:9px 14px;font-size:14px}.aim-details{margin-top:10px;font-size:14px;color:#bbcee5}.aim-details summary{cursor:pointer;min-height:32px}.aim-sliders{display:flex;gap:20px;padding:10px 0}.aim-sliders label{flex:1;min-width:0}.aim-sliders output{float:right;color:var(--cyan)}.aim-sliders input{display:block;width:100%;min-height:34px;accent-color:var(--lime)}.aim-details p{font-size:12px}.trick-room{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;text-align:left;width:100%;background:#1a263d;color:#d6e0f2;border:1px solid #3e5271;border-radius:10px;padding:13px 10px;margin:8px 0;cursor:pointer;font:inherit}.trick-room b{grid-row:1/3;color:var(--amber)}.trick-room span{font-weight:700;font-size:15px}.trick-room small{font-size:12px;color:#a6bbd6}.trick-room.active{border-color:var(--lime);background:#283e37}.trick-result{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;text-align:center;padding:24px;background:#0d1729ef}.trick-result h2{font:900 clamp(28px,4vw,54px)/1.05 Barlow,Impact,sans-serif;margin:14px 0}.trick-result .btn-row{justify-content:center;flex-wrap:wrap}.trick-result p{font-size:14px}.trick-result .share-output{overflow-wrap:anywhere;max-width:100%}.trick-expanded{overflow:hidden}.trick-frame.expanded{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0}.trick-frame.expanded .trick-stage{height:auto}.trick-frame.expanded .game-bar{min-height:52px;padding:4px 10px}.trick-frame.expanded .trick-controls{padding:5px 12px}.trick-frame.expanded .trick-controls>p{margin:0 0 4px}.trick-frame.expanded .aim-details{position:absolute;bottom:8px;left:50%;max-width:45%;background:#16243af2;padding:5px;border-radius:8px;z-index:8}.trick-frame.expanded .aim-details[open]{border:1px solid #71849e;padding:12px}.trick-frame .collapse-symbol{display:none}#trick-fullscreen[aria-pressed=true] .expand-symbol{display:none}#trick-fullscreen[aria-pressed=true] .collapse-symbol{display:block}
@media(max-width:1050px){.trick-layout{grid-template-columns:minmax(0,1fr)}.trick-layout>.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trick-layout .panel{margin:0}.trick-rooms{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trick-room{margin:0}}
@media(max-width:600px){.trick-layout>.side-stack{grid-template-columns:1fr}.trick-frame .game-bar{padding:7px 10px;gap:8px}.trick-frame .game-bar>b{font-size:13px}.trick-frame .tool{padding:6px;font-size:12px}.trick-frame .tool-row{gap:5px}.trick-stage{height:65dvh;min-height:340px}.trick-frame.expanded .trick-stage{min-height:0}.trick-metrics{gap:12px;padding:8px 12px;font-size:12px}.trick-metrics>span:last-child{width:100%;margin:0}.trick-controls{padding:10px 12px}.trick-frame.expanded .aim-details{left:auto;right:8px;bottom:58px;max-width:70%}.trick-result{padding:18px}.trick-result .btn{font-size:14px;padding:12px}.trick-result .btn-row{gap:8px}}
@media(orientation:landscape) and (max-height:500px){.trick-frame.expanded .trick-metrics{padding:3px 12px}.trick-frame.expanded .trick-controls>p{display:none}.trick-frame.expanded .aim-details{bottom:8px}.trick-result{justify-content:flex-start;padding:12px}.trick-result h2{font-size:28px}.trick-result p{margin:5px 0}}

.arena-layout #arena-result.starburst-finish{background:radial-gradient(ellipse at top,#7b5a2580,transparent 65%),#0b1022ef;box-shadow:inset 0 0 60px #ffcf7350;border:2px solid #ffcf73}.starburst-finish #arena-result-badge::before{content:'✦  ';color:#ffcf73}.starburst-finish #arena-result-badge::after{content:'  ✦';color:#ffcf73}
/* Keep aim controls clear of launch actions; wide screens use a control rail. */
.trick-frame.expanded .aim-details{position:static;max-width:none;margin:5px 0 0;padding:0;background:transparent}.trick-frame.expanded .aim-details summary{min-height:24px}.trick-frame.expanded .aim-details[open]{padding:8px}
@media(orientation:landscape) and (min-aspect-ratio:3/2){.trick-frame.expanded{grid-template-columns:minmax(0,1fr) clamp(174px,22vw,250px);grid-template-rows:auto auto minmax(0,1fr)}.trick-frame.expanded .game-bar{grid-column:1/-1;grid-row:1}.trick-frame.expanded .trick-stage{grid-column:1;grid-row:2/4}.trick-frame.expanded .trick-metrics{grid-column:2;grid-row:2;display:block;padding:10px;border-left:1px solid var(--line)}.trick-frame.expanded .trick-metrics>span{display:block;margin:0 0 8px}.trick-frame.expanded .trick-controls{grid-column:2;grid-row:3;overflow:auto;min-height:0;border-left:1px solid var(--line);padding:10px}.trick-frame.expanded .trick-controls>p{display:none}.trick-frame.expanded .trick-buttons{display:grid;gap:6px}.trick-frame.expanded .trick-buttons .btn{width:100%;min-height:44px}.trick-frame.expanded .aim-sliders{display:block}.trick-frame.expanded .aim-sliders label{display:block}.trick-frame.expanded .aim-details{font-size:12px}.trick-frame.expanded .trick-result{justify-content:center}.trick-frame.expanded .trick-result .btn-row{gap:6px}}
@media(orientation:landscape) and (max-height:420px){.trick-frame.expanded .trick-result{justify-content:flex-start}.trick-frame.expanded .trick-result h2{margin:8px 0}.trick-frame.expanded .trick-result .btn{min-height:44px;font-size:12px;padding:9px}}
@media(max-width:780px){.arena-layout .upgrade{grid-template-columns:28px minmax(0,1fr) 70px;column-gap:9px;row-gap:2px}.arena-layout .upgrade i{grid-column:1;grid-row:1/4}.arena-layout .upgrade small{grid-column:2;grid-row:1}.arena-layout .upgrade b{grid-column:2;grid-row:2}.arena-layout .upgrade em{grid-column:2/-1;grid-row:3}.arena-layout .upgrade .evolution-hint{grid-column:2/-1;grid-row:4;margin-top:3px}.arena-layout .upgrade .upgrade-preview{grid-column:3;grid-row:1/3;align-self:center;width:70px;height:27px;max-width:100%}}
/* Trickshot campaign: three readable chapters, persistent stars and a daily route. */
.trick-progress{color:var(--amber);font-size:14px;font-weight:700}.trick-mode-tabs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.trick-mode-tabs .btn[aria-pressed=true]{background:#31452b;border-color:var(--lime);color:var(--lime)}.trick-mode-tabs>span{font-size:14px;color:var(--muted)}.trick-chapter{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.trick-chapter summary{font-size:14px;min-height:40px;color:#e5ecfb;padding:8px 0}.trick-room-grid{display:grid;gap:7px}.trick-room-grid .trick-room{margin:0}.trick-room.daily-cleared{border-color:var(--lime)}.trick-room:disabled{opacity:1;cursor:default}.trick-result-stars{color:#ff9ec7;font-weight:700;max-width:450px}.trick-metrics #trick-objective{font-size:12px;color:#ff9ec7}.trick-rooms{display:block}.trick-stage .trick-result>*{flex-shrink:0}#trick-daily-info{font-size:14px;line-height:1.5;margin:8px 0 16px}
@media(max-width:1050px) and (min-width:601px){.trick-room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.trick-mode-tabs>span{width:100%;font-size:13px}.trick-layout .trick-metrics{gap:8px}.trick-layout .trick-metrics #trick-objective{margin-left:auto}.trick-progress{font-size:12px;max-width:140px;text-align:right}.trick-result-stars{font-size:13px}}
@media(orientation:landscape) and (min-aspect-ratio:3/2){.trick-frame.expanded .trick-metrics #trick-objective{margin:0 0 8px}}