.character-picker{margin:16px 0;padding:12px;border:1px solid #25335633;border-radius:12px;background:#ffffff70;color:#17234a}.character-picker h2{font-size:13px;font-weight:800;line-height:1.2;margin:0 0 9px;text-transform:uppercase;letter-spacing:.09em}.character-picker__row{display:grid;grid-template-columns:28px 1fr 1fr;gap:8px;align-items:center;margin-top:7px}.character-picker__row>span{font-size:10px;font-weight:800}.character-picker__row button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #26376355;border-radius:8px;background:#fffdf0;color:#17234a;cursor:pointer}.character-picker__row button[aria-pressed=true]{background:#17234a;color:#fff4bb;border-color:#17234a}.character-picker__row small{font-size:10px;opacity:.8}.character-picker__row button:focus-visible{outline:3px solid #1d8fba;outline-offset:2px}@media(max-width:420px){.character-picker__row button{padding:8px}.character-picker__row small{display:none}}:root{font-family:Inter,system-ui,sans-serif;color:#f4f2e6;background:#152b32;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100dvh;min-height:420px;position:relative;overflow:hidden}canvas{display:block}header,footer,.scores,.feedback,.shot,.crosshair{position:absolute;pointer-events:none}header{top:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center}header strong{font-size:27px;letter-spacing:-1px}header div{display:flex;gap:16px;align-items:baseline}header span,footer,.scores span{font-size:10px;letter-spacing:1.5px}.badge{border:1px solid #ffffff40;border-radius:20px;padding:9px 14px}.scores{top:98px;left:32px;display:flex;gap:28px}.scores div{display:flex;flex-direction:column;gap:4px}.scores b{font-size:32px;font-weight:500}.scores span{color:#bdcdc9;font-size:9px}footer{bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;color:#d1dcd6;text-shadow:0 1px 5px #000}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(90deg,#10242cb8,#10242c40)}.menu{width:min(480px,calc(100vw - 40px));padding:30px;background:#132c32ed;border:1px solid #99b8b233;border-radius:18px;box-shadow:0 25px 90px #0005}.eyebrow{font-size:10px;letter-spacing:3px;color:#d7f397}h1{font-size:38px;letter-spacing:-1.6px;font-weight:500;margin:12px 0}p{line-height:1.6;color:#c0d0cc;font-size:14px}.controls{display:grid;grid-template-columns:1fr 1.5fr;gap:15px 12px;margin:26px 0;font-size:11px;color:#cedbd5}.controls span{display:flex;gap:8px;align-items:center}kbd{font-family:inherit;font-size:10px;border:1px solid #708780;border-radius:4px;padding:4px 6px;white-space:nowrap;color:#fff}button{width:100%;background:#d9f798;border:0;border-radius:8px;padding:15px 18px;font:600 14px system-ui;color:#19342c;cursor:pointer;display:flex;justify-content:space-between}button:hover{background:#e7ffb9}button:focus-visible{outline:3px solid white;outline-offset:4px}small{display:block;font-size:10px;text-align:center;color:#9eb6b0;margin-top:16px}.crosshair{top:50%;left:50%;transform:translate(-50%,-50%);color:#fff8;font-size:20px}.feedback{bottom:90px;left:50%;transform:translate(-50%);text-align:center;border-radius:20px;padding:12px 20px;background:#10252cbb;font-size:14px;max-width:90vw;white-space:nowrap}.shot{right:32px;top:100px;font-size:11px;letter-spacing:2px;color:#d9f798}@media(max-width:650px){header{top:16px;left:20px;right:20px}header div>span{display:none}.scores{left:20px;top:68px;gap:16px}.scores b{font-size:24px}.menu{padding:22px}h1{font-size:32px}footer{left:20px;right:20px;font-size:8px}footer span:last-child{display:none}.feedback{white-space:normal;width:90%}.shot{right:20px;top:80px}.controls{gap:12px 8px}}header strong{font-style:italic;font-weight:850;letter-spacing:-1px}header div{align-items:center;gap:12px}.ball-mark{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 34% 34%,#19382d 0 2px,transparent 2.5px),radial-gradient(circle at 69% 40%,#19382d 0 2px,transparent 2.5px),radial-gradient(circle at 47% 72%,#19382d 0 2px,transparent 2.5px),#d9f798;transform:rotate(-20deg)}.badge{border-radius:2px;border-color:#e5e8cb70;background:#142f32a6;font-weight:650}.scores{gap:0;background:#102a30d9;border-top:3px solid #d9f798;border-bottom:1px solid #dbe5cd55;padding:12px 0}.scores div{min-width:86px;padding:0 16px;border-right:1px solid #dbe5cd30}.scores div:last-child{border:0}.scores b{font-family:Consolas,monospace;font-variant-numeric:tabular-nums;line-height:1}.scores span{font-size:10px;letter-spacing:1px}.menu{border-radius:3px;border-top:4px solid #d9f798;background:#f0eddd;color:#193932;box-shadow:12px 12px #102b3266;max-height:calc(100dvh - 40px);overflow:auto}.menu .eyebrow{display:flex;justify-content:space-between;color:#53665a;letter-spacing:2px;font-size:11px;border-bottom:1px solid #1b423b40;padding-bottom:14px}.eyebrow span{font-family:Consolas,monospace;font-size:16px}.menu h1{white-space:pre-line;text-transform:uppercase;font-size:40px;line-height:1.04;font-weight:850;letter-spacing:0;font-style:italic;margin:20px 0}.menu p{color:#526458}.controls{border-top:1px solid #19393230;padding-top:20px;color:#23443a;font-size:12px}.controls kbd{color:#264339;border-color:#9aa797;background:#faf8ed;border-radius:2px}.menu button{background:#214b3c;color:#f2f4d9;border-radius:2px;border-bottom:3px solid #132e25;min-height:48px}.menu button:hover{background:#30634e}.menu button:active{transform:translateY(1px);border-bottom-width:2px}.menu small{color:#657568}.feedback{bottom:68px;border-radius:2px;border-left:3px solid currentColor;padding:10px 16px;font-size:13px;background:#102a30e8}.shot{min-width:180px;background:#102a30c9;padding:12px;border-bottom:1px solid #dbe5cd40}.recovery{height:3px;background:#a9bfac35;margin-top:10px;overflow:hidden}.recovery i{display:block;width:100%;height:100%;background:#d9f798;transform-origin:left}footer{font-size:10px;letter-spacing:1px}@media(max-width:650px){header div{gap:7px}header strong{font-size:23px}.badge{font-size:8px;letter-spacing:.5px;padding:7px}.ball-mark{width:18px;height:18px;flex-shrink:0}.scores div{min-width:65px;padding:0 10px}.scores{padding:8px 0}.scores span{font-size:8px}.shot{top:auto;bottom:123px;right:20px;font-size:9px}.menu h1{font-size:32px}.menu{max-height:calc(100dvh - 24px)}.controls{font-size:10px}}@media(max-height:650px){.menu{padding:18px 24px}.menu h1{font-size:30px;margin:12px 0}.menu .eyebrow{margin:0;padding-bottom:8px}.controls{margin:14px 0;padding-top:12px;gap:10px}.menu small{margin-top:10px}}.mouse-symbol{width:22px;height:30px;flex-shrink:0}.mouse-guide{display:grid;gap:18px;margin:24px 0}.mouse-guide>div{display:flex;align-items:center;gap:15px}.mouse-guide b{font-size:14px;font-weight:700}.mouse-guide small{margin:4px 0 0;text-align:left;font-size:12px;line-height:1.4;color:#53665a}.mouse-guide i{font-style:normal;font-size:18px;color:#53665a;margin-left:auto;white-space:nowrap}.feet-guide{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #19393230;border-bottom:1px solid #19393230;padding:14px 0;font-size:12px}.feet-guide span{display:flex;align-items:center;gap:6px}.feet-guide kbd,.extra-controls kbd{color:#264339;border-color:#9aa797;background:#faf8ed;border-radius:2px}.extra-controls{margin:14px 0 18px;font-size:12px}.extra-controls summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:30px}.extra-controls summary::-webkit-details-marker{display:none}.extra-controls summary:focus-visible{outline:2px solid #214b3c;outline-offset:3px}.extra-controls[open]>summary>span{transform:rotate(45deg)}.extra-controls p{font-size:12px;line-height:2}.hand-state{display:flex;align-items:center;gap:10px;letter-spacing:0;font-size:13px}.hand-state .mouse-symbol{width:17px;height:23px}.wrist-hint{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10px;letter-spacing:0;color:#cad8c8}.wrist-hint span{font-size:16px;min-width:18px;text-align:center}.wrist-hint kbd{font-size:9px;padding:2px 4px}.shot{min-width:205px}.menu>h1{font-size:36px}.crosshair{font-size:22px}@media(max-width:650px){.feet-guide{flex-wrap:wrap;justify-content:flex-start;gap:12px}.mouse-guide{gap:14px;margin:18px 0}.mouse-guide small{font-size:11px}.shot{bottom:145px}.menu>h1{font-size:30px}}@media(max-height:700px){.mouse-guide{gap:10px;margin:14px 0}.menu>h1{font-size:28px;margin:12px 0}.feet-guide{padding:10px 0}.extra-controls{margin:6px 0 10px}}.menu .screen-button{margin-top:10px;background:transparent;color:#214b3c;border:1px solid #214b3c55;justify-content:center;gap:10px;padding:9px 14px;min-height:42px}.menu .screen-button:hover{background:#214b3c10}.screen-button kbd{color:inherit;border-color:#214b3c55}main:fullscreen{width:100vw;height:100dvh;background:#152b32}canvas:focus{outline:none}main:has(.hand-state){-webkit-user-select:none;user-select:none}.camera-label{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0;color:#d4decf;margin-top:9px}.camera-label kbd{font-size:9px;padding:2px 4px}.unified-controls{display:grid;gap:11px;margin:20px 0}.unified-controls>div{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;font-size:12px}.unified-controls kbd{justify-self:start;color:#264339;border-color:#9aa797;background:#faf8ed;border-radius:2px}.unified-controls .mouse-symbol{margin-left:18px}.unified-controls b{font-size:13px;font-weight:650}.unified-controls small{font-size:11px;line-height:1.4;margin:3px 0 0;text-align:left}.unified-controls>div:nth-child(5){border-top:1px solid #19393230;padding-top:12px}@media(max-width:650px){.unified-controls>div{grid-template-columns:90px 1fr;gap:8px}.unified-controls{gap:10px}.unified-controls kbd{font-size:9px}}@media(max-height:700px){.unified-controls{gap:7px;margin:12px 0}.unified-controls>div{font-size:11px}.unified-controls small{font-size:10px}}.menu:has(.unified-controls){width:min(540px,calc(100vw - 32px));padding:22px 26px}.menu:has(.unified-controls) h1{font-size:30px;margin:14px 0}.unified-controls{gap:8px;margin:15px 0}.unified-controls>div{grid-template-columns:100px 1fr}.unified-controls small{line-height:1.3}.menu:has(.unified-controls) .screen-button{min-height:36px;padding:7px 12px}@media(max-height:700px){.menu:has(.unified-controls){padding:16px 22px}.menu:has(.unified-controls) h1{font-size:26px}.unified-controls{gap:6px;margin:10px 0}}@media(max-width:420px){.unified-controls>div{grid-template-columns:84px 1fr}.menu:has(.unified-controls){padding:16px}}.mouse-settings label{display:block;margin:14px 0}.mouse-settings label>span{display:flex;justify-content:space-between;font-size:12px}.mouse-settings output{font-variant-numeric:tabular-nums;color:#53665a}.mouse-settings input{width:100%;accent-color:#214b3c;margin:8px 0}.mouse-settings small{text-align:left;margin:0;font-size:11px}.power-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.6px;margin-top:8px}.power-meter{height:12px;background:#ffffff26;margin-top:7px;border:1px solid #d9f79866;overflow:hidden}.power-meter i{display:block;height:100%;background:linear-gradient(90deg,#d9f798,#ffcc69);transform-origin:left;transition:transform .06s linear}:root{--ink:#171b48;--paper:#fff7dd;--blue:#254cf1;--coral:#ff4f68;--yellow:#ffe14a;--mint:#6df5c3;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--paper)}header{top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));gap:20px;align-items:flex-start}header>div{background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:10px 17px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg)}header strong{font-family:Arial Black,Trebuchet MS,sans-serif;font-weight:900;font-size:28px;letter-spacing:-1px;text-transform:uppercase;color:var(--blue);text-shadow:2px 2px 0 #c7d0ff}header div>span{font-family:Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:1px;max-width:100px;line-height:1.4}.ball-mark{width:26px;height:26px;background:radial-gradient(circle at 34% 34%,var(--ink) 0 2px,transparent 2.5px),radial-gradient(circle at 69% 40%,var(--ink) 0 2px,transparent 2.5px),radial-gradient(circle at 47% 72%,var(--ink) 0 2px,transparent 2.5px),var(--yellow);border:2px solid var(--ink)}.badge{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:0;padding:10px 14px;box-shadow:4px 4px 0 var(--ink);font-size:11px;font-weight:900;letter-spacing:1px;transform:rotate(2deg)}.scores{top:112px;left:24px;background:var(--ink);border:3px solid var(--ink);padding:0;box-shadow:4px 4px #fff7dd;gap:0;transform:rotate(-1deg)}.scores div{min-width:82px;padding:10px 14px;gap:5px;border-right:2px solid #fff7dd33}.scores div:first-child{background:var(--blue)}.scores b{font-family:Consolas,monospace;font-weight:900;font-size:33px;color:var(--yellow);font-variant-numeric:tabular-nums}.scores span{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--paper)}.scrim{background:linear-gradient(115deg,#101439ad,#1c24574d),radial-gradient(circle at 1px 1px,#fff7dd30 1px,transparent 1.4px);background-size:auto,8px 8px;padding:18px;isolation:isolate}.scrim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 0 13%,#254cf155 13% 15%,transparent 15% 82%,#ff4f6844 82% 86%,transparent 86%)}.menu:has(.unified-controls){width:min(570px,calc(100vw - 44px));padding:25px 30px 27px;border:3px solid var(--ink);border-top:10px solid var(--blue);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--ink),14px 14px 0 var(--coral);max-height:calc(100dvh - 44px);scrollbar-color:var(--blue) var(--paper);scrollbar-width:thin}.menu .eyebrow{margin:0 0 18px;padding:0 0 12px;border-bottom:2px solid var(--ink);font:800 11px Consolas,monospace;color:var(--ink);letter-spacing:2px;align-items:center}.menu .eyebrow span{background:var(--yellow);border:2px solid var(--ink);padding:3px 9px;font-size:15px;box-shadow:2px 2px 0 var(--ink);transform:rotate(3deg)}.menu:has(.unified-controls) h1{font-family:Arial Black,Trebuchet MS,sans-serif;font-size:clamp(28px,3.6vw,43px);font-weight:900;font-style:italic;letter-spacing:-1px;line-height:1.03;color:var(--blue);margin:17px 0 22px;text-shadow:2px 2px 0 var(--paper),4px 4px 0 #ff4f6860;overflow-wrap:break-word}.menu p,.menu small{color:#4a4c67}.unified-controls{margin:0 0 18px;gap:0;border-bottom:2px solid var(--ink);padding-bottom:12px}.unified-controls>div{grid-template-columns:106px minmax(0,1fr);gap:12px;padding:9px 0;font-size:12px}.unified-controls>div:nth-child(5){border-top:1px dashed #171b4840;padding-top:12px;margin-top:5px}.unified-controls b{font-size:14px;font-weight:900;line-height:1.3}.unified-controls small{font-size:12px;line-height:1.4;margin:4px 0 0}.unified-controls kbd,.extra-controls kbd{color:var(--ink);background:#fffefa;border:2px solid var(--ink);box-shadow:2px 2px #171b4829;border-radius:3px;font-weight:800;padding:5px 7px;font-size:10px}.unified-controls .mouse-symbol{margin-left:14px;width:25px;height:33px;color:var(--blue)}.unified-controls>div:nth-child(3) .mouse-symbol{color:#db244a}.extra-controls{margin:8px 0;font-size:12px}.extra-controls summary{min-height:40px;padding:5px 0;font-weight:800;color:var(--ink)}.extra-controls summary>span{display:grid;place-items:center;width:23px;height:23px;background:var(--yellow);border:2px solid var(--ink);font-size:17px;line-height:1}.extra-controls[open]{border-bottom:1px solid #171b4833;padding-bottom:12px}.extra-controls summary:hover{color:var(--blue)}.menu button{min-height:52px;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);padding:14px 17px;font-size:15px;font-weight:850;transition:transform .12s,box-shadow .12s,background .12s;letter-spacing:.25px;margin-top:15px;align-items:center}.menu button>span{font-size:22px;line-height:1}.menu button:hover{background:#1738cf;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.menu button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink);border-bottom-width:2px}.menu button:disabled{opacity:.5;cursor:default;transform:none}.menu:has(.unified-controls) .screen-button{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none;min-height:42px;padding:9px 12px;margin-top:13px;font-size:12px}.menu .screen-button:hover{background:var(--yellow);transform:none}button:focus-visible,.extra-controls summary:focus-visible,.mouse-settings input:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.menu [role=alert]{border-left:4px solid var(--coral);padding:8px 12px;background:#ff4f6810;font-size:12px;color:var(--ink)}.mouse-settings label{margin:13px 0}.mouse-settings label>span{font-weight:800}.mouse-settings output{font-family:Consolas,monospace;color:var(--blue);font-weight:900}.mouse-settings input{accent-color:var(--blue);height:24px;cursor:pointer}.mouse-settings small{text-align:left;font-size:11px}.shot{right:24px;top:112px;min-width:210px;max-width:270px;color:var(--paper);background:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--coral);padding:12px 14px}.hand-state{font-size:12px;font-weight:800;letter-spacing:.2px;line-height:1.35}.hand-state .mouse-symbol{color:var(--yellow)}.recovery{height:7px;margin-top:12px;border:1px solid #fff7dd60;background:#fff7dd1a}.recovery i{background:var(--mint)}.power-meter,.charge-meter{height:14px;border:2px solid var(--paper);background:#fff7dd15;margin-top:10px;overflow:hidden}.power-meter>i,.charge-meter>i,.power-fill,.charge-fill{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--yellow) 65%,var(--coral));transform-origin:left}.power-label,.charge-label{display:flex;justify-content:space-between;font:800 11px Consolas,monospace;color:var(--yellow);margin-top:10px}.feedback{bottom:70px;left:50%;max-width:min(640px,calc(100vw - 40px));padding:12px 18px;white-space:normal;background:var(--ink);color:var(--paper);border:2px solid var(--paper);border-left:7px solid var(--yellow);box-shadow:4px 4px 0 var(--ink);border-radius:0;font-size:13px;line-height:1.4;font-weight:700}.crosshair{font-size:26px;color:#fff;text-shadow:0 0 3px var(--ink),1px 1px 0 var(--ink)}footer{bottom:max(18px,env(safe-area-inset-bottom));left:24px;right:24px;font:700 10px Consolas,monospace;color:var(--paper);letter-spacing:1px;gap:12px}footer>span{background:var(--ink);padding:6px 9px;border-left:3px solid var(--coral);text-shadow:none}@media(max-width:700px){header{left:14px;right:14px;top:14px;gap:10px}header>div{padding:8px 10px}header strong{font-size:22px}header div>span{display:none}.badge{font-size:9px;padding:8px;letter-spacing:.3px}.scores{left:14px;top:88px}.scores div{min-width:64px;padding:8px}.scores b{font-size:25px}.scores span{font-size:8px}.shot{top:auto;bottom:140px;right:16px;min-width:180px;max-width:220px}.menu:has(.unified-controls){padding:19px 21px;width:min(540px,calc(100vw - 36px));max-height:calc(100dvh - 36px);box-shadow:5px 5px 0 var(--ink),9px 9px 0 var(--coral)}.menu:has(.unified-controls) h1{font-size:32px}.unified-controls>div{grid-template-columns:90px minmax(0,1fr);gap:8px}.unified-controls small{font-size:11px}.unified-controls b{font-size:12px}footer{left:14px;right:14px}.feedback{bottom:65px;font-size:12px}}@media(max-width:390px){header strong{font-size:18px}.badge{font-size:8px}.ball-mark{width:20px;height:20px}.menu:has(.unified-controls){padding:17px}.menu:has(.unified-controls) h1{font-size:27px}.unified-controls>div{grid-template-columns:82px minmax(0,1fr)}.unified-controls kbd{font-size:9px}.shot{bottom:155px}}@media(max-height:740px){.menu:has(.unified-controls){padding:16px 24px}.menu .eyebrow{margin-bottom:12px;padding-bottom:8px}.menu:has(.unified-controls) h1{font-size:31px;margin:12px 0 16px}.unified-controls>div{padding:7px 0}.unified-controls{margin-bottom:10px}.extra-controls{margin:3px 0}.menu button{margin-top:10px}}@media(prefers-reduced-motion:reduce){.menu button{transition:none}.menu button:hover{transform:none}}.stroke-cue{position:absolute;pointer-events:none;left:max(14px,env(safe-area-inset-left));bottom:54px;font:700 11px Consolas,monospace;color:var(--paper);text-shadow:0 1px 3px #171b48;letter-spacing:.4px}main:has(.crosshair) .feedback{bottom:52px;left:auto;right:14px;transform:none;max-width:min(380px,55vw);padding:4px 7px;font-size:11px;border:0;box-shadow:none;background:#171b487a}@media(max-width:460px){main:has(.crosshair) .feedback{max-width:52vw;font-size:10px}.stroke-cue{font-size:10px;max-width:40vw}}.strength-meter{position:absolute;pointer-events:none;left:24px;bottom:max(3px,env(safe-area-inset-bottom));width:128px;display:flex;align-items:center;gap:6px;color:#fff7dd;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility .14s}.strength-meter[data-visible=true]{opacity:1;visibility:visible}.strength-value{font:600 11px Trebuchet MS,sans-serif;font-variant-numeric:tabular-nums;min-width:4ch;text-align:right;text-shadow:0 1px 3px #171b48,0 0 5px #171b48}.strength-track{flex:1;height:3px;border-radius:999px;overflow:hidden;background:#172a3966;box-shadow:0 0 0 1px #fff7dd55,0 1px 4px #172a3940}.strength-track i{display:block;width:0;height:100%;border-radius:999px;background:#f6e66b}.strength-meter~.stroke-cue{left:24px;bottom:54px;max-width:190px}@media(max-width:700px){.strength-meter{left:14px;width:120px}.strength-meter~.stroke-cue{left:14px}}@media(prefers-reduced-motion:reduce){.strength-meter{transition:none}}.stamina-meter{display:flex;align-items:center;gap:9px;width:176px;color:var(--paper);text-shadow:0 1px 3px #171b48}.stamina-meter>span{font:700 9px Trebuchet MS,sans-serif;letter-spacing:.7px}.stamina-track{flex:1;height:6px;border-radius:999px;background:#172a3966;box-shadow:0 0 0 1px #fff7dd55;overflow:hidden}.stamina-track i{display:block;height:100%;border-radius:999px;background:var(--mint);transition:width 80ms linear}.stamina-meter.is-low .stamina-track i{background:var(--coral)}.score-format{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-weight:700}.score-format select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid #171b4840;border-radius:6px;padding:8px}.scores .is-serving span{color:var(--yellow)}@media(max-width:700px){.stamina-meter{width:164px}}@media(prefers-reduced-motion:reduce){.stamina-track i{transition:none}}.touch-mode{min-height:0}.touch-mode canvas,.touch-controls{touch-action:none}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-controls button,.touch-stick{pointer-events:auto;-webkit-touch-callout:none}.touch-controls button{width:auto;min-width:48px;min-height:48px;justify-content:center;align-items:center;padding:10px;border:2px solid #fff7ddaa;color:var(--paper);background:#171b48dd;border-radius:12px;font-size:11px;box-shadow:0 3px #171b4855}.touch-controls button:active,.touch-controls button[data-held]{background:var(--blue);border-color:var(--yellow)}.touch-toolbar{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:6px}.touch-stick{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom));width:clamp(100px,24vw,140px);aspect-ratio:1;border:2px solid #fff7dd99;background:#171b4855;border-radius:50%;display:grid;place-items:center}.touch-move{left:max(18px,env(safe-area-inset-left))}.touch-look{right:max(18px,env(safe-area-inset-right))}.stick-knob{width:38%;height:38%;border-radius:50%;border:2px solid #fff7ddcc;background:#fff7dd66;pointer-events:none}.stick-label{position:absolute;bottom:-23px;color:var(--paper);font:800 10px system-ui;letter-spacing:.5px;text-shadow:0 1px 4px #171b48;white-space:nowrap}.touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(52px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom));display:flex;gap:12px}.touch-actions button{min-width:64px;min-height:52px}.touch-actions .touch-swing{background:#254cf1db}.touch-mode header{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));right:auto}.touch-mode header .badge,.touch-mode header div>span{display:none}.touch-mode header strong{font-size:19px}.touch-mode header>div{padding:7px}.touch-mode .scores{top:calc(68px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.touch-mode .scores div{min-width:48px;padding:5px 8px}.touch-mode .scores b{font-size:23px}.touch-mode footer{bottom:calc(46px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:auto}.touch-mode .stamina-meter{width:110px;gap:5px}.touch-mode .stamina-meter>span{display:block;font-size:8px}.touch-mode .strength-meter{left:max(18px,env(safe-area-inset-left));bottom:calc(70px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom));width:110px}.touch-mode .strength-meter~.stroke-cue{left:max(18px,env(safe-area-inset-left));bottom:calc(90px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom));max-width:125px}main.touch-mode:has(.crosshair) .feedback{bottom:calc(5px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%);max-width:90vw;width:max-content;font-size:10px}.touch-mode .menu{padding-bottom:24px}.touch-mode .extra-controls summary{min-height:44px}.touch-mode input[type=range]{min-height:44px}@media(max-width:480px){.touch-toolbar{top:calc(66px + env(safe-area-inset-top));gap:4px}.touch-toolbar button{min-width:44px;padding:6px;font-size:10px}.touch-mode .scores{top:calc(125px + env(safe-area-inset-top))}}@media(max-height:450px){.touch-stick{width:100px;bottom:calc(25px + env(safe-area-inset-bottom))}.touch-actions{bottom:calc(141px + env(safe-area-inset-bottom))}.touch-mode footer{bottom:calc(142px + env(safe-area-inset-bottom))}.touch-mode .strength-meter{bottom:calc(163px + env(safe-area-inset-bottom))}.touch-mode .strength-meter~.stroke-cue{bottom:calc(181px + env(safe-area-inset-bottom))}.touch-mode .scores{top:calc(61px + env(safe-area-inset-top))}}main.touch-mode:has(.crosshair) .feedback{bottom:calc(115px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom));max-width:80vw}@media(max-height:450px){main.touch-mode:has(.crosshair) .feedback{bottom:8px;max-width:50vw}}main.is-playing header{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}main.is-playing header>div{padding:5px 9px;border-width:2px;box-shadow:2px 2px 0 var(--ink);transform:none;gap:7px}main.is-playing header strong{font-size:16px;letter-spacing:0;text-shadow:none}main.is-playing header div>span{display:none}main.is-playing .ball-mark{width:18px;height:18px;flex-shrink:0}main.is-playing .badge{padding:6px 9px;border-width:2px;box-shadow:none;transform:none;font-size:9px;letter-spacing:.4px}main.is-playing .scores{top:56px;left:max(14px,env(safe-area-inset-left));padding:0;border-width:2px;box-shadow:2px 2px 0 var(--paper);transform:none}main.is-playing .scores div{min-width:58px;padding:5px 8px;gap:2px}main.is-playing .scores b{font-size:23px;min-width:3ch}main.is-playing .scores span{font-size:9px;letter-spacing:.5px}.quick-controls{display:flex;flex-wrap:wrap;gap:10px 18px;margin:20px 0 15px;color:var(--ink);font-size:12px}.quick-controls>span{display:flex;align-items:center;gap:7px}.quick-controls kbd{color:var(--ink);background:#fffdf2;border:1px solid #171b4860;box-shadow:1px 1px #171b4830}.menu .play-button{justify-content:space-between}.menu .extra-controls summary,.menu .screen-button{min-height:44px}@media(max-width:480px){main.is-playing.touch-mode .scores{top:120px}.quick-controls{gap:10px;font-size:11px}.quick-controls kbd{font-size:9px}}@media(max-height:450px){main.is-playing .scores{top:52px}main.is-playing .scores div{padding:4px 7px}main.is-playing .scores b{font-size:20px}.menu:has(.unified-controls) h1{font-size:25px;margin:8px 0}.menu .eyebrow{margin-bottom:8px}.quick-controls{margin:12px 0}.menu .play-button{min-height:48px}}.menu:has(.unified-controls) .screen-button{min-height:44px}.menu:has(.unified-controls){width:min(570px,calc(100vw - 36px));padding:23px 28px}.menu:has(.unified-controls) .menu-brand{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(32px,4.2vw,50px);white-space:nowrap;letter-spacing:-1.8px;margin:18px 0 8px;transform:rotate(-2deg)}.menu-brand .ball-mark{display:inline-block;width:36px;height:36px;flex-shrink:0;box-shadow:3px 3px 0 var(--ink)}.menu .menu-tagline{text-align:center;font-size:12px;margin:8px 0 21px;font-weight:700}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu .mode-picker button{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:start;gap:5px;min-width:0;padding:14px;background:#eee9d6;color:var(--ink);box-shadow:3px 3px #171b4840;border:2px solid #171b4870;transform:none}.menu .mode-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:4px 4px 0 var(--yellow)}.menu .mode-picker button:hover{border-color:var(--blue);background:#d9e0ff}.menu .mode-picker button[aria-pressed=true]:hover{background:#242b67}.menu .mode-picker button>span{font-size:21px;line-height:1.2;font-style:italic;font-weight:900}.menu .mode-picker small{color:inherit;font-size:11px;margin:0;text-align:left;font-weight:500}.mode-picker em{font:800 9px Consolas,monospace;letter-spacing:.6px;margin-top:7px;color:#575b70}.mode-picker [aria-pressed=true] em{color:var(--yellow)}.menu .mode-description{font-size:12px;line-height:1.45;margin:18px 0 7px}.menu .mode-selection{font-size:11px;line-height:1.4;color:var(--blue);font-weight:800;margin:6px 0 13px}.rules-list{padding-left:18px;display:grid;gap:10px;font-size:12px;line-height:1.5;color:#343850}.rules-source{display:inline-block;line-height:1.5;color:var(--blue);font-weight:700;padding:8px 0}main.is-playing header.match-header{align-items:flex-start}.mode-menu{width:auto;pointer-events:auto;display:flex;align-items:center;gap:9px;min-height:44px;background:var(--paper);color:var(--ink);padding:5px 10px;border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--ink)}.mode-menu:hover{background:var(--yellow)}.mode-menu>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}main.is-playing .mode-menu strong{color:var(--ink);font-size:18px;font-style:italic;text-transform:uppercase}.mode-menu small{font:800 8px Consolas,monospace;color:#464b6b;margin:0;letter-spacing:.5px}.mode-menu em{font:800 9px Consolas,monospace;border-left:1px solid #171b4840;padding-left:9px;margin-left:7px}.match-score{position:absolute;pointer-events:none;top:72px;left:max(14px,env(safe-area-inset-left));width:244px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px #fff7dd99;border-radius:3px;overflow:hidden}.team-scores{display:grid;grid-template-columns:1fr 1fr;gap:2px}.team-scores>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 6px 7px;border-top:3px solid transparent}.team-scores .is-serving{background:#303d84;border-top-color:var(--yellow)}.team-scores span{font:800 10px Consolas,monospace;letter-spacing:.5px}.team-scores b{font:900 32px Consolas,monospace;font-variant-numeric:tabular-nums;line-height:1.1;min-width:3ch;text-align:center;animation:score-tick .25s ease-out}.team-scores small{font:800 8px Consolas,monospace;margin:0;color:#b7bdd3;letter-spacing:.5px}.team-scores .is-serving small{color:var(--yellow)}.serve-status{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px;background:#0f1335;border-top:1px solid #fff7dd30}.serve-status span{font:800 8px Consolas,monospace;color:#c7cbe0}.serve-status b{color:var(--yellow);font:800 14px Consolas,monospace;white-space:nowrap}main.is-playing .scores{top:72px}.mode-toast{position:absolute;top:24px;left:50%;transform:translate(-50%);max-width:calc(100vw - 36px);background:var(--paper);color:var(--ink);padding:12px 18px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--yellow);font-size:12px;font-weight:800;pointer-events:none;z-index:3}.rally-call{position:absolute;top:24%;left:50%;transform:translate(-50%) rotate(-2deg);max-width:min(440px,85vw);width:max-content;pointer-events:none;text-align:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:12px 24px;animation:call-arrive .18s ease-out;z-index:2}.rally-call b{display:block;font:italic 900 clamp(28px,4.5vw,52px) "Arial Black",sans-serif;line-height:1.05;color:var(--blue)}.rally-call small{margin:6px 0 0;color:var(--ink);font-size:12px;font-weight:800;line-height:1.4}.rally-call[data-kind=out],.rally-call[data-kind=fault]{background:#ffe5d8;border-top:5px solid var(--coral)}.rally-call[data-kind=out] b,.rally-call[data-kind=fault] b{color:#c72d45}.rally-call[data-kind=point]{background:var(--yellow)}.rally-call[data-kind=side-out],.rally-call[data-kind=second-server]{background:#dce4ff}@keyframes score-tick{0%{transform:scale(1.15);color:var(--yellow)}to{transform:scale(1)}}@keyframes call-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:700px){.match-score{width:216px}.team-scores b{font-size:28px}.team-scores span{font-size:9px}.mode-toast{top:205px}.rally-call{top:30%;padding:10px 18px}}@media(max-width:480px){.menu:has(.unified-controls){padding:18px}.menu:has(.unified-controls) .menu-brand{font-size:35px;gap:9px;letter-spacing:-1.5px}.menu-brand .ball-mark{width:27px;height:27px}.menu .mode-picker button{padding:11px}.menu .mode-picker button>span{font-size:20px}.menu .menu-tagline{font-size:11px}.touch-mode .match-score{top:120px;width:205px}.touch-mode .team-scores>div{padding:6px}.touch-mode .team-scores b{font-size:24px}.touch-mode .serve-status{padding:5px 6px}.touch-mode .rally-call{top:34%}.touch-mode .mode-toast{top:245px}.mode-menu em{font-size:8px;margin-left:1px}}@media(max-height:450px){.rally-call,.touch-mode .rally-call{top:20%;max-width:38vw;padding:7px 12px}.rally-call b{font-size:26px}.rally-call small{font-size:10px}.match-score,.touch-mode .match-score{top:66px;width:205px}.team-scores>div{padding:4px}.team-scores b{font-size:23px}.serve-status{padding:5px}.mode-toast,.touch-mode .mode-toast{top:12px;max-width:40vw;padding:7px;font-size:10px}.menu:has(.unified-controls) .menu-brand{font-size:32px}}@media(prefers-reduced-motion:reduce){.rally-call,.team-scores b{animation:none}}@media(max-width:480px){.match-header .badge{display:none}}@media(max-width:480px){.menu:has(.unified-controls) .menu-brand{font-size:clamp(22px,8vw,35px);gap:8px;letter-spacing:-1px}.menu-brand .ball-mark{width:clamp(18px,6vw,27px);height:clamp(18px,6vw,27px)}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu .mode-picker button>span{font-size:clamp(14px,5vw,20px)}.menu .mode-picker small{font-size:10px;line-height:1.4}}@media(max-width:320px){.menu:has(.unified-controls){padding:14px}.menu .mode-picker button{padding:9px 7px}.mode-picker em{font-size:8px;letter-spacing:0}.menu:has(.unified-controls) .menu-brand{gap:6px}.score-format{flex-direction:column;align-items:stretch}}@media(max-width:320px){.touch-mode footer{bottom:calc(112px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom))}.touch-mode .strength-meter{bottom:calc(136px + clamp(100px,24vw,140px) + env(safe-area-inset-bottom))}main.touch-mode:has(.crosshair) .feedback,.touch-mode .stroke-cue{display:none}.touch-actions{gap:6px;right:12px}.touch-actions button{min-width:58px;padding:8px;font-size:10px}}@media(max-height:320px){.touch-mode footer{bottom:8px;left:calc(50% - 55px)}.touch-mode .strength-meter{bottom:26px;left:calc(50% - 55px)}main.touch-mode:has(.crosshair) .feedback,.touch-mode .stroke-cue{display:none}.touch-mode .match-score{top:66px;width:205px}.touch-mode .team-scores>div{padding:2px 4px;gap:1px}.touch-mode .team-scores b{font-size:18px}.touch-mode .team-scores span,.touch-mode .team-scores small{font-size:8px}.touch-mode .serve-status{padding:3px 6px}.touch-mode .touch-actions{bottom:132px;gap:6px;right:12px}.touch-mode .rally-call{top:70px;max-width:38vw;padding:6px 10px}.touch-mode .rally-call b{font-size:22px}}@media(max-height:320px){.touch-mode .rally-call{top:139px}}@media(max-width:320px)and (min-height:321px){.touch-mode .rally-call{top:236px;max-width:90vw;padding:7px 12px}.touch-mode .rally-call b{font-size:24px}.touch-mode .rally-call small{font-size:10px}}@media(max-height:320px){.touch-mode .team-scores>div{padding:1px 4px;gap:0}.touch-mode .team-scores b{font-size:18px;line-height:1}.touch-mode .team-scores span{line-height:1.1}.touch-mode .team-scores small{line-height:1}.touch-mode .serve-status{padding:2px 6px}.touch-mode .serve-status b{font-size:12px;line-height:1}}.control-picker{display:flex;gap:8px;margin-top:18px}.control-picker button{flex:1;min-width:0;padding:10px 6px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff08;color:inherit;font:inherit}.control-picker button[aria-pressed=true]{background:#d9ff70;color:#142b26;border-color:#d9ff70}.control-picker button:disabled{opacity:.45}.controller-hint{font-size:12px;line-height:1.5;color:#c5d4cf}.controller-device{overflow-wrap:anywhere;font-size:12px}.controller-settings select{max-width:100%;min-width:0}.controller-settings p{line-height:1.5}.menu [data-pad-focus]{outline:3px solid #d9ff70;outline-offset:4px}.controller-settings summary span{font-size:10px}.controller-settings summary span,.controller-settings[open] summary span{transform:none;width:auto;height:auto;line-height:1;padding:5px;border:0;box-shadow:none;background:transparent;font-size:10px}.control-picker button[aria-pressed=true]{color:#142b26}.controller-hint{color:inherit}.menu:has(.menu-start){width:min(560px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:24px 28px 28px}.menu:has(.menu-start) .menu-brand{font-size:clamp(32px,4.2vw,50px);margin:15px 0 6px}.menu:has(.menu-start) .menu-tagline{margin:8px 0 18px;font-size:12px}.menu-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);gap:18px;align-items:stretch;margin:0 0 14px;padding:16px;background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--coral)}.menu-start__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.menu-start .menu-kicker{margin:0 0 5px;color:var(--yellow);font:800 10px Consolas,monospace;letter-spacing:1.2px}.menu-start h2{margin:0;color:var(--paper);font:900 clamp(21px,3vw,30px)/1.05 "Arial Black","Trebuchet MS",sans-serif;letter-spacing:-.7px}.menu-start p:last-child{margin:7px 0 0;color:#d6dde4;font-size:12px;line-height:1.4}.menu-start .play-button{width:auto;min-width:170px;min-height:54px;margin:0;align-self:center;background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:3px 3px #fff7dd66}.menu-start .play-button:hover{background:#f7ec82}.menu-story-action{display:flex!important;align-items:center;gap:12px;text-align:left;margin:0 0 8px!important;padding:11px 13px!important;min-height:58px!important;background:#fffefa!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important}.menu-story-action>span{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.menu-story-action b{font-size:17px;font-style:italic;font-weight:900}.menu-story-action small{margin:0;text-align:left;color:#4a4c67;font-size:10px}.menu-story-action em{font:800 9px Consolas,monospace;letter-spacing:.5px;color:var(--blue);font-style:normal;white-space:nowrap}.menu-story-action em i{font-size:16px;font-style:normal;vertical-align:-1px}.menu-section{margin:0;border-top:1px solid #171b4840}.menu-section>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:8px 2px;cursor:pointer;list-style:none;color:var(--ink);text-align:left}.menu-section>summary::-webkit-details-marker{display:none}.menu-section>summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.menu-section>summary>span{display:flex;min-width:0;flex-direction:column;gap:2px}.menu-section>summary b{font-size:13px;font-weight:900}.menu-section>summary small{margin:0;color:#62667a;text-align:left;font-size:10px;font-weight:500}.menu-section>summary>i{display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px;background:var(--yellow);border:2px solid var(--ink);font-size:17px;font-style:normal;line-height:1;transition:transform .12s ease}.menu-section[open]>summary>i{transform:rotate(45deg)}.menu-section--online[open]{padding-bottom:4px}.menu-section--online .park-lobby{margin:0 0 12px;padding:0;border:0;box-shadow:none;background:transparent}.menu-section--online .park-lobby__heading{margin-top:0}.menu-section--online .park-lobby__intro{margin-top:5px}.menu-section--setup{padding-bottom:2px}.menu-section--setup>.character-picker{margin:9px 0 12px;padding-top:12px;border-top:1px dashed #171b4840}.menu-section--setup>.control-picker{margin-top:8px}.menu-section--setup>.quick-controls{margin:13px 0 10px}.menu-error{margin:0 0 8px;padding:8px 10px;border-left:4px solid var(--coral);background:#ff4f6810}.menu-error p{margin:0 0 5px;color:var(--ink);font-size:12px;line-height:1.4}.menu-error button{width:auto;min-height:38px;margin:0!important;padding:8px 12px!important;background:transparent!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:none!important;font-size:11px!important}.menu-error button:hover{background:var(--yellow)!important}.menu:has(.menu-start) .play-fullscreen{width:auto;min-height:38px;margin:0 0 8px!important;padding:8px 12px!important;background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none;font-size:11px}.menu:has(.menu-start) .play-fullscreen:hover{background:var(--yellow)}@media(max-width:600px){.menu:has(.menu-start){width:min(540px,calc(100vw - 24px));padding:18px 18px 22px}.menu:has(.menu-start) .menu-brand{font-size:clamp(28px,9vw,42px);gap:8px}.menu-start{grid-template-columns:1fr;gap:11px;padding:13px}.menu-start .play-button{width:100%;min-width:0}.menu-story-action{min-height:54px!important}}@media(max-width:360px){.menu:has(.menu-start){padding:15px 14px 18px}.menu:has(.menu-start) .menu-tagline{font-size:11px;margin-bottom:12px}.menu-start h2{font-size:22px}.menu-start p:last-child{font-size:11px}.menu-section>summary{min-height:48px}}.menu .play-button:disabled,.menu-story-action:disabled{opacity:.65;cursor:wait}@media(prefers-reduced-motion:reduce){.menu-section>summary>i{transition:none}}.menu:has(.menu-start){--ink:#203e38;--paper:#f5f0df;--yellow:#e6c17b;--coral:#c57c58;--blue:#41685d;background:#f5f0df;color:#203e38;border:1px solid #547166;border-radius:16px;box-shadow:0 20px 70px #112d3855;width:min(480px,calc(100vw - 24px));padding:24px}.menu:has(.menu-start) .menu-brand{font-size:34px;font-style:normal;letter-spacing:-1px;margin:12px 0 6px}.menu:has(.menu-start) .menu-tagline{color:#586e62;line-height:1.5}.menu-start{grid-template-columns:1fr;gap:14px;border:0;border-radius:10px;padding:20px;box-shadow:none}.menu-start h2{font-style:normal;font-size:27px;letter-spacing:-.4px}.menu-start .play-button{width:100%;border:0;border-radius:7px;box-shadow:none;font-style:normal;min-height:48px}.menu-story-action{box-shadow:none!important;border:1px solid #83978a!important;border-radius:9px!important;background:#fffdf3!important;margin:0 0 15px!important}.menu-story-action b{font-style:normal;font-size:16px}.menu-story-action small{color:#586e62;font-size:11px}.menu-story-action em{color:#41685d}.menu-section>summary{min-height:49px}.menu-section>summary>i{border:0;background:transparent;color:#41685d}.menu-section>summary small{color:#647367}.menu:has(.menu-start) .eyebrow{color:#41685d}.menu:has(.menu-start) .eyebrow span{color:#647367}@media(max-width:600px){.menu:has(.menu-start){padding:18px}.menu-start{padding:16px;gap:12px}.menu:has(.menu-start) .menu-brand{font-size:30px}.menu-start h2{font-size:24px}}.scrim:has(.menu-start){background:#193c3559;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.scrim:has(.menu-start):before{display:none}.menu:has(.menu-start) .menu-brand{transform:none;text-shadow:none}.menu:has(.menu-start) .eyebrow span{background:transparent;border:0;box-shadow:none;transform:none;font-size:9px}.scene-render-root{position:absolute;top:0;right:0;bottom:0;left:0}.scene-recovery-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#102b2bf5;pointer-events:auto}.scene-recovery-panel{width:min(460px,100%);max-height:100%;overflow:auto;padding:24px;border:1px solid #94b49e;border-radius:16px;background:#173c36;color:#fff7dd;box-shadow:0 20px 70px #0005}.scene-recovery-panel h2{font-size:28px;line-height:1.15;margin:8px 0}.scene-recovery-panel p{color:#dce4d6;font-size:14px}.scene-recovery-panel button{min-height:44px;justify-content:center;margin-top:12px}.scene-recovery-panel button:last-child{background:#e8d8b2;color:#173c36}.scrim:has(.menu-start){background:#091f2673;-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px}.menu:has(.menu-start){--ink:#203d40;--paper:#f7f0de;--blue:#21484b;--yellow:#e4c68c;--coral:#9b4d35;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:6px solid #654c36;border-radius:5px;outline:1px solid #b99b66;background:#f7f0de;color:#203d40;box-shadow:inset 0 0 0 1px #b99b66,0 16px 40px #04171bb3}.menu:has(.menu-start) .eyebrow{min-height:28px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #b99b66;color:#624c2c;font-size:10px;letter-spacing:1px}.menu:has(.menu-start) .eyebrow span{color:#435954}.menu:has(.menu-start) .menu-brand{font:800 28px/1.15 Trebuchet MS,sans-serif;letter-spacing:0;margin:10px 0 5px;color:#203d40}.menu:has(.menu-start) .menu-tagline{font-size:12px;color:#435954;margin:5px 0 16px}.menu:has(.menu-start) .menu-start{padding:0;margin:0 0 12px;gap:10px;background:none;border:0;border-radius:0;box-shadow:none}.menu-start .menu-kicker{color:#624c2c;font-size:10px}.menu:has(.menu-start) .menu-start h2{color:#203d40;font:800 20px/1.2 Trebuchet MS,sans-serif;letter-spacing:0}.menu:has(.menu-start) .menu-start p:last-child{color:#435954}.menu:has(.menu-start) .menu-start .play-button{min-height:48px;color:#193b3d;background:#e4c68c;border:1px solid #8c6f3f;border-radius:3px;box-shadow:0 3px #654c36;font-size:14px}.menu:has(.menu-start) .menu-start .play-button:hover:not(:disabled){background:#f1dca9}.menu:has(.menu-start) .menu-story-action{min-height:48px!important;padding:10px 12px!important;margin:0 0 12px!important;border-radius:3px!important;background:#21484b!important;color:#f7f0de!important;border-color:#21484b!important}.menu:has(.menu-start) .menu-story-action b{font:800 14px/1.25 Trebuchet MS,sans-serif}.menu:has(.menu-start) .menu-story-action small{color:#d5e0d7;font-size:11px}.menu:has(.menu-start) .menu-story-action em{color:#e4c68c}.menu:has(.menu-start) .menu-section{border-top:1px solid #b99b66}.menu:has(.menu-start) .menu-section>summary{min-height:48px}.menu:has(.menu-start) .menu-section>summary b{color:#203d40}.menu:has(.menu-start) .menu-section>summary small{color:#435954}.menu:has(.menu-start) :is(button,summary){border-radius:3px}.menu:has(.menu-start) :is(.control-picker,.mode-picker) button{min-height:44px}.menu:has(.menu-start) .control-picker button{padding-inline:4px;font-size:12px;overflow-wrap:anywhere}.menu:has(.menu-start) .control-picker button[aria-pressed=true]{color:#f7f0de;background:#21484b;border-color:#21484b}.menu:has(.menu-start) button:disabled{opacity:1;color:#526768;background:#e4e8df;border-color:#9fae9e}.menu:has(.menu-start) .menu-start .play-button:disabled{color:#526768;background:#e4e8df;border-color:#9fae9e}.menu:has(.menu-start) button:hover{transform:none}.menu:has(.menu-start) :is(button,summary,input):focus-visible{outline:3px solid #b56b29;outline-offset:3px}.menu:has(.menu-start) .menu-error button{min-height:44px}.menu:has(.menu-start) .character-picker{padding:12px 0;border:0;border-block:1px solid #b99b66;border-radius:0;background:none;color:#203d40}.menu:has(.menu-start) .character-picker h2{font:800 11px/1.3 Trebuchet MS,sans-serif;letter-spacing:1px}.menu:has(.menu-start) .character-picker__row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}.menu:has(.menu-start) .character-picker__row button{min-height:50px;min-width:0;margin:0;padding:8px 10px;display:grid;justify-content:stretch;gap:4px;text-align:left;color:#f7f0de;background:#21484b;border:1px solid #21484b;border-radius:3px;box-shadow:none}.menu:has(.menu-start) .character-picker__row button[aria-pressed=true]{color:#193b3d;background:#e4c68c;border-color:#8c6f3f;box-shadow:inset 3px 0 #8c6f3f}.menu:has(.menu-start) .character-picker__row button:hover{color:#f7f0de;background:#285b5b}.menu:has(.menu-start) .character-picker__row button[aria-pressed=true]:hover{color:#193b3d;background:#f1dca9}.menu:has(.menu-start) .character-picker__row button b{font:800 14px/1.2 Trebuchet MS,sans-serif}.menu:has(.menu-start) .character-picker__row small{display:block;color:inherit;opacity:1;font-size:11px;line-height:1.2;margin:0;text-align:left}.scene-recovery-panel{border:6px solid #654c36;border-radius:5px;outline:1px solid #b99b66}.menu [data-pad-focus],.menu:has(.menu-start) :is(button,summary,input,select):focus-visible{outline:3px solid #b56b29;outline-offset:3px}.controller-settings .score-format{display:grid;grid-template-columns:1fr;gap:7px}.menu select{min-width:0;max-width:100%;min-height:44px;border:2px solid #52665a;border-radius:3px;background:#faf5e5;color:#21463f}.controller-settings select{width:100%}.controller-settings output{font-variant-numeric:tabular-nums}.controller-settings .controller-navigation{padding:10px 0;border-bottom:1px solid #b99b6680}.controller-connection-help{margin-top:8px}.controller-connection-help>summary{font-size:12px}.controller-connection-help>summary:after{content:"+";font-size:18px;color:#8c5e2b}.controller-connection-help[open]>summary:after{content:"−"}@media(max-width:620px){.scrim:has(.menu-start){padding:12px}.menu:has(.menu-start){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.menu:has(.menu-start) .menu-brand{font-size:25px}}@media(max-height:500px){.menu:has(.menu-start){padding:14px 18px}.menu:has(.menu-start) .menu-brand{font-size:24px}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0}#root>main{width:100%;height:100%;height:100dvh;min-height:0;overflow:hidden}.scrim{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));min-height:0}.scrim>.menu{max-width:100%;max-height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.menu input,.menu select{font-size:16px}main.touch-mode{--thumb-size:clamp(100px,24vw,128px);--thumb-bottom: calc(44px + env(safe-area-inset-bottom)) ;--edge-left: calc(24px + env(safe-area-inset-left)) ;--edge-right: calc(24px + env(safe-area-inset-right)) }main.touch-mode.is-playing{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-controls{position:fixed;inset:auto;z-index:4;overflow:hidden}.touch-controls button,.touch-controls .touch-stick{touch-action:none}.touch-controls .touch-stick{width:var(--thumb-size);height:var(--thumb-size);bottom:var(--thumb-bottom)}.touch-controls .stick-knob{position:absolute;left:50%;top:50%;width:38%;height:38%;transform:translate(-50%,-50%)}.touch-controls .touch-move{left:var(--edge-left)}.touch-controls .touch-look{right:var(--edge-right)}.touch-controls .stick-label{bottom:-18px;font-size:9px}.touch-controls .touch-toolbar{top:max(12px,env(safe-area-inset-top));right:var(--edge-right);gap:6px}.touch-controls .touch-toolbar button{min-width:44px;min-height:44px;padding:6px}.touch-controls .touch-actions{right:var(--edge-right);bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 14px);gap:8px}.touch-controls .touch-actions button{min-width:58px;min-height:48px;padding:8px;font-size:10px}main.is-playing.touch-mode .match-header{top:max(12px,env(safe-area-inset-top));left:var(--edge-left);right:auto}main.is-playing.touch-mode .mode-menu{max-width:calc(100vw - 24px)}main.is-playing.touch-mode .mode-menu strong{font-size:16px}main.is-playing.touch-mode .scores,main.touch-mode .match-score{top:calc(68px + env(safe-area-inset-top));left:var(--edge-left)}main.touch-mode .match-score{width:190px}main.touch-mode .team-scores>div{padding:4px;gap:2px}main.touch-mode .team-scores b{font-size:22px}main.touch-mode .serve-status{padding:4px;gap:3px}main.touch-mode footer{left:50%;right:auto;bottom:calc(6px + env(safe-area-inset-bottom));transform:translate(-50%)}main.touch-mode .stamina-meter{width:110px}main.touch-mode .strength-meter{left:var(--edge-left);bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 22px);width:100px}main.touch-mode .strength-meter~.stroke-cue{left:var(--edge-left);bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 44px);max-width:100px;font-size:9px}main.touch-mode:has(.crosshair) .feedback{left:50%;right:auto;bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 84px);transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);font-size:10px}main.touch-mode .rally-call{top:30%;max-width:80%;padding:8px 12px}main.touch-mode .rally-call b{font-size:28px}main.touch-mode .mode-toast{top:calc(190px + env(safe-area-inset-top));max-width:85%}main.is-playing.touch-mode .park-status{top:calc(68px + env(safe-area-inset-top));left:var(--edge-left);right:auto;bottom:auto;width:min(300px,calc(100% - 24px));transform:none}main.touch-mode:has(.scores,.match-score) .park-status{display:none}main.touch-mode:has(.rally-call,.mode-toast) .feedback{visibility:hidden}@media(max-width:599px)and (orientation:portrait){.touch-controls .touch-toolbar{top:calc(66px + env(safe-area-inset-top))}main.is-playing.touch-mode .scores,main.touch-mode .match-score{top:calc(122px + env(safe-area-inset-top))}main.touch-mode .strength-meter{bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 76px)}main.touch-mode .strength-meter~.stroke-cue{bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 98px)}main.touch-mode:has(.crosshair) .feedback{bottom:calc(var(--thumb-bottom) + var(--thumb-size) + 132px)}main.touch-mode .mode-toast{top:calc(232px + env(safe-area-inset-top))}main.touch-mode .rally-call{top:max(232px,38%)}main.is-playing.touch-mode .park-status{top:calc(122px + env(safe-area-inset-top))}}@media(max-height:500px)and (orientation:landscape){main.touch-mode{--thumb-size:100px;--thumb-bottom: calc(36px + env(safe-area-inset-bottom)) }main.touch-mode .match-score{width:180px}main.touch-mode .team-scores b{font-size:18px}main.touch-mode .team-scores small{display:none}main.touch-mode .strength-meter{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));transform:translate(-50%)}main.touch-mode .strength-meter~.stroke-cue{left:50%;bottom:calc(42px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:180px}main.touch-mode:has(.crosshair) .feedback{bottom:calc(64px + env(safe-area-inset-bottom));max-width:40%}main.touch-mode .rally-call{top:24%;max-width:38%}main.touch-mode .rally-call b{font-size:24px}main.touch-mode .mode-toast{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));max-width:40%;padding:6px 8px;font-size:10px}}.play-screen-help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0c243cd9;display:grid;place-items:center;padding:24px;overflow:auto;touch-action:pan-y}.play-screen-help section{width:min(440px,100%);max-height:100%;overflow:auto;padding:28px;border:1px solid #ffffff50;border-radius:22px;background:#fff7dd;color:#172f39;box-shadow:0 25px 80px #0005}.play-screen-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#396c62}.play-screen-help h2{font-size:28px;line-height:1.15;margin:12px 0}.play-screen-help p{font-size:13px;color:#45606a;line-height:1.6}.play-screen-help ol{padding-left:20px}.play-screen-help li{padding:10px 0;font-size:13px}.play-screen-help li span{display:block;line-height:1.5;margin-top:5px}.play-screen-help button{justify-content:center;background:#234b42;color:#fff7dd;min-height:48px}.menu .play-fullscreen{margin:12px 0;background:#173e3e;color:#f4f6d8;justify-content:center;gap:8px;min-height:48px}.play-screen-help{background:#091f2673;padding:16px}.play-screen-help section{border:6px solid #654c36;border-radius:5px;outline:1px solid #b99b66;background:#f7f0de;color:#203d40;box-shadow:0 16px 40px #04171bb3;padding:22px}.play-screen-help h2{font:800 25px/1.15 Trebuchet MS,sans-serif;letter-spacing:0}.play-screen-help p{color:#435954}.play-screen-help button{min-height:48px;border-radius:3px;background:#21484b}.play-screen-help :is(button,summary):focus-visible{outline:3px solid #b56b29;outline-offset:3px}@media(max-width:620px){.play-screen-help{padding:12px}.play-screen-help section{padding:16px}}.park-lobby,.park-status{--park-ink: #193932;--park-muted: #5d7167;--park-line: #1939322e;--park-green: #214b3c;--park-lime: #d9f798;--park-coral: #d96e56;color:var(--park-ink)}.menu .mode-picker[hidden]{display:none}.park-lobby{border-top:1px solid var(--park-line);margin-top:18px;padding-top:18px}.park-lobby__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.park-lobby__eyebrow{margin:0 0 5px;color:var(--park-muted)!important;font-family:Consolas,monospace;font-size:9px!important;font-weight:800;letter-spacing:1.7px;line-height:1.3}.park-lobby h2{margin:0;color:var(--park-ink);font-size:clamp(21px,4vw,27px);font-style:italic;font-weight:900;letter-spacing:-.5px;line-height:1.05}.park-lobby__signal{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding-top:4px;color:var(--park-muted);font:800 9px/1 Consolas,monospace;letter-spacing:1px}.park-lobby__signal i,.park-status__presence i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8b9b8d;box-shadow:0 0 0 2px #8b9b8d22}.park-lobby__signal.is-online i,.park-status__presence i{background:#6ea947;box-shadow:0 0 0 2px #6ea9472e}.park-lobby__intro{margin:9px 0 15px!important;color:var(--park-muted)!important;font-size:11px!important;line-height:1.45!important}.park-lobby__courts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.park-court{position:relative;display:flex;min-width:0;min-height:82px;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:9px 9px 10px;overflow:hidden;border:1px solid #19393243;border-radius:2px;background:#faf8edb8;color:var(--park-ink);text-align:left;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.park-court:hover:not(:disabled){border-color:var(--park-green);background:#fffef6}.park-court:active:not(:disabled){transform:translateY(1px)}.park-court:focus-visible,.park-button:focus-visible,.park-field input:focus-visible{outline:3px solid var(--park-green);outline-offset:3px}.park-court:disabled{cursor:default;opacity:.53}.park-court.is-selected{border-color:var(--park-green);background:var(--park-green);color:#f4f4df;box-shadow:3px 3px #1939322e}.park-court.is-selected:disabled{opacity:1}.park-court.is-full:not(.is-selected){background:#f4e8df;border-color:#c998873d}.park-court__top,.park-court__count{display:flex;align-items:baseline;justify-content:space-between;gap:5px}.park-court__top b{font:800 14px/1 Consolas,monospace;letter-spacing:-.5px}.park-court__top small{margin:0;color:var(--park-muted);font:800 8px/1 Consolas,monospace;letter-spacing:.5px}.park-court.is-selected .park-court__top small{color:#d9f798}.park-court.is-full .park-court__top small{color:#b85a4a}.park-court__name{margin-top:8px;color:currentColor;font:800 9px/1 Consolas,monospace;letter-spacing:1.5px;opacity:.76}.park-court__count{margin-top:auto;justify-content:flex-start}.park-court__count b{font:900 23px/1 Consolas,monospace;letter-spacing:-1px}.park-court__count small{color:currentColor;font:800 10px/1 Consolas,monospace;opacity:.7}.park-court__meter{display:block;height:3px;margin-top:8px;overflow:hidden;background:#1939322b}.park-court__meter i{display:block;height:100%;background:var(--park-green);transform-origin:left;transition:width .2s ease}.park-court.is-selected .park-court__meter{background:#f2f4d94a}.park-court.is-selected .park-court__meter i{background:var(--park-lime)}.park-lobby__connected{margin-top:15px}.park-room-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;border-bottom:1px solid var(--park-line);color:var(--park-muted)}.park-room-line>span:first-child{display:flex;align-items:baseline;min-width:0;gap:8px}.park-room-line small{margin:0;font:800 8px/1 Consolas,monospace;letter-spacing:1px}.park-room-line code{max-width:12ch;overflow:hidden;color:var(--park-ink);font:900 14px/1 Consolas,monospace;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.park-room-line__online{flex:0 0 auto;font:800 9px/1 Consolas,monospace;letter-spacing:.7px}.park-field{display:grid;gap:5px;margin-top:15px;color:var(--park-muted);font:800 9px/1 Consolas,monospace;letter-spacing:.7px;text-transform:uppercase}.park-field span{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.park-field em{color:#7a897d;font-size:8px;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none}.park-field input{width:100%;min-height:40px;padding:9px 10px;border:1px solid #19393245;border-radius:2px;outline:none;background:#fffef7;color:var(--park-ink);font:700 13px/1.2 system-ui,sans-serif;letter-spacing:.1px;text-transform:none}.park-field input::placeholder{color:#8f9a8f;opacity:1}.park-field--code{margin:0}.park-field--code span{justify-content:flex-start}.park-field--code input{font-family:Consolas,monospace;font-weight:800;letter-spacing:1.2px}.park-lobby__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.park-lobby__actions--setup{align-items:end;margin-top:10px}.park-lobby__actions form{min-width:0}.park-join{display:grid;gap:8px}.park-button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid transparent;border-radius:2px;cursor:pointer;font:800 11px/1.1 system-ui,sans-serif;letter-spacing:.15px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.park-button:hover:not(:disabled){transform:translateY(-1px)}.park-button:active:not(:disabled){transform:translateY(1px)}.park-button:disabled{cursor:default;opacity:.48}.park-button b{font-size:17px;font-weight:500;line-height:.8}.park-button--primary{min-height:42px;background:var(--park-green);color:#f2f4d9;border-bottom:3px solid #132e25}.park-button--primary:hover:not(:disabled){background:#30634e}.park-button--quiet{border-color:#214b3c66;background:transparent;color:var(--park-green)}.park-button--quiet:hover:not(:disabled){background:#214b3c10}.park-button--leave{border-color:#b85a4a66;background:transparent;color:#a85142}.park-button--leave:hover:not(:disabled){background:#b85a4a12}.park-lobby__status,.park-lobby__error{min-height:17px;margin:11px 0 0!important;font:700 10px/1.45 system-ui,sans-serif}.park-lobby__status{color:var(--park-muted)!important}.park-lobby__error{color:#a5483e!important}.park-status{position:absolute;bottom:82px;left:24px;z-index:2;width:min(264px,calc(100vw - 48px));padding:10px 12px 9px;border-top:3px solid var(--park-lime);background:#102a30d9;color:#f2f4d9;box-shadow:5px 5px #102b3266;pointer-events:none}.park-status__topline,.park-status__courtline{display:flex;align-items:center;justify-content:space-between;gap:8px}.park-status__topline{padding-bottom:7px;border-bottom:1px solid #dbe5cd2e;color:#becfc4;font:800 8px/1 Consolas,monospace;letter-spacing:1px}.park-status__presence{display:inline-flex;align-items:center;gap:6px;color:var(--park-lime)}.park-status__presence i{width:6px;height:6px}.park-status__room{max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.park-status__courtline{align-items:baseline;padding:8px 0 7px}.park-status__courtline strong{color:#fffbe6;font:900 16px/1 Consolas,monospace;letter-spacing:-.5px}.park-status__courtline span{color:#becfc4;font:800 8px/1 Consolas,monospace;letter-spacing:.7px;white-space:nowrap}.park-status__courtline span b{color:var(--park-lime);font-size:12px}.park-status__players{display:flex;min-height:25px;align-items:center;gap:9px;overflow:hidden;border-top:1px solid #dbe5cd2e;padding-top:7px}.park-player{display:inline-flex;min-width:0;align-items:center;gap:5px;color:#d5e2d7;font:800 8px/1 Consolas,monospace;letter-spacing:.2px}.park-player>span{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.park-player i{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border:1px solid #dbe5cd70;border-radius:50%;color:#102a30;background:#dbe5cd;font-style:normal;font-size:8px}.park-player.is-you{color:var(--park-lime)}.park-player.is-you i{border-color:var(--park-lime);background:var(--park-lime)}.park-status__empty{color:#9bb0a4;font:700 9px/1.2 system-ui,sans-serif}.park-status__mode{display:block;margin-top:8px;color:#9bb0a4;font:800 8px/1 Consolas,monospace;letter-spacing:1px}main.touch-mode .park-status{top:142px;right:auto;bottom:auto;left:50%;width:min(300px,calc(100vw - 28px));padding:7px 10px;transform:translate(-50%)}main.touch-mode .park-status__topline,main.touch-mode .park-status__courtline{padding:0;border:0}main.touch-mode .park-status__topline{gap:10px}main.touch-mode .park-status__courtline{margin-left:auto}main.touch-mode .park-status__players,main.touch-mode .park-status__mode{display:none}@media(max-width:520px){.park-lobby__courts{grid-template-columns:repeat(2,minmax(0,1fr))}.park-court{min-height:76px}.park-status{bottom:74px;left:14px;width:min(242px,calc(100vw - 28px))}main.touch-mode .park-status{top:180px;right:auto;bottom:auto;left:50%;width:min(300px,calc(100vw - 28px))}}@media(max-width:360px){.park-lobby__heading{gap:7px}.park-lobby__signal{font-size:8px}.park-lobby__actions{grid-template-columns:1fr}.park-lobby__actions--setup{gap:10px}.park-join{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.park-join .park-button{min-height:40px}}@media(prefers-reduced-motion:reduce){.park-court,.park-court__meter i,.park-button{transition:none}}.park-format{display:grid;gap:8px;margin:12px 0;font-size:12px}.park-format>div[role=group]{display:flex;gap:8px}.park-format button{min-width:80px;justify-content:center}.park-format button[aria-pressed=true]{background:#d5efa4;color:#173324;border-color:#92bd69}.park-format small{opacity:.75}.park-format__teams{display:grid;gap:5px}.menu .park-lobby{--park-ink:#203d40;--park-muted:#435954;--park-green:#21484b;--park-lime:#e4c68c}.menu .park-lobby h2{font:800 22px/1.15 Trebuchet MS,sans-serif;letter-spacing:0}.menu .park-court{min-height:84px;border:1px solid #b99b66;border-radius:3px;background:#e9dfc7;box-shadow:none;padding:8px}.menu .park-court.is-selected{border-color:#21484b;box-shadow:inset 0 0 0 2px #21484b}.menu .park-button,.menu .park-join .park-button{min-height:44px;border-radius:3px}.menu .park-lobby :is(input,select){min-height:44px;border-radius:3px}.menu .park-format button{min-height:44px}.menu .park-format small{opacity:1;color:#435954}.park-status{border-color:#b99b66;border-radius:4px;background:#17383ced}.story-mode{--story-ink: #161a45;--story-paper: #fff7dd;--story-paper-deep: #ece7c9;--story-blue: #254cf1;--story-coral: #ff4f68;--story-yellow: #ffe14a;--story-mint: #6df5c3;--story-muted: #5b5b78;--story-line: #171b4830;position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;overflow:auto;isolation:isolate;color:var(--story-ink);background:radial-gradient(circle at 13% 14%,#ffe14a2e 0 1px,transparent 1.5px) 0 0 / 17px 17px,linear-gradient(122deg,#d8ecf6,#d2edf0 56%,#c8e6dd);font-family:Trebuchet MS,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.story-mode [data-pad-focus],.play-screen-help [data-pad-focus]{outline:3px solid #e6ad4e;outline-offset:3px}.story-paused-card,.story-input-error{max-height:calc(100dvh - 32px);overflow-y:auto}.story-pause-settings{padding-top:8px;border-top:1px solid #71807766}.story-pause-settings summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}.story-pause-settings p{color:inherit;font-size:12px;line-height:1.4;margin:5px 0}.story-pause-settings[open]{display:grid;gap:8px}.story-pause-settings button{min-height:44px;padding:10px}.story-pause-settings .control-picker{margin-top:0}.story-pause-settings .control-picker button{color:inherit;border-color:#718077}.story-pause-settings .control-picker button[aria-pressed=true]{color:#173c36}.story-pause-settings label{display:grid;gap:6px;font-size:12px}.story-pause-settings label span{display:flex;justify-content:space-between;gap:12px}.story-pause-settings input{width:100%;min-height:32px}.story-mode *,.story-mode *:before,.story-mode *:after{box-sizing:border-box}.story-mode button{font:inherit}.story-mode button:focus-visible,.story-mode [role=button]:focus-visible{outline:3px solid var(--story-coral);outline-offset:4px}.story-mode button:disabled{cursor:not-allowed}.story-mode p{margin:0;color:var(--story-muted);font-size:13px;line-height:1.5}.story-mode h1,.story-mode h2,.story-mode h3,.story-mode b,.story-mode strong{font-family:Arial Black,Trebuchet MS,sans-serif}.story-mode__grain{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#171b4840 .6px,transparent .8px);background-size:6px 6px;mix-blend-mode:multiply}.story-topbar{position:sticky;z-index:4;top:0;display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(260px,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:max(12px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));color:var(--story-paper);background:var(--story-ink);border-bottom:4px solid var(--story-coral);box-shadow:0 4px #171b4835}.story-wordmark{display:inline-grid;grid-template-columns:24px auto;grid-template-rows:auto auto;align-items:center;justify-content:start;gap:0 8px;width:max-content;padding:0;border:0;color:var(--story-paper);background:transparent;text-align:left;cursor:pointer}.story-wordmark:hover{color:var(--story-yellow)}.story-wordmark b{grid-column:2;font-size:16px;letter-spacing:-.3px;line-height:1}.story-wordmark small{grid-column:2;margin:4px 0 0;color:#c9c8e1;font:800 8px/1 Consolas,monospace;letter-spacing:1px;text-align:left}.story-ball{grid-row:1 / span 2;display:block;width:24px;height:24px;border:2px solid var(--story-ink);border-radius:50%;background:radial-gradient(circle at 33% 32%,var(--story-ink) 0 2px,transparent 2.5px),radial-gradient(circle at 68% 39%,var(--story-ink) 0 2px,transparent 2.5px),radial-gradient(circle at 46% 70%,var(--story-ink) 0 2px,transparent 2.5px),var(--story-yellow);transform:rotate(-18deg)}.story-topbar__title{display:grid;gap:4px;justify-items:center;text-align:center}.story-topbar__title span{color:var(--story-mint);font:800 9px/1 Consolas,monospace;letter-spacing:2px}.story-topbar__title b{color:var(--story-paper);font-size:15px;letter-spacing:.1px}.story-topbar__resources{display:flex;justify-content:flex-end;align-items:center;gap:13px;min-width:0}.story-topbar__resources>span:not(.save-status){display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;min-width:76px}.story-topbar__resources>span:not(.save-status) .resource-icon{grid-row:1 / span 2}.story-topbar__resources>span:not(.save-status) b{color:var(--story-yellow);font:900 15px/1 Consolas,monospace;font-variant-numeric:tabular-nums}.story-topbar__resources>span:not(.save-status) small{margin:3px 0 0;color:#aaaac8;font:800 8px/1 Consolas,monospace;text-align:left;letter-spacing:.8px}.resource-icon{display:inline-grid;width:20px;height:20px;place-items:center;border:2px solid currentColor;border-radius:50%;font:900 12px/1 Consolas,monospace}.resource-icon--coin{color:var(--story-yellow)}.resource-icon--skill{color:var(--story-mint);border-radius:4px;transform:rotate(45deg)}.resource-icon--skill:first-letter{transform:rotate(-45deg)}.save-status{display:flex;align-items:center;gap:7px;min-height:27px;padding-left:12px;border-left:1px solid #fff7dd30;color:#a9bad2;font:800 8px/1 Consolas,monospace;letter-spacing:.7px;white-space:nowrap}.save-status:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--story-mint);box-shadow:0 0 0 3px #6df5c326}.save-status.is-saving:before{background:var(--story-yellow);box-shadow:0 0 0 3px #ffe14a26}.save-status.is-error{color:#ffafb9}.save-status.is-error:before{background:var(--story-coral);box-shadow:0 0 0 3px #ff4f6826}.save-status button{width:auto;padding:4px 7px;border:1px solid #ffafbb80;color:var(--story-paper);background:transparent;font:900 8px/1 Consolas,monospace;cursor:pointer}.story-close{display:flex;align-items:center;gap:8px;width:auto;min-width:54px;padding:8px 0 8px 12px;border:0;color:#bebed4;background:transparent;font:800 9px/1 Consolas,monospace;letter-spacing:.5px;cursor:pointer}.story-close span{color:var(--story-paper);font:400 27px/16px system-ui,sans-serif}.story-close:hover{color:var(--story-yellow)}.story-shell{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);width:min(1440px,100%);min-height:calc(100dvh - 72px);margin:0 auto;padding:30px clamp(20px,4vw,62px) 60px;gap:clamp(24px,4vw,64px)}.story-rail{display:flex;flex-direction:column;min-width:0;padding:21px 20px 18px;border:3px solid var(--story-ink);border-top:9px solid var(--story-blue);background:var(--story-paper);box-shadow:7px 7px 0 var(--story-ink),12px 12px #ff4f685c;align-self:start}.story-rail__eyebrow,.story-kicker{color:var(--story-blue)!important;font:900 9px/1.3 Consolas,monospace!important;letter-spacing:1.5px}.story-rail h1{margin:13px 0 5px;color:var(--story-ink);font-size:33px;line-height:.95;letter-spacing:-1.4px}.story-rail__copy{max-width:22ch;margin-bottom:23px!important;font-size:11px!important;line-height:1.45!important}.story-tabs{display:grid;gap:4px;margin:2px -8px 24px}.story-tabs button{display:grid;grid-template-columns:26px 1fr 14px;align-items:center;gap:5px;width:100%;min-height:43px;padding:8px 10px;border:2px solid transparent;color:var(--story-muted);background:transparent;font-size:12px;font-weight:800;text-align:left;cursor:pointer}.story-tabs button i{color:var(--story-blue);font-size:17px;font-style:normal;text-align:center}.story-tabs button b{color:#85849d;font:900 20px/1 system-ui,sans-serif;opacity:0}.story-tabs button:hover{color:var(--story-blue);background:#254cf112}.story-tabs button.is-selected{border-color:var(--story-ink);color:var(--story-paper);background:var(--story-blue);box-shadow:3px 3px 0 var(--story-ink)}.story-tabs button.is-selected i,.story-tabs button.is-selected b{color:var(--story-yellow)}.story-tabs button.is-selected b{opacity:1}.story-rail__player{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:17px;border-top:2px dashed var(--story-line)}.avatar-mark{display:grid;width:31px;height:31px;place-items:center;border:2px solid var(--story-ink);border-radius:50%;color:var(--story-paper);background:var(--story-coral);font:900 14px/1 Arial Black,sans-serif}.story-rail__player b{display:block;font:900 10px/1 Consolas,monospace;letter-spacing:.5px}.story-rail__player small{display:block;margin-top:4px;color:var(--story-muted);font:800 8px/1 Consolas,monospace;text-align:left}.story-secondary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;margin-top:17px;padding:9px 11px;border:2px solid var(--story-ink);color:var(--story-ink);background:transparent;box-shadow:3px 3px 0 var(--story-ink);font-size:11px;font-weight:900;cursor:pointer}.story-secondary-button:hover{color:var(--story-blue);background:var(--story-yellow)}.story-secondary-button span{font-size:16px}.story-content{min-width:0;padding-top:3px}.story-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}.story-heading h2{max-width:15ch;margin:9px 0 7px;color:var(--story-ink);font-size:clamp(31px,4vw,54px);line-height:.94;letter-spacing:-2px}.story-heading p:not(.story-kicker){max-width:53ch;font-size:13px}.story-progress{display:grid;gap:7px;flex:0 0 116px}.story-progress>span{display:flex;align-items:baseline;gap:4px;font:900 10px/1 Consolas,monospace}.story-progress>span b{font:900 32px/1 Arial Black,sans-serif}.story-progress>i{display:block;height:8px;overflow:hidden;border:2px solid var(--story-ink);background:#fff7dd75}.story-progress>i em{display:block;height:100%;background:var(--story-blue)}.story-progress small{margin:0;color:var(--story-muted);font:800 8px/1 Consolas,monospace;text-align:left}.hub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,35%);min-height:205px;overflow:hidden;margin-bottom:30px;border:3px solid var(--story-ink);background:#fff7dd;box-shadow:6px 6px 0 var(--story-ink)}.hub-hero__sun{position:absolute;top:-90px;left:48%;width:300px;height:300px;border-radius:50%;background:var(--story-yellow);opacity:.65}.hub-hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:29px clamp(19px,3.5vw,44px)}.stamp{display:inline-block;padding:4px 8px;color:var(--story-paper);background:var(--story-coral);font:900 9px/1 Consolas,monospace;letter-spacing:1.5px;transform:rotate(-2deg)}.hub-hero h3{margin:11px 0 6px;color:var(--story-blue);font-size:clamp(25px,4vw,43px);line-height:.95;letter-spacing:-1.5px}.hub-hero p{font-weight:800}.hub-hero p span{color:var(--story-coral)}.story-primary-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:auto;min-height:45px;margin-top:19px;padding:10px 14px;border:2px solid var(--story-ink);color:var(--story-paper);background:var(--story-blue);box-shadow:4px 4px 0 var(--story-ink);font-size:12px;font-weight:900;cursor:pointer}.story-primary-button span{color:var(--story-yellow);font-size:18px;line-height:.8}.story-primary-button:hover{background:#1738cf;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--story-ink)}.story-primary-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--story-ink)}.hub-hero__court{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(140deg,#254cf1 0,#254cf1 18%,#4866ef 18%,#4866ef 20%,#ff4f68 20%,#ff4f68 23%,#d3eaf2 23%)}.hub-hero__court:before,.hub-hero__court:after{content:"";position:absolute;width:170%;height:90px;border:4px solid #fff7ddcc;transform:rotate(-17deg)}.hub-hero__court:before{right:-35%;top:15%}.hub-hero__court:after{right:-52%;bottom:3%}.court-line{position:absolute;display:block;z-index:1;width:170%;border-top:2px dashed #161a4566;transform:rotate(-17deg)}.court-line--one{top:49%;right:-31%}.court-line--two{top:59%;right:-42%}.court-net{position:absolute;z-index:2;top:18%;right:22%;width:3px;height:71%;background:#fff7dd;transform:rotate(-17deg);box-shadow:4px 0 #161a453d}.mini-paddle{position:absolute;z-index:3;right:23%;bottom:22%;width:23px;height:54px;border:3px solid var(--story-ink);border-radius:13px 13px 8px 8px;background:var(--story-yellow);transform:rotate(29deg)}.mini-paddle:after{content:"";position:absolute;left:8px;bottom:-25px;width:5px;height:27px;border:2px solid var(--story-ink);background:var(--story-coral)}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 12px}.map-heading h3{margin:6px 0 0;font:900 22px/1 Arial Black,sans-serif}.map-hint{color:var(--story-muted);font:800 9px/1 Consolas,monospace;letter-spacing:.6px}.gym-map{position:relative;display:grid;gap:0}.gym-map__node{position:relative}.gym-connector{position:absolute;z-index:0;left:22px;top:-1px;bottom:-1px;width:3px;background:repeating-linear-gradient(to bottom,var(--story-blue) 0 8px,transparent 8px 15px)}.gym-connector.is-first{top:31px}.gym-connector.is-complete{background:var(--story-coral)}.gym-card{position:relative;z-index:1;display:grid;grid-template-columns:47px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 13px;width:calc(100% - 2px);min-height:84px;margin-bottom:10px;padding:12px 14px 12px 9px;border:3px solid var(--story-ink);color:var(--story-ink);background:var(--story-paper);box-shadow:4px 4px 0 var(--story-ink);text-align:left;cursor:pointer}.gym-card:hover:not(.is-locked){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--story-ink)}.gym-card.is-locked{color:#7e7c96;border-color:#65647c;background:#edead8;box-shadow:3px 3px #65647c;cursor:pointer}.gym-card__number{display:grid;grid-row:1 / span 2;width:42px;height:42px;place-items:center;border:3px solid var(--story-ink);color:var(--story-paper);background:var(--story-blue);font:900 16px/1 Consolas,monospace}.gym-card--slice .gym-card__number{background:var(--story-coral)}.gym-card--frost .gym-card__number{color:var(--story-ink);background:#86e4ff}.gym-card--summit .gym-card__number{color:var(--story-ink);background:var(--story-yellow)}.gym-card.is-complete .gym-card__number{background:var(--story-mint);color:var(--story-ink)}.gym-card__body{display:grid;gap:3px;min-width:0}.gym-card__body small{margin:0;color:var(--story-blue);font:900 8px/1 Consolas,monospace;letter-spacing:1px;text-align:left}.gym-card__body b{overflow:hidden;font-size:17px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.gym-card__body em{overflow:hidden;color:var(--story-muted);font:700 10px/1.25 Trebuchet MS,sans-serif;text-overflow:ellipsis;white-space:nowrap}.gym-card__badge{display:flex;align-items:center;gap:8px;color:var(--story-blue);font:900 8px/1 Consolas,monospace;letter-spacing:.5px;white-space:nowrap}.gym-card__badge i{color:var(--story-coral);font:900 18px/1 system-ui,sans-serif;font-style:normal}.gym-card.is-locked .gym-card__badge,.gym-card.is-locked .gym-card__badge i{color:#72718a}.gym-lock-reason{grid-column:2 / span 2;margin-top:5px;color:#9a5260;font:800 8px/1.2 Consolas,monospace;letter-spacing:.1px}.story-footnote{margin-top:15px!important;font-size:10px!important}.story-footnote span{display:inline-block;margin-right:8px;padding:3px 5px;color:var(--story-ink);background:var(--story-yellow);font:900 8px/1 Consolas,monospace}.shop-wallet,.skill-wallet{display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;align-items:center;gap:2px 6px;flex:0 0 auto;padding:9px 12px;border:2px solid var(--story-ink);background:var(--story-paper);box-shadow:3px 3px 0 var(--story-ink)}.shop-wallet .resource-icon,.skill-wallet .resource-icon{grid-row:1 / span 2}.shop-wallet b,.skill-wallet b{font:900 24px/1 Consolas,monospace}.shop-wallet small,.skill-wallet small{margin:0;color:var(--story-muted);font:900 8px/1 Consolas,monospace;text-align:left}.shop-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px dashed var(--story-line)}.shop-filters button{width:auto;min-height:33px;padding:7px 11px;border:2px solid var(--story-ink);color:var(--story-ink);background:transparent;font-size:10px;font-weight:900;cursor:pointer}.shop-filters button.is-selected,.shop-filters button:hover{color:var(--story-paper);background:var(--story-blue)}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.item-card{position:relative;display:grid;grid-template-columns:73px minmax(0,1fr);grid-template-rows:1fr auto;min-height:183px;overflow:hidden;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:4px 4px 0 var(--story-ink)}.item-card.is-equipped{border-color:var(--item-accent);box-shadow:4px 4px 0 var(--item-accent)}.item-card__art{position:relative;display:grid;grid-row:1 / span 2;place-items:center;overflow:hidden;color:var(--item-accent);background:var(--story-ink)}.item-card__art:before{content:"";position:absolute;width:100px;height:100px;border:2px dashed currentColor;border-radius:50%;transform:rotate(27deg);opacity:.6}.item-card__art span{position:relative;z-index:1;font:900 43px/1 Arial Black,sans-serif;transform:rotate(-19deg)}.item-card__art i{position:absolute;right:-14px;bottom:15px;width:47px;height:3px;background:var(--story-paper);transform:rotate(-28deg)}.item-card__copy{min-width:0;padding:14px 13px 8px}.item-card__copy small{display:block;margin:0 0 6px;color:var(--item-accent);font:900 8px/1 Consolas,monospace;letter-spacing:.8px}.item-card__copy h3{margin:0 0 5px;overflow:hidden;color:var(--story-ink);font-size:16px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.item-card__copy p{display:-webkit-box;overflow:hidden;margin-bottom:8px;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-stat{color:var(--story-ink);font:900 16px/1 Consolas,monospace}.item-stat span{color:var(--story-muted);font:800 8px/1 Consolas,monospace;letter-spacing:.5px}.item-card__action{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:auto;min-height:34px;margin:0 10px 10px;padding:7px 9px;border:2px solid var(--story-ink);color:var(--story-paper);background:var(--story-blue);font:900 9px/1 Consolas,monospace;cursor:pointer}.item-card__action:hover{background:#1738cf}.item-card__action.is-owned{color:var(--story-ink);background:var(--story-mint)}.item-card__action.is-locked{color:#77758b;background:#dedccf}.item-card__action b{font:900 9px/1 Consolas,monospace}.item-card__reason{grid-column:2;margin:-6px 10px 8px;color:#a05261;font:800 8px/1.2 Consolas,monospace;text-align:left}.skill-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skill-branch{min-width:0;padding:14px 12px 11px;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:4px 4px 0 var(--story-ink)}.skill-branch--movement{border-top-color:var(--story-blue)}.skill-branch--power{border-top-color:var(--story-coral)}.skill-branch--control{border-top-color:#3c9d9b}.skill-branch__title{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:2px dashed var(--story-line)}.skill-branch__title>span{display:grid;width:27px;height:27px;place-items:center;border:2px solid currentColor;color:var(--story-blue);font:900 16px/1 system-ui,sans-serif}.skill-branch--power .skill-branch__title>span{color:var(--story-coral)}.skill-branch--control .skill-branch__title>span{color:#3c9d9b}.skill-branch__title b{display:block;font:900 10px/1 Consolas,monospace}.skill-branch__title small{display:block;margin-top:4px;color:var(--story-muted);font:700 9px/1.1 Trebuchet MS,sans-serif}.skill-nodes{display:grid;gap:7px;padding-top:12px}.skill-node{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:55px;padding:6px;border:2px solid var(--story-line);color:var(--story-ink);background:transparent;text-align:left;cursor:pointer}.skill-node:hover:not(.is-locked){border-color:var(--story-blue);background:#254cf10a}.skill-node__orb{display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--story-blue);border-radius:50%;color:var(--story-blue);font:900 11px/1 Consolas,monospace}.skill-node>span:nth-child(2){min-width:0}.skill-node>span:nth-child(2) b{display:block;overflow:hidden;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.skill-node>span:nth-child(2) small{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:var(--story-muted);font-size:8px;line-height:1.25;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-node em{color:var(--story-blue);font:900 8px/1 Consolas,monospace;font-style:normal;white-space:nowrap}.skill-node.is-locked{color:#838197;border-color:#8d8a9e;background:#ebe8db;cursor:pointer}.skill-node.is-locked .skill-node__orb{border-color:#88869a;color:#88869a}.skill-node.is-locked em{color:#858397}.skill-node.is-full{border-color:var(--story-mint)}.skill-node.is-full .skill-node__orb{border-color:var(--story-ink);color:var(--story-ink);background:var(--story-mint)}.skill-node.is-full em{color:#318d6d}.loadout-ready{display:grid;gap:5px;padding:10px 12px;border:2px solid var(--story-ink);color:var(--story-blue);background:var(--story-paper);box-shadow:3px 3px 0 var(--story-ink);font:900 10px/1 Consolas,monospace}.loadout-ready small{margin:0;color:var(--story-muted);font:800 8px/1 Consolas,monospace}.loadout-stage{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);min-height:330px;overflow:hidden;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:6px 6px 0 var(--story-ink)}.loadout-paddle{position:relative;display:grid;place-items:center;overflow:hidden;color:var(--item-accent);background:var(--story-ink)}.loadout-paddle:before{content:"";position:absolute;width:210px;height:210px;border:3px solid currentColor;border-radius:50%;opacity:.4}.loadout-paddle span{position:relative;z-index:1;font:900 93px/1 Arial Black,sans-serif;transform:rotate(-18deg)}.loadout-paddle small{position:absolute;bottom:20px;z-index:1;margin:0;color:var(--story-paper);font:900 9px/1 Consolas,monospace;letter-spacing:1px}.loadout-specs{display:grid;align-content:center;gap:0;padding:21px clamp(17px,4vw,45px)}.loadout-specs>div{display:grid;gap:5px;padding:15px 0;border-bottom:2px dashed var(--story-line)}.loadout-specs>div:last-child{border-bottom:0}.loadout-specs small{margin:0;color:var(--story-blue);font:900 8px/1 Consolas,monospace;letter-spacing:1px}.loadout-specs b{font-size:18px;line-height:1.05}.loadout-specs span{color:var(--story-muted);font-size:11px}.story-gym{position:relative;display:block;padding-top:27px}.story-back{width:auto;padding:7px 0;border:0;color:var(--story-blue);background:transparent;font:900 10px/1 Consolas,monospace;cursor:pointer}.gym-brief{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:stretch;gap:27px;margin-top:25px}.gym-brief__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.gym-brief__copy h2{max-width:11ch;margin:10px 0 6px;font-size:clamp(42px,7vw,85px);line-height:.86;letter-spacing:-3px}.gym-gym__copy>p:not(.story-kicker){max-width:52ch}.gym-tagline{margin-bottom:11px!important;color:var(--story-coral)!important;font:900 17px/1.2 Trebuchet MS,sans-serif!important}.boss-strip{display:flex;align-items:center;gap:10px;width:min(540px,100%);margin-top:26px;padding:11px;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:4px 4px 0 var(--story-ink)}.boss-avatar,.dialogue-modal__mark{display:grid;flex:0 0 41px;width:41px;height:41px;place-items:center;border:3px solid var(--story-ink);border-radius:50%;color:var(--story-paper);background:var(--story-coral);font:900 20px/1 Arial Black,sans-serif}.boss-strip>div{display:grid;gap:3px;min-width:0}.boss-strip small{margin:0;color:var(--story-blue);font:900 8px/1 Consolas,monospace;letter-spacing:.8px;text-align:left}.boss-strip b{font-size:14px;line-height:1}.boss-strip em{color:var(--story-muted);font:700 9px/1.2 Trebuchet MS,sans-serif}.boss-signature{max-width:13ch;margin-left:auto;color:var(--story-coral);font:900 9px/1.15 Consolas,monospace;letter-spacing:.6px;text-align:right}.gym-brief__poster{position:relative;min-height:330px;overflow:hidden;border:3px solid var(--story-ink);background:var(--story-blue);box-shadow:7px 7px 0 var(--story-ink)}.story-gym--slice .gym-brief__poster{background:var(--story-coral)}.story-gym--frost .gym-brief__poster{background:#3da3ca}.story-gym--summit .gym-brief__poster{background:#5947c8}.poster-sun{position:absolute;top:20px;right:22px;width:116px;height:116px;border:3px solid var(--story-ink);border-radius:50%;background:var(--story-yellow)}.poster-court{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:rotate(-17deg) scale(1.15)}.poster-court:before,.poster-court:after{content:"";position:absolute;width:140%;height:100px;border:5px solid var(--story-paper)}.poster-court:before{top:27%;left:-20%}.poster-court:after{bottom:8%;left:-47%}.poster-court i{position:absolute;display:block;z-index:1;width:180%;border-top:3px dashed #161a4570;left:-30%}.poster-court i:nth-child(1){top:48%}.poster-court i:nth-child(2){top:58%}.poster-court i:nth-child(3){top:73%}.poster-court span{position:absolute;z-index:2;top:15%;right:31%;width:5px;height:74%;background:var(--story-paper);box-shadow:4px 0 #161a4533}.gym-brief__poster>strong{position:absolute;right:22px;bottom:35px;color:var(--story-yellow);font:900 74px/.8 Arial Black,sans-serif;text-shadow:4px 4px 0 var(--story-ink)}.gym-brief__poster>small{position:absolute;right:20px;bottom:19px;margin:0;color:var(--story-paper);font:900 9px/1 Consolas,monospace;letter-spacing:1.4px}.gym-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:16px;margin-top:28px}.trainer-card,.match-setup{padding:18px;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:4px 4px 0 var(--story-ink)}.trainer-card__person{display:flex;align-items:center;gap:10px;margin:15px 0 13px}.trainer-card__person>span{display:grid;width:41px;height:41px;place-items:center;border:3px solid var(--story-ink);border-radius:50%;color:var(--story-paper);background:var(--story-blue);font:900 20px/1 Arial Black,sans-serif}.trainer-card__person b,.trainer-card__person small{display:block;text-align:left}.trainer-card__person b{font-size:16px}.trainer-card__person small{margin:4px 0 0;color:var(--story-muted);font-size:10px}.trainer-card>p:not(.story-kicker){font-size:11px}.trainer-card ul{display:grid;gap:7px;margin:17px 0 0;padding:0;list-style:none;color:var(--story-muted);font:800 10px/1.2 Consolas,monospace}.trainer-card li:before{content:"✓";margin-right:7px;color:var(--story-coral);font-weight:900}.opponent-list{display:grid;gap:6px;margin-top:14px}.opponent-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:49px;padding:7px;border:2px solid var(--story-line);color:var(--story-ink);background:transparent;text-align:left;cursor:pointer}.opponent-row:hover{border-color:var(--story-blue);background:#254cf10b}.opponent-row.is-selected{color:var(--story-paper);border-color:var(--story-ink);background:var(--story-blue);box-shadow:3px 3px 0 var(--story-ink)}.opponent-row>span{display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--story-blue);border-radius:50%;color:var(--story-blue);font:900 9px/1 Consolas,monospace}.opponent-row.is-selected>span{border-color:var(--story-yellow);color:var(--story-ink);background:var(--story-yellow)}.opponent-row>div{min-width:0}.opponent-row b{display:block;overflow:hidden;font-size:11px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.opponent-row small{display:block;overflow:hidden;margin:3px 0 0;color:var(--story-muted);font-size:8px;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}.opponent-row.is-selected small{color:#d8dcff}.opponent-row em{color:var(--story-blue);font:900 7px/1 Consolas,monospace;font-style:normal;white-space:nowrap}.opponent-row.is-selected em{color:var(--story-yellow)}.opponent-row.is-complete>span{border-color:#2f8c6a;color:var(--story-ink);background:var(--story-mint)}.opponent-row--boss{border-color:#ff4f6860}.opponent-row--boss>span{border-color:var(--story-coral);color:var(--story-coral)}.opponent-intro{margin-top:12px!important;font-size:10px!important}.setup-lock{margin:12px 0 0!important;padding:8px 9px;border-left:3px solid var(--story-coral);color:#a05261!important;background:#ff4f6810;font:800 9px/1.3 Consolas,monospace!important}.match-setup .story-kicker{margin-bottom:15px}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mode-toggle button{display:grid;gap:5px;width:auto;min-height:63px;padding:10px;border:2px solid var(--story-ink);color:var(--story-ink);background:transparent;text-align:left;cursor:pointer}.mode-toggle button:hover{background:#254cf10b}.mode-toggle button.is-selected{color:var(--story-paper);background:var(--story-blue);box-shadow:3px 3px 0 var(--story-ink)}.mode-toggle button b{font:900 10px/1 Consolas,monospace}.mode-toggle button span{color:var(--story-muted);font-size:9px}.mode-toggle button.is-selected span{color:#d8dcff}.coop-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.coop-controls>span{display:grid;gap:3px;padding:8px;border:1px dashed var(--story-line)}.coop-controls b{color:var(--story-blue);font:900 9px/1 Consolas,monospace}.coop-controls small{margin:0;color:var(--story-ink);font:800 9px/1.25 Consolas,monospace;text-align:left}.coop-controls p{grid-column:1 / span 2;font-size:9px}.story-primary-button--wide{width:100%;margin-top:15px}.setup-note{display:block;margin-top:11px;color:var(--story-muted);font:800 9px/1.2 Consolas,monospace;text-align:left}.setup-note b{color:var(--story-blue)}.dialogue-modal{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:57px minmax(0,440px);align-content:center;justify-content:center;gap:16px;padding:24px;background:#161a45a8}.dialogue-modal>div:last-child{padding:22px 23px 21px;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:8px 8px 0 var(--story-ink)}.dialogue-modal__mark{width:57px;height:57px;align-self:start;border-width:4px;color:var(--story-ink);background:var(--story-yellow);font-size:26px}.dialogue-modal blockquote{margin:12px 0 10px;color:var(--story-ink);font:900 21px/1.08 Trebuchet MS,sans-serif}.dialogue-modal p:not(.story-kicker){font-size:11px}.story-match{position:relative;display:flex;flex-direction:column;min-height:calc(100dvh - 72px);overflow:hidden;padding:clamp(18px,4vw,45px) clamp(20px,5vw,80px) 22px;color:var(--story-paper);background:linear-gradient(134deg,var(--story-ink) 0 41%,var(--story-blue) 41% 58%,#3c73c4 58%)}.story-match:before,.story-match:after{content:"";position:absolute;pointer-events:none;border:3px solid #fff7dd66;transform:rotate(-14deg)}.story-match:before{width:70vw;height:33vw;top:-18vw;right:-14vw}.story-match:after{width:60vw;height:27vw;bottom:-15vw;left:-13vw}.story-match--slice{background:linear-gradient(134deg,#3e2443 0 41%,var(--story-coral) 41% 58%,#df8769 58%)}.story-match--frost{background:linear-gradient(134deg,#153a58 0,#153a58 41%,#3da3ca 41%,#3da3ca 58%,#91d8e3 58%)}.story-match--summit{background:linear-gradient(134deg,#242052 0,#242052 41%,#5947c8 41%,#5947c8 58%,#a578da 58%)}.match-story-header{position:relative;z-index:1;display:grid;grid-template-columns:57px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;max-width:1050px;margin:0 auto}.story-match-menu{display:grid;gap:4px;width:52px;min-height:52px;place-content:center;border:2px solid var(--story-paper);color:var(--story-paper);background:transparent;cursor:pointer}.story-match-menu span{font:900 19px/1 system-ui,sans-serif}.story-match-menu small{margin:0;color:var(--story-paper);font:800 8px/1 Consolas,monospace}.match-story-header .story-kicker{color:var(--story-yellow)!important}.match-story-header>div>b{display:block;margin-top:5px;font-size:22px;line-height:1}.match-story-header>div>small{display:block;margin-top:4px;color:#dbe4ff;font:700 10px/1.2 Trebuchet MS,sans-serif;text-align:left}.match-racket{padding:7px 9px;border:1px solid #fff7dd88;color:var(--story-yellow);font:800 9px/1 Consolas,monospace}.match-objective{position:relative;z-index:1;display:grid;gap:6px;width:min(480px,100%);margin:clamp(65px,13vh,135px) auto 28px;text-align:center}.match-objective span{color:var(--story-mint);font:900 9px/1 Consolas,monospace;letter-spacing:2px}.match-objective b{color:var(--story-paper);font:900 clamp(23px,4vw,40px)/.98 "Arial Black",sans-serif;text-shadow:3px 3px 0 var(--story-ink)}.match-objective small{margin:0;color:#dbe4ff;font:700 10px/1.3 Trebuchet MS,sans-serif}.match-scoreboard{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;width:min(740px,100%);min-height:112px;margin:0 auto;border:3px solid var(--story-paper);background:#161a459c;box-shadow:6px 6px #161a4578}.match-player{display:flex;align-items:center;gap:11px;min-width:0;padding:16px 18px}.match-player--boss{justify-content:flex-end;text-align:right}.player-dot{display:grid;flex:0 0 33px;width:33px;height:33px;place-items:center;border:2px solid var(--story-ink);border-radius:50%;color:var(--story-ink);background:var(--story-yellow);font:900 9px/1 Consolas,monospace}.match-player--boss .player-dot{color:var(--story-paper);background:var(--story-coral)}.match-player small{display:block;color:#aebde0;font:900 8px/1 Consolas,monospace;letter-spacing:.8px}.match-player b{display:block;margin-top:7px;color:var(--story-paper);font:900 42px/.8 Consolas,monospace;font-variant-numeric:tabular-nums}.match-scoreboard__center{display:grid;gap:5px;min-height:100%;place-content:center;border-right:2px solid #fff7dd55;border-left:2px solid #fff7dd55;text-align:center}.match-scoreboard__center span{color:var(--story-mint);font:900 8px/1 Consolas,monospace;letter-spacing:1px}.match-scoreboard__center b{color:var(--story-yellow);font:900 27px/1 Consolas,monospace}.match-scoreboard__center i{color:#c6d3ed;font:800 7px/1 Consolas,monospace;font-style:normal}.match-feedback{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:min(620px,100%);margin:24px auto 0;padding:9px 15px;border-left:4px solid var(--story-yellow);color:var(--story-paper);background:#161a4570;font-size:12px;font-weight:800;text-align:center}.feedback-pulse{display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--story-yellow);box-shadow:0 0 0 5px #ffe14a2e}.match-controls{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;margin:auto auto 16px;color:#d5def6;font:800 9px/1 Consolas,monospace}.match-controls span{display:inline-flex;align-items:center;gap:5px}.match-controls kbd{padding:5px 6px;border:1px solid #fff7dd9c;color:var(--story-paper);background:#161a4578;font:800 9px/1 Consolas,monospace}.match-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;color:#c8d2eb;font:800 8px/1 Consolas,monospace;letter-spacing:.8px}.match-cue{color:var(--story-yellow)}.story-result,.story-ending{position:relative;display:grid;place-items:center;align-content:center;min-height:calc(100dvh - 72px);padding:44px 20px 60px;overflow:hidden;background:var(--story-paper);text-align:center}.story-result:before,.story-ending:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(127deg,transparent 0 84px,#254cf110 84px 90px,transparent 90px 150px)}.story-result--loss{background:#f5e8df}.result-burst{position:relative;display:grid;width:67px;height:67px;place-items:center;border:4px solid var(--story-ink);color:var(--story-ink);background:var(--story-mint);box-shadow:5px 5px 0 var(--story-ink);transform:rotate(-8deg)}.story-result--loss .result-burst{color:var(--story-paper);background:var(--story-coral)}.result-burst span{font:900 39px/1 Arial Black,sans-serif}.story-result>.story-kicker,.story-ending>.story-kicker{position:relative;margin-top:26px}.story-result h2,.story-ending h2{position:relative;max-width:13ch;margin:10px 0 9px;font-size:clamp(34px,6vw,70px);line-height:.9;letter-spacing:-2px}.story-result--win h2{color:var(--story-blue)}.story-result--loss h2{color:#a44a5b}.result-score{position:relative;color:var(--story-ink)!important;font:900 54px/.9 Consolas,monospace!important}.result-score span{margin:0 5px;color:var(--story-coral)}.result-copy{position:relative;max-width:47ch;margin-top:14px!important}.result-rewards{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:23px 0 7px}.result-rewards>span{display:grid;grid-template-columns:23px auto;grid-template-rows:auto auto;align-items:center;gap:2px 5px;min-width:117px;padding:9px;border:2px solid var(--story-ink);background:#fffdf0;text-align:left}.result-rewards i{grid-row:1 / span 2;display:grid;width:20px;height:20px;place-items:center;color:var(--story-blue);font-style:normal}.result-rewards b{font:900 13px/1 Consolas,monospace}.result-rewards small{margin:0;color:var(--story-muted);font:800 8px/1 Consolas,monospace;text-align:left}.result-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:11px;width:min(410px,100%);margin-top:24px}.result-actions .story-primary-button,.result-actions .story-secondary-button{width:auto;min-width:178px;margin:0}.result-note{position:relative;margin-top:18px!important;font:800 9px/1.3 Consolas,monospace!important}.ending-ribbon{position:relative;padding:5px 10px;color:var(--story-paper);background:var(--story-coral);font:900 9px/1 Consolas,monospace;letter-spacing:1px;transform:rotate(-2deg)}.ending-ball{position:relative;display:grid;width:120px;height:120px;place-items:center;margin:24px 0 7px;border:4px solid var(--story-ink);border-radius:50%;background:var(--story-yellow);box-shadow:9px 9px 0 var(--story-ink)}.ending-ball:before,.ending-ball:after{content:"";position:absolute;width:80px;height:32px;border:3px solid var(--story-ink);border-left-color:transparent;border-radius:50%;transform:rotate(-28deg)}.ending-ball:after{transform:rotate(152deg)}.ending-ball span{width:12px;height:12px;border:2px solid var(--story-ink);border-radius:50%;background:var(--story-coral)}.ending-stats{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:21px 0 5px}.ending-stats span{display:grid;gap:5px;min-width:110px;padding:10px;border:2px solid var(--story-ink);background:#fffdf0}.ending-stats b{font:900 20px/1 Consolas,monospace}.ending-stats small{margin:0;color:var(--story-muted);font:800 8px/1 Consolas,monospace}.story-toast{position:fixed;z-index:12;right:max(20px,env(safe-area-inset-right));bottom:max(23px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;max-width:min(380px,calc(100vw - 40px));padding:11px 13px;border:3px solid var(--story-ink);color:var(--story-paper);background:var(--story-ink);box-shadow:4px 4px 0 var(--story-coral);font:800 11px/1.3 Trebuchet MS,sans-serif}.story-toast span{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center;border-radius:50%;color:var(--story-ink);background:var(--story-yellow);font:900 12px/1 Consolas,monospace}@media(max-width:1050px){.story-topbar{grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr) auto;gap:9px}.story-topbar__resources{gap:7px}.save-status{padding-left:7px}.story-shell{grid-template-columns:205px minmax(0,1fr);gap:25px;padding-left:24px;padding-right:24px}.story-rail{padding-left:14px;padding-right:14px}.skill-branches{grid-template-columns:1fr}.skill-branch{padding-bottom:9px}.skill-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.story-topbar{grid-template-columns:1fr auto auto;min-height:64px;padding-left:14px;padding-right:14px}.story-topbar__title{display:none}.story-topbar__resources{justify-content:flex-end}.story-topbar__resources>span:not(.save-status){min-width:50px}.story-topbar__resources>span:not(.save-status) small{display:none}.story-close{padding-left:7px}.story-shell{display:block;min-height:auto;padding:17px 14px 45px}.story-rail{margin-bottom:24px}.story-rail__copy{max-width:50ch}.story-rail h1{font-size:30px}.story-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:14px -4px 12px}.story-tabs button{grid-template-columns:1fr;justify-items:center;gap:4px;min-height:59px;padding:7px 3px;text-align:center}.story-tabs button b{display:none}.story-tabs button span{font-size:9px}.story-rail__player{display:none}.story-rail .story-secondary-button{width:auto;max-width:210px;margin-top:4px}.story-heading{align-items:flex-start}.story-heading h2{font-size:clamp(30px,7vw,48px)}.hub-hero{grid-template-columns:minmax(0,1fr) 31%}.hub-hero__court{min-height:220px}.gym-card{grid-template-columns:43px minmax(0,1fr)}.gym-card__badge{grid-column:2;justify-content:flex-start;margin-top:5px}.gym-lock-reason{grid-column:2}.gym-brief{grid-template-columns:minmax(0,1fr)}.gym-brief__poster{min-height:190px}.gym-brief__copy h2{font-size:clamp(43px,12vw,78px)}.gym-lower{grid-template-columns:1fr}.dialogue-modal{grid-template-columns:1fr;justify-items:center}.dialogue-modal__mark{display:none}.dialogue-modal>div:last-child{width:min(440px,100%)}.item-grid{grid-template-columns:1fr}.item-card{min-height:160px}.loadout-stage{grid-template-columns:1fr}.loadout-paddle{min-height:190px}.loadout-specs{padding:11px 20px}.story-match{min-height:calc(100dvh - 64px);padding-left:14px;padding-right:14px}.match-story-header{grid-template-columns:49px minmax(0,1fr)}.match-racket{display:none}.match-objective{margin-top:9vh}.match-scoreboard{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.match-player{gap:6px;padding:11px 8px}.player-dot{flex-basis:27px;width:27px;height:27px;font-size:8px}.match-player b{font-size:32px}.match-player small{font-size:7px}.match-scoreboard__center b{font-size:22px}.match-controls{gap:7px;font-size:8px}.match-bottom{font-size:7px}.result-actions{flex-direction:column;align-items:stretch}.result-actions .story-primary-button,.result-actions .story-secondary-button{width:100%}.story-result,.story-ending{min-height:calc(100dvh - 64px);padding-bottom:42px}}@media(max-width:420px){.story-topbar__resources>span:not(.save-status){grid-template-columns:18px auto;min-width:36px}.story-topbar__resources>span:not(.save-status) b{font-size:12px}.resource-icon{width:17px;height:17px;font-size:10px}.save-status{max-width:72px;overflow:hidden;font-size:7px;text-overflow:ellipsis}.save-status button{display:none}.story-wordmark b{font-size:13px}.story-wordmark small{font-size:7px}.story-ball{width:20px;height:20px}.story-heading{display:block}.story-progress{width:130px;margin-top:18px}.hub-hero{grid-template-columns:1fr}.hub-hero__court{min-height:100px}.hub-hero__copy{padding:22px 17px}.hub-hero__court{display:none}.map-heading{display:block}.map-hint{display:block;margin-top:8px}.gym-card{min-height:93px;padding-right:8px}.gym-card__body b{font-size:14px}.gym-card__body em{font-size:9px}.gym-card__badge{font-size:7px}.gym-map__node .gym-connector{left:20px}.gym-card__number{width:38px;height:38px;font-size:14px}.boss-strip{align-items:flex-start}.boss-signature{max-width:9ch;font-size:8px}.mode-toggle{grid-template-columns:1fr}.coop-controls{grid-template-columns:1fr 1fr}.match-objective b{font-size:24px}.match-scoreboard{min-height:91px}.match-player b{font-size:26px}.match-scoreboard__center{min-height:91px}.match-controls{justify-content:flex-start}.match-controls span{width:calc(50% - 5px)}.match-bottom{display:grid;gap:7px}.result-rewards>span{min-width:102px}.ending-stats span{min-width:92px}.story-toast{right:14px;left:14px;max-width:none}}@media(prefers-reduced-motion:reduce){.story-mode *,.story-mode *:before,.story-mode *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.story-mode--match{pointer-events:none;background:transparent}.story-mode--match .story-mode__grain,.story-mode--match .story-match:before,.story-mode--match .story-match:after{display:none}.story-mode--match .story-match,.story-mode--match .story-match--slice,.story-mode--match .story-match--frost,.story-mode--match .story-match--summit{min-height:calc(100dvh - 72px);height:calc(100dvh - 72px);padding:18px max(20px,env(safe-area-inset-right)) 15px max(20px,env(safe-area-inset-left));color:var(--story-paper);background:transparent}.story-mode--match .match-story-header,.story-mode--match .match-objective,.story-mode--match .match-scoreboard,.story-mode--match .match-feedback,.story-mode--match .match-controls,.story-mode--match .match-bottom{pointer-events:none}.story-mode--match .story-match-menu{pointer-events:auto}.story-mode--match .match-story-header{margin:0;max-width:none}.story-mode--match .match-story-header>div,.story-mode--match .match-racket{text-shadow:0 2px 4px #171b48,1px 1px 0 #171b48}.story-mode--match .match-objective{width:auto;margin:12px auto 10px}.story-mode--match .match-objective b{font-size:clamp(18px,2.8vw,28px);text-shadow:2px 2px 0 var(--story-ink)}.story-mode--match .match-objective small{text-shadow:0 1px 3px var(--story-ink)}.story-mode--match .match-scoreboard{width:min(500px,calc(100vw - 40px));min-height:75px;margin:0 auto;background:#161a45d6;box-shadow:4px 4px #161a4590}.story-mode--match .match-player{padding:8px 12px}.story-mode--match .match-player b{font-size:28px}.story-mode--match .match-scoreboard__center{min-height:75px}.story-mode--match .match-scoreboard__center b{font-size:21px}.story-mode--match .match-feedback{width:min(460px,calc(100vw - 40px));min-height:34px;margin:11px auto 0;background:#161a45bd}.story-mode--match .match-controls{margin:auto auto 8px;text-shadow:0 1px 3px var(--story-ink)}.story-mode--match .match-bottom{text-shadow:0 1px 3px var(--story-ink)}.story-resume-button{margin:-10px 0 22px}.menu .mode-picker .story-entry{grid-column:1 / -1;background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:4px 4px 0 var(--coral)}.menu .mode-picker .story-entry:hover{background:#242b67;border-color:var(--ink)}.menu .mode-picker .story-entry em{color:var(--yellow)}.story-mode main.story-shell{height:auto;min-height:calc(100dvh - 72px);overflow:visible}.story-mode main.story-result,.story-mode main.story-ending,.story-mode main.story-plaza-view{height:auto;min-height:calc(100dvh - 72px);overflow:hidden}.story-mode main.story-match{height:calc(100dvh - 72px);overflow:hidden}.story-topbar{position:sticky;top:0;left:auto;right:auto;pointer-events:auto}.story-topbar>div{width:auto;padding:0;border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;transform:none}.story-topbar__title{display:grid}.story-topbar__resources{display:flex}.story-topbar__resources>span:not(.save-status){display:grid}.story-mode--match .story-topbar{pointer-events:none}.story-plaza-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;margin-top:9px;padding:8px 10px;border:2px solid var(--story-ink);color:var(--story-blue);background:#254cf10c;font-size:10px;font-weight:900;cursor:pointer}.story-plaza-toggle:hover{color:var(--story-paper);background:var(--story-blue)}.story-plaza-toggle span{font-size:18px}.story-paused-card,.story-input-error{position:fixed;z-index:10;top:50%;left:50%;display:grid;gap:10px;width:min(350px,calc(100vw - 34px));padding:20px;border:3px solid var(--story-ink);background:var(--story-paper);box-shadow:7px 7px 0 var(--story-ink);color:var(--story-ink);transform:translate(-50%,-50%);pointer-events:auto}.story-paused-card:before,.story-input-error:before{content:none}.story-paused-card h2{margin:2px 0 5px;font-size:28px;line-height:.95}.story-paused-card .story-secondary-button,.story-input-error .story-secondary-button{margin-top:0}.story-paused-card .story-primary-button,.story-input-error .story-primary-button{width:100%;margin-top:3px}.story-input-error{border-top-color:var(--story-coral)}.story-input-error .story-kicker{color:var(--story-coral)!important}.story-input-error>b{font-size:14px;line-height:1.2}.story-input-error>p:not(.story-kicker){font-size:11px}.story-mode--plaza{pointer-events:none;background:transparent}.story-mode--plaza .story-mode__grain{display:none}.story-mode--plaza .story-topbar{pointer-events:auto}.story-plaza-view{position:relative;display:grid;min-height:calc(100dvh - 72px);place-items:center;padding:30px;pointer-events:none}.plaza-card{width:min(395px,calc(100vw - 40px));padding:23px;border:3px solid var(--story-ink);background:#fff7dded;box-shadow:7px 7px 0 var(--story-ink);pointer-events:auto}.plaza-card h2{margin:11px 0 8px;color:var(--story-blue);font-size:31px;line-height:.93}.plaza-card p:not(.story-kicker){font-size:11px}.plaza-signs{display:flex;gap:7px;margin-top:18px}.plaza-signs span{display:grid;flex:1;gap:5px;padding:9px 7px;border:2px solid var(--story-ink);background:#fffdf0}.plaza-signs b{color:var(--story-coral);font:900 18px/1 Consolas,monospace}.plaza-signs small{margin:0;color:var(--story-muted);font:900 7px/1 Consolas,monospace;text-align:left}.plaza-card .story-primary-button{width:100%}.story-plaza-exit{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:auto;min-height:38px;padding:8px 11px;border:2px solid var(--story-ink);color:var(--story-paper);background:var(--story-ink);box-shadow:3px 3px 0 var(--story-coral);font-size:10px;font-weight:900;pointer-events:auto;cursor:pointer}.story-mode--match .story-topbar{min-height:50px;height:50px;padding-block:6px}.story-mode--match main.story-match{height:calc(100dvh - 50px);min-height:0;padding:10px 16px}.story-mode--match .match-story-header{position:absolute;top:10px;left:16px;width:auto;gap:10px}.story-mode--match .match-story-header>div{display:grid;gap:4px;width:auto;padding:9px 12px;border:0;border-radius:4px;color:var(--story-paper);background:#161a45dd;box-shadow:none;text-shadow:none}.story-mode--match .match-story-header>div b{font-size:17px}.story-mode--match .match-story-header .story-kicker{margin:0;font-size:8px}.story-mode--match .match-story-header>div>small{margin:0;color:#e1dfef;font-size:9px;text-align:left}.story-mode--match .story-match-menu{width:44px;min-height:48px;background:#161a45dd}.story-mode--match .match-racket,.story-mode--match .match-objective{display:none}.story-mode--match .match-scoreboard{position:absolute;top:10px;right:16px;width:310px;min-height:61px;margin:0;border-width:2px;box-shadow:none}.story-mode--match .match-scoreboard__center{min-height:61px}.story-mode--match .match-scoreboard__center i{display:none}.story-mode--match .match-player{padding:5px 8px}.story-mode--match .match-player b{font-size:25px}.story-mode--match .player-dot,.story-mode--match .match-feedback,.story-mode--match .match-controls{display:none}.story-mode--match .match-bottom{position:absolute;top:78px;right:16px;width:310px;margin:0;padding:3px 5px;background:#161a45bd;font-size:8px}.story-plaza-view{align-items:end;justify-items:start}.plaza-card{width:min(310px,calc(100vw - 40px));padding:17px}.plaza-card h2{font-size:25px}@media(max-width:620px){.story-mode--match .story-topbar__resources,.story-mode--match .story-topbar__title{display:none}.story-mode--match .story-topbar{min-height:42px;height:42px}.story-mode--match main.story-match{height:calc(100dvh - 42px)}.story-mode--match .match-story-header{top:7px;left:8px;gap:5px}.story-mode--match .match-story-header>div{max-width:100px;padding:7px}.story-mode--match .match-story-header>div b{font-size:13px}.story-mode--match .match-story-header .story-kicker,.story-mode--match .match-story-header>div>small{display:none}.story-mode--match .story-match-menu{width:36px;min-height:40px}.story-mode--match .match-scoreboard{width:180px;right:8px;top:7px;min-height:44px}.story-mode--match .match-scoreboard__center{min-height:44px}.story-mode--match .match-player b{font-size:21px}.story-mode--match .match-player small{max-width:55px;font-size:7px}.story-mode--match .match-scoreboard__center b{font-size:16px}.story-mode--match .match-scoreboard__center span{font-size:6px}.story-mode--match .match-bottom{top:56px;right:8px;width:180px}.story-mode--match .match-cue{display:none}}@media(max-height:500px)and (min-width:621px){.story-mode--match .story-topbar{height:38px;min-height:38px}.story-mode--match main.story-match{height:calc(100dvh - 38px)}.story-mode--match .match-story-header>div>small,.story-mode--match .match-story-header .story-kicker{display:none}.story-mode--match .match-scoreboard,.story-mode--match .match-scoreboard__center{min-height:45px}.story-mode--match .match-bottom{top:61px}}.story-mode--match .match-story-header{right:auto;max-width:310px}.story-mode--match .match-story-header>div{flex:none}.story-mode--match .story-topbar button{pointer-events:auto}.story-mode--match~.touch-controls .touch-toolbar{display:none}.plaza-roam{position:fixed;top:85px;right:18px;bottom:18px;left:18px;pointer-events:none;color:#fff9df}.plaza-roam button{pointer-events:auto;border:1px solid #cceaa4;background:#173d43;color:#fff9df;border-radius:12px;padding:14px 20px;font:inherit;cursor:pointer}.plaza-roam button:disabled{opacity:.7;cursor:default}.plaza-roam__guide{position:absolute;top:0;left:0;background:#173d43e8;padding:18px;border-radius:16px;max-width:360px}.plaza-roam__guide p{font-size:13px;line-height:1.6}.plaza-roam__guide small{display:block;margin-bottom:12px}.plaza-roam__action{position:absolute;bottom:0;right:0;max-width:55%}.plaza-roam__pad{position:absolute;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,48px);gap:5px}.plaza-roam__pad button{padding:12px;touch-action:none;-webkit-user-select:none;user-select:none}.plaza-roam__pad button:first-child{grid-column:2}.plaza-roam__pad button:nth-child(2){grid-column:1}@media(max-width:600px){.plaza-roam{top:75px;right:10px;bottom:12px;left:10px}.plaza-roam__guide{padding:10px;max-width:270px}.plaza-roam__guide p{margin:5px 0}.plaza-roam__action button{font-size:12px;padding:10px}}.story-mode main.plaza-roam{height:auto;min-height:0;overflow:visible}.story-mode .plaza-roam__guide p{color:#e1edce}.story-mode--plaza .story-toast{bottom:150px}@media(max-width:600px){.story-mode main.plaza-roam{top:130px}}@media(max-height:500px){.story-mode main.plaza-roam{top:70px}.plaza-roam__guide{padding:8px}.plaza-roam__guide small,.plaza-roam__guide p{display:none}}.plaza-look{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none;cursor:grab}.plaza-look:active{cursor:grabbing}.plaza-roam__guide button+button{margin-top:6px}.talent-screen{--garden:#163e3e;--leaf:#e9f3dc}.talent-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.story-mode .talent-heading p{font-size:10px;letter-spacing:2px;font-weight:800;color:#315453}.story-mode .talent-heading h2{font-size:clamp(28px,3.4vw,48px);margin:7px 0;color:#173e3e;letter-spacing:-2px}.talent-heading>div>span{font-size:13px;color:#49615c}.talent-points{display:grid;place-items:center;flex-shrink:0;background:#173e3e;color:#e7f7b2;border-radius:50%;width:90px;height:90px;border:3px solid #c8df95;box-shadow:0 0 0 5px #173e3e}.talent-points b{font-size:32px;line-height:1}.talent-heading .talent-points span{font-size:8px;letter-spacing:1px;color:#e7f7b2;margin-top:-13px}.talent-garden{position:relative;padding:26px 24px 18px;border-radius:28px;background:radial-gradient(ellipse at 50% 100%,#43746655,transparent 65%),radial-gradient(#d4eac314 1px,transparent 1px),#163e3e;background-size:auto,20px 20px,auto;border:2px solid #315958;box-shadow:0 10px #173b3720;overflow:hidden}.talent-canopy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative;padding-bottom:30px}.talent-canopy:after{content:"";position:absolute;bottom:0;left:16.66%;right:16.66%;height:28px;border:2px solid #81a893;border-top:0;border-radius:0 0 35px 35px;pointer-events:none}.talent-branch{min-width:0;text-align:center;position:relative}.talent-branch:after{content:"";position:absolute;bottom:-30px;left:50%;width:2px;height:30px;background:#81a893}.talent-branch-title{margin-bottom:20px}.talent-branch-title>span{color:var(--branch);font-size:26px}.story-mode .talent-branch-title h3{font-size:18px;color:var(--branch);margin:5px 0}.story-mode .talent-branch-title p{color:#bdcfc0;font-size:11px}.talent-path{display:flex;flex-direction:column-reverse;gap:32px}.talent-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:138px;padding:15px 8px;border-radius:18px;border:2px solid #7ca18f;background:#214c48;color:#edf4de;box-shadow:0 5px #0c2828;font:inherit;transition:transform .15s,border-color .15s,background .15s}.talent-node:first-child:before{content:"";position:absolute;width:3px;height:34px;top:-35px;background:var(--branch);opacity:.45}.talent-node.is-learned:first-child:before{opacity:1}.talent-node b{font-size:15px;line-height:1.3}.talent-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--branch);color:var(--branch);font-size:24px}.talent-tier{font-size:9px;letter-spacing:1.4px;color:#c5d5c8}.talent-state{font-size:10px;color:var(--branch)}.talent-node.is-locked{background:#1a3c3c;border-style:dashed}.talent-node.is-learned .talent-orb{background:var(--branch);color:#183e3e}.talent-node.is-selected{outline:3px solid var(--branch);outline-offset:4px;background:#2b5550}.talent-node:hover{transform:translateY(-3px);background:#315d55;border-color:var(--branch)}.talent-node:active{transform:translateY(1px)}.talent-root{display:grid;place-items:center;position:relative;padding-top:24px;color:#d5e7b9}.talent-root:before{content:"";position:absolute;top:0;width:2px;height:24px;background:#81a893}.talent-root>span{font-size:24px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #a6c79a;border-radius:50%}.talent-root b{font-size:10px;letter-spacing:2px;margin-top:9px}.story-mode .talent-root small{color:#b6cdb7;font-size:10px;margin-top:5px}.talent-detail{display:flex;gap:18px;align-items:center;margin-top:24px;padding:22px;border:2px solid #284f49;border-radius:18px;background:#fffbea;box-shadow:0 5px #173b3720}.talent-detail-icon{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:var(--branch);color:#173e3e;font-size:32px}.talent-detail-copy{flex:1;min-width:0}.talent-detail-copy>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#51665a}.story-mode .talent-detail h3{font-size:21px;margin:5px 0;color:#173e3e}.story-mode .talent-detail p{font-size:13px;color:#334f49}.story-mode .talent-detail small{margin:7px 0 0;text-align:left;color:#596955;font-size:11px;line-height:1.5}.talent-learn{width:auto;min-width:155px;min-height:48px;justify-content:center;align-items:center;background:#173e3e;color:#f2f6d8;font-size:12px;border-radius:10px}.talent-learn:disabled{background:#e1e6d5;color:#526451}.story-mode .talent-footnote{font-size:11px;color:#486351;text-align:center;margin-top:18px}@media(max-width:1100px){.talent-detail{flex-wrap:wrap}.talent-learn{width:100%}.talent-canopy{gap:18px}.talent-garden{padding:24px 16px 18px}.talent-node b{font-size:13px}}@media(max-width:600px){.talent-heading{margin-top:10px}.talent-heading>div>span{font-size:11px}.talent-points{width:65px;height:65px}.talent-points b{font-size:25px}.talent-heading .talent-points span{font-size:6px;margin-top:-7px}.talent-canopy{gap:12px}.talent-garden{padding:20px 10px 16px;border-radius:18px}.talent-node{min-height:137px;padding:10px 4px;border-radius:12px;gap:8px}.talent-node b{font-size:11px}.talent-orb{width:32px;height:32px;font-size:20px}.talent-tier{font-size:8px;letter-spacing:0}.talent-state{font-size:9px}.story-mode .talent-branch-title h3{font-size:12px}.story-mode .talent-branch-title p{font-size:9px;min-height:24px}.talent-node.is-selected{outline-width:2px;outline-offset:2px}.talent-detail{padding:15px;gap:12px}.talent-detail-icon{width:40px;height:40px}.story-mode .talent-detail h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.talent-node{transition:none}}@media(min-width:1101px){.talent-garden{padding-top:16px}.talent-branch-title{margin-bottom:14px}.talent-node{min-height:110px;padding:10px 8px;gap:5px}.talent-orb{width:30px;height:30px;font-size:20px}.talent-path{gap:24px}.talent-node:first-child:before{height:26px;top:-27px}.talent-root{padding-top:18px}.talent-root:before{height:18px}.talent-root>span{width:30px;height:30px;font-size:20px}.talent-detail{margin-top:18px;padding:16px}}.item-illustration{display:block;position:relative;z-index:1;width:100%;max-width:140px;height:auto;max-height:180px}.item-card__art:before{width:80px;height:80px;border-style:solid;opacity:.12}.item-card__copy small{color:var(--story-muted)}.item-card__copy h3{white-space:normal;line-height:1.15}.item-effects{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;padding:0;margin:8px 0 3px}.item-effects li{color:#24614e;font:700 11px/1.4 Arial,sans-serif}.item-effects li.is-penalty{color:#a13f33}.item-card__action{min-height:44px}.item-card__action:disabled{cursor:default}.loadout-paddle .item-illustration{max-width:230px;max-height:270px;margin-bottom:20px}.gym-loadout{display:flex;align-items:center;gap:12px;margin:16px 0;padding:8px 12px;background:#e2e7d7;border-radius:10px;color:#214b3c}.gym-loadout .item-illustration{width:42px;height:54px}.gym-loadout span{display:grid;gap:4px}.gym-loadout small{margin:0;font-size:9px;letter-spacing:1px}.gym-loadout b{font-size:15px}.shop-panel .shop-wallet{display:none}.shop-panel .story-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.15}.shop-panel .story-heading p,.gym-ready-card .gym-loadout small{color:#416158}@media(max-width:620px){.story-mode--match .match-scoreboard,.story-mode--match .match-scoreboard__center{min-height:62px}.story-mode--match .match-bottom{top:80px}}@media(max-width:380px){.story-mode--match .match-story-header>div{display:none}}.story-mode{--story-ink:#203d40;--story-paper:#f7f0de;--story-paper-deep:#e9dfc7;--story-blue:#285b5b;--story-coral:#b85b43;--story-yellow:#dcb66b;--story-mint:#b8d8bd;--story-muted:#526768;--story-line:#39565330}.story-mode .story-heading h2,.story-mode .story-gym h2,.story-mode .story-result h2{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.5px}.story-mode .story-kicker{color:#846443;letter-spacing:1.4px}.story-mode .item-card{border:1px solid #a99b7e;border-radius:12px;box-shadow:0 4px 12px #243d3410}.story-mode .item-card.is-equipped{border-color:#477a68;box-shadow:inset 0 0 0 1px #477a68,0 4px 12px #243d3410}.story-mode .item-card__art,.story-mode .loadout-paddle{background:radial-gradient(ellipse at 50% 35%,#3c6261,#183739)}.story-mode .item-card__art:before{border-color:#d9b978;opacity:.3}.story-mode .item-card__action{border-width:1px;border-radius:6px}.story-mode .item-card__action:hover:not(:disabled){background:#397470}.story-mode .item-card__action.is-owned{color:#204436;background:#d1e1cc}.story-mode .item-card__copy{padding-top:16px}.story-mode .shop-filters button{border-width:1px;border-radius:20px;min-height:38px;padding:8px 15px}.story-mode .loadout-stage{border:1px solid #a99b7e;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #243d3414}.story-mode .loadout-ready{border-width:1px;box-shadow:none;border-radius:7px}.story-mode .resource-icon{color:#e1c185}.story-mode--match .match-scoreboard{border-color:#cdbb93;background:#163438ed;border-radius:9px}.story-mode--match .match-bottom{color:#e8dec9;background:#163438d9;border-radius:4px}.story-mode--match .match-story-header>div{background:#163438ed;border:1px solid #cdbb9355;border-radius:8px}.story-mode--match .story-match-menu{border-color:#cdbb93;background:#163438ed}.story-mode--match .match-scoreboard__center{border-color:#b2b69540}.story-mode--match .match-player small{color:#c4d6cd}@media(prefers-reduced-motion:no-preference){.story-mode .item-card__action{transition:background .15s ease,box-shadow .15s ease}}.story-mode .journey-lesson,.story-mode .journey-objective{display:grid;gap:5px;margin-top:12px;padding:11px 12px;border-left:3px solid var(--story-coral);background:#b85b4310}.story-mode .journey-lesson span,.story-mode .journey-objective small,.story-mode .dojo-lesson-block>span,.story-mode .dojo-objective-block>span,.story-mode .dojo-boss-block>span,.story-mode .match-lesson-strip>span,.story-mode .result-lesson>span{color:#846443;font:900 8px/1.2 Consolas,monospace;letter-spacing:1.2px}.story-mode .journey-lesson b,.story-mode .journey-objective b{font-size:11px;line-height:1.3}.story-mode .journey-lesson small,.story-mode .journey-objective span{color:var(--story-muted);font-size:10px;line-height:1.35}.story-mode .journey-objective{border-left-color:var(--story-blue);background:#285b5b0b}.story-mode .journey-credit-note,.story-mode .shop-note{margin-top:15px!important;color:var(--story-muted)!important;font-size:10px!important;line-height:1.45!important}.story-mode .journey-credit-note b,.story-mode .shop-note b{color:#846443}.story-mode .dojo-brief-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.story-mode .dojo-lesson-block,.story-mode .dojo-objective-block,.story-mode .dojo-boss-block{display:grid;gap:6px;padding:15px;border:1px solid #a99b7e;border-radius:10px;background:#f9f2df}.story-mode .dojo-lesson-block{border-top:3px solid #b85b43}.story-mode .dojo-objective-block{border-top:3px solid #285b5b}.story-mode .dojo-boss-block{grid-column:1 / -1;border-color:#c58a66;background:#fff4dc}.story-mode .dojo-lesson-block h3,.story-mode .dojo-objective-block h3{margin:0;font:600 18px/1.08 Georgia,Times New Roman,serif}.story-mode .dojo-lesson-block p,.story-mode .dojo-objective-block p{margin:0;color:#4c625f;font-size:11px;line-height:1.45}.story-mode .dojo-lesson-block b,.story-mode .dojo-objective-block b{color:#285b5b;font:800 10px/1.35 Consolas,monospace}.story-mode .dojo-lesson-block small,.story-mode .dojo-boss-block small,.story-mode .dojo-boss-block em{color:#65746a;font:700 9px/1.35 Consolas,monospace;font-style:normal}.story-mode .dojo-boss-block>b{color:#8e4b3b;font-size:13px;line-height:1.35}.story-mode .dojo-boss-block em{color:#285b5b}.story-mode .item-card.is-keepsake{border-color:#c58a66}.story-mode .item-card.is-keepsake .item-card__art{background:radial-gradient(ellipse at 50% 35%,#805f47,#3d3936)}.story-mode .item-card.is-keepsake .item-card__action.is-owned{color:#624733;background:#e8d2ae}.story-mode .match-lesson-strip{position:relative;z-index:1;display:grid;gap:4px;width:min(620px,100%);margin:12px auto 0;padding:8px 12px;border-left:3px solid var(--story-coral);color:var(--story-paper);background:#163438bd;text-align:center}.story-mode .match-lesson-strip>span{color:var(--story-yellow)}.story-mode .match-lesson-strip b{font:800 10px/1.3 Consolas,monospace}.story-mode .match-lesson-strip small{color:#d3e1d7;font:700 9px/1.3 Consolas,monospace}.story-mode .result-lesson{position:relative;display:grid;gap:5px;width:min(490px,100%);margin-top:17px;padding:12px 14px;border:1px solid #bda985;border-radius:8px;background:#fff8e8;text-align:left}.story-mode .result-lesson b{font:600 16px/1.2 Georgia,Times New Roman,serif}.story-mode .result-lesson small{color:var(--story-muted);font-size:10px;line-height:1.35}.story-mode .talent-resource-pair{display:flex;align-items:center;gap:16px}.story-mode .talent-credits{display:grid;gap:4px;min-width:92px;padding:12px 10px;border:1px solid #c8b98f;border-radius:10px;color:#5b4b2f;background:#f6ecd2;text-align:center}.story-mode .talent-credits b{font:900 19px/1 Consolas,monospace}.story-mode .talent-credits span{color:#846443;font:800 7px/1.2 Consolas,monospace;letter-spacing:.8px}.story-mode--match .match-lesson-strip{position:absolute;top:64px;left:50%;width:min(560px,calc(100vw - 360px));margin:0;padding:9px 16px;border:1px solid #d8c691;border-left:4px solid var(--story-yellow);border-radius:6px;background:#163438ef;box-shadow:0 3px 12px #07191bb8;transform:translate(-50%)}.story-mode--match .match-lesson-strip>span{color:#f2d98f;font-size:9px}.story-mode--match .match-lesson-strip b{color:#fff8e4;font-size:12px}.story-mode--match .match-lesson-strip small{color:#d9e9df;font-size:9px}.story-mode--match .match-rule-cue{position:absolute;top:94px;left:max(16px,env(safe-area-inset-left));display:grid;gap:3px;width:min(250px,calc(100vw - 380px));padding:7px 10px;border-left:3px solid #d8c691;border-radius:4px;color:#fff8e4;background:#163438dc;box-shadow:0 2px 8px #07191b80;pointer-events:none}.story-mode--match .match-rule-cue b{color:#f2d98f;font:900 8px/1.2 Consolas,monospace;letter-spacing:.8px}.story-mode--match .match-rule-cue small{color:#d9e9df;font:700 8px/1.25 Consolas,monospace}@media(max-width:600px){.story-mode .dojo-brief-card{grid-template-columns:1fr}.story-mode .dojo-boss-block{grid-column:auto}.story-mode .talent-resource-pair{gap:8px}.story-mode .talent-credits{min-width:74px;padding:8px 6px}.story-mode .talent-credits b{font-size:15px}.story-mode .talent-credits span{font-size:6px}}@media(max-width:620px){.story-mode--match .match-lesson-strip{top:104px;left:8px;width:calc(100vw - 16px);padding:7px 9px;transform:none}.story-mode--match .match-lesson-strip>span{font-size:7px;letter-spacing:.8px}.story-mode--match .match-lesson-strip b{font-size:9px;line-height:1.2}.story-mode--match .match-lesson-strip small{display:none}.story-mode--match .match-rule-cue{top:150px;left:8px;width:calc(100vw - 16px);padding:6px 8px}.story-mode--match .match-rule-cue b{font-size:7px}.story-mode--match .match-rule-cue small{font-size:8px}}@media(max-width:390px){.story-mode--match .match-lesson-strip{top:108px}.story-mode--match .match-rule-cue{top:154px}}.story-control-brief{display:grid;gap:6px;padding:12px 0;color:#244d49;border-bottom:1px solid #bbad90;text-align:left}.story-control-brief b{font-size:13px}.story-control-brief span{font-size:12px;line-height:1.4}.story-control-brief small{color:#536960;font-size:11px;line-height:1.4}.story-match-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800;font-size:12px}.story-match-help summary:before{content:"+";margin-right:8px}.story-match-help[open] summary:before{content:"−"}.story-match-help p{margin:10px 0;font-size:12px;line-height:1.4}.story-mode :is(.story-paused-card,.story-input-error){background:#f7f0de;color:#203d40}.story-mode .story-input-error .story-kicker{color:#9b3146!important}.story-mode .story-match-help>summary,.story-mode .story-pause-settings>summary{color:#203d40;background:#e7edde;border-radius:4px}.story-mode .story-match-help p,.story-mode .story-pause-settings p{color:#344e4e}.story-mode .story-match-help p b,.story-mode .story-match-help .story-control-brief b{color:#203d40}.story-mode .story-match-help .story-control-brief{color:#344e4e;border-bottom-color:#a9b8ae}.story-mode .story-match-help .story-control-brief small{color:#435954;text-align:left}.story-mode .story-pause-settings{color:#203d40;border-top-color:#a9b8ae}.story-mode .story-pause-settings button{color:#203d40;background:#fffaf0;border:1px solid #81978b}.story-mode .story-pause-settings button:hover:not(:disabled){color:#203d40;background:#e7edde}.story-mode .story-pause-settings button[aria-pressed=true]{color:#f7f0de;background:#285b5b;border-color:#203d40}.story-mode .story-pause-settings button[aria-pressed=true]:hover{color:#f7f0de;background:#1f4949}.story-mode .story-pause-settings button:disabled{opacity:1;color:#526768;background:#e4e8df}.story-mode .story-pause-settings input{accent-color:#285b5b}.story-mode--match main.story-match{height:100dvh;min-height:0;padding:0}.story-mode--match .match-story-header{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));grid-template-columns:44px minmax(0,1fr);max-width:240px;gap:8px}.story-mode--match .story-match-menu{width:44px;min-height:44px}.story-mode--match .match-story-header>div{padding:7px 9px}.story-mode--match .match-story-header>div b{font-size:15px}.story-mode--match .match-scoreboard{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:188px;min-height:44px;grid-template-columns:1fr 40px 1fr}.story-mode--match .match-scoreboard__center{min-height:44px}.story-mode--match .match-scoreboard__center span{font-size:8px}.story-mode--match .match-player{padding:5px 9px}.story-mode--match .match-player b{margin-top:4px;font-size:23px}.story-mode--match .match-live-cue{position:absolute;top:calc(67px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:min(390px,calc(100vw - 24px));padding:6px 9px;border-left:3px solid #e8ca84;border-radius:4px;background:#163438ed;color:#fff6df}.story-mode--match .match-objective{display:flex;align-items:center;gap:7px;width:auto;margin:0;text-align:left}.story-mode--match .match-objective>span{font:800 8px/1.2 Consolas,monospace;letter-spacing:0;color:#e8ca84}.story-mode--match .match-objective>b{flex:1;font:800 12px/1.2 Trebuchet MS,sans-serif;text-shadow:none}.story-mode--match .match-help-button{pointer-events:auto;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;margin:-5px -7px -5px 0;padding:5px;border:0;color:#ffe2a5;background:transparent;font-size:12px;cursor:pointer}.story-mode--match .match-help-button:hover{background:#315955}.story-mode--match .match-rule-cue{position:static;width:auto;display:grid;gap:3px;padding:0;border:0;box-shadow:none;background:transparent}.story-mode--match .match-rule-cue b{font:800 9px/1.3 Consolas,monospace;letter-spacing:0}.story-mode--match .match-rule-cue small{margin:0;font:400 11px/1.35 Trebuchet MS,sans-serif}.story-mode--match .match-bottom{top:auto;bottom:calc(48px + env(safe-area-inset-bottom));right:12px;width:auto;max-width:calc(100vw - 24px);padding:5px 8px;font-size:10px;letter-spacing:0}.touch-mode .story-mode--match .match-bottom{display:none}.story-mode .reward-art{position:relative;width:152px;margin:0}.reward-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 0 #806b4730)}.reward-art figcaption{margin-top:5px;color:#6b573b;font:800 11px/1.3 Trebuchet MS,sans-serif}.reward-art.is-practice svg{filter:grayscale(.7)}.story-mode .result-rewards{margin-top:16px}.story-mode .story-result>.story-kicker{margin-top:16px}.story-mode .hub-key-help{max-width:calc(100vw - 24px);color:#fff6df;background:#163438e6;padding:7px 10px;font-size:11px;line-height:1.35;pointer-events:none}.touch-mode .hub-key-help{left:12px;right:12px;top:calc(214px + env(safe-area-inset-top));bottom:auto;width:auto}.story-mode :is(button,summary):focus-visible{outline:3px solid #bb602e;outline-offset:3px}.story-mode .journey-next :is(.journey-lesson,.journey-objective){grid-column:1/-1}@media(max-width:620px){.story-mode--match .match-story-header{top:max(8px,env(safe-area-inset-top));left:8px;max-width:calc(100vw - 166px)}.story-mode--match .match-story-header>div{display:block;padding:5px;max-width:80px}.story-mode--match .match-story-header>div b{font-size:12px;line-height:1.2}.story-mode--match .match-story-header>div small{display:none}.story-mode--match .match-scoreboard{top:max(8px,env(safe-area-inset-top));right:8px;width:142px}.story-mode--match .match-scoreboard__center span{font-size:7px}.story-mode--match .match-live-cue{top:calc(78px + env(safe-area-inset-top));left:8px;width:calc(100vw - 16px);padding:4px 8px}.story-mode--match .match-objective>span{display:none}.story-mode--match .match-objective>b{font-size:12px}.story-mode--match .match-rule-cue small{font-size:11px}.story-mode .reward-art{width:124px}}@media(max-height:500px)and (min-width:700px){.story-mode--match .match-live-cue{top:max(8px,env(safe-area-inset-top));left:260px;width:calc(100vw - 472px);padding:4px 7px}.story-mode--match .match-objective>b{font-size:11px}.story-mode--match .match-rule-cue b{font-size:8px}.story-mode--match .match-rule-cue small{font-size:10px}.touch-mode .hub-key-help{top:132px;bottom:auto;left:16px;right:auto;width:310px}}@media(prefers-reduced-motion:reduce){.reward-art,.reward-art svg,.story-mode .result-rewards{animation:none!important;transition:none!important}}.story-mode:not(.story-mode--plaza):not(.story-mode--match){background:#091f2673;padding-bottom:max(16px,env(safe-area-inset-bottom))}.story-mode:not(.story-mode--match) .story-mode__grain{display:none}.story-mode .story-topbar{position:relative;inset:auto;width:min(920px,calc(100% - 32px));margin:16px auto 0;grid-template-columns:minmax(0,1fr) auto 44px;gap:12px;min-height:56px!important;padding:5px 12px!important;background:#17383c;border:2px solid #b99b66;border-radius:5px 5px 0 0;box-shadow:0 5px #3e3026;color:#f7f0de}.story-mode--result .story-topbar,.story-mode--ending .story-topbar{width:min(560px,calc(100% - 32px))}.story-mode .story-topbar__resources{display:flex;gap:10px}.story-mode .story-topbar__title{display:none!important}.story-mode .story-topbar__resources>span:not(.save-status){min-width:0;grid-template-columns:18px auto;gap:4px}.story-mode .story-topbar .resource-icon{width:16px;height:16px;font-size:10px;border-width:1px}.story-mode .story-topbar .story-close{min-width:44px;min-height:44px;padding:4px;border:1px solid #b99b6655;background:#112c31}.story-mode .story-topbar .story-wordmark{min-height:44px;grid-template-columns:20px auto;gap:5px}.story-mode .story-topbar .story-ball{width:18px;height:18px}.story-mode .story-topbar .story-wordmark b{font-size:15px!important}.story-mode .story-result,.story-mode .story-ending{width:100%;height:auto;min-height:calc(100dvh - 90px);margin:0;padding:24px 16px;overflow:visible;background:transparent}.story-mode .story-result:before,.story-mode .story-ending:before{content:none}.match-board{width:min(560px,100%);min-width:0;padding:22px;display:grid;gap:12px;border:6px solid #654c36;border-radius:6px;outline:1px solid #b99b66;box-shadow:inset 0 0 0 1px #b99b66,0 16px 40px #04171bb3;background:#17383c;color:#f7f0de;text-align:left}.story-theme--speed .match-board{border-top-color:#995133}.story-theme--slice .match-board{border-top-color:#427e76}.story-theme--frost .match-board{border-top-color:#5686a2}.story-theme--summit .match-board{border-top-color:#706080}.result-board-heading{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:16px;align-items:center}.story-mode .match-board .story-kicker{margin:0;color:#e4c68c!important;font:800 10px/1.4 Consolas,monospace!important;letter-spacing:1px}.story-mode .match-board h2{max-width:none;margin:6px 0 0;color:#f7f0de;font:800 30px/1.12 Trebuchet MS,Segoe UI,sans-serif;letter-spacing:0}.story-mode .match-board .reward-art{width:84px}.match-board .reward-art figcaption{margin-top:4px;color:#e2e9dd;font-size:10px;text-align:center}.match-board .result-burst{width:52px;height:52px;justify-self:center;border:2px solid #e4c68c;background:#984d39;box-shadow:3px 3px #0b272a;border-radius:4px;transform:none}.result-scoreboard{padding:10px 20px;border-block:1px solid #afc6bb66;background:#0e2b30}.result-score-labels{display:grid;grid-template-columns:1fr 50px 1fr;text-align:center;color:#d1e2d8;font:800 10px/1.3 Consolas,monospace;letter-spacing:1px}.story-mode .match-board .result-score{display:grid;grid-template-columns:1fr 50px 1fr;margin:6px 0 0;color:#f5dfaa!important;font:800 42px/1 Consolas,monospace!important;text-align:center;font-variant-numeric:tabular-nums}.match-board .result-score span{margin:0;color:#b7cec5}.story-mode .match-board .result-copy{max-width:none;margin:0!important;color:#e2e9dd;font-size:13px;line-height:1.45}.story-mode .match-board .result-lesson{width:100%;margin:0;padding:10px 12px;background:#f7f0de;color:#203d40;border:0;border-left:4px solid #d2af70;border-radius:2px}.story-mode .match-board .result-lesson span{color:#624c2c;font:800 9px/1.3 Consolas,monospace}.story-mode .match-board .result-lesson b{font:800 13px/1.35 Trebuchet MS,sans-serif}.story-mode .match-board .result-lesson small{color:#435954;font-size:11px;text-align:left}.story-mode .match-board .result-rewards{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.match-board .result-rewards>span{min-width:0;padding:9px 6px;border:1px solid #b99b66;border-radius:3px;background:#102e33;color:#f7f0de;grid-template-columns:20px minmax(0,1fr)}.match-board .result-rewards small{color:#d5e0d7;font-size:9px;overflow-wrap:anywhere}.match-board .result-rewards b{font-size:13px;overflow-wrap:anywhere}.story-mode .match-board .result-actions{width:100%;margin:2px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.story-mode .match-board .result-actions button{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #b99b66;border-radius:3px;box-shadow:0 3px #082226;font:800 13px/1.3 Trebuchet MS,sans-serif}.match-board .result-actions .story-primary-button{background:#e4c68c;color:#193b3d}.match-board .result-actions .story-secondary-button{background:#21484b;color:#f7f0de}.match-board .result-actions button:hover{background:#f1dca9;color:#193b3d}.story-mode .match-board .result-note{margin:0!important;color:#c9dcd2;font:400 11px/1.4 Trebuchet MS,sans-serif!important}.finale-seals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0}.finale-seals svg{width:100%;max-width:88px;height:auto;justify-self:center}.match-board .ending-ribbon{width:max-content;max-width:100%;padding:5px 8px;background:#e4c68c;color:#193b3d;transform:none;border-radius:2px}.story-mode .story-ending .match-board>p:not(.story-kicker){color:#e2e9dd}.match-board .ending-stats{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.match-board .ending-stats span{min-width:0;padding:10px 5px;border:1px solid #b99b66;background:#0e2b30}.match-board .ending-stats b{color:#f5dfaa}.match-board .ending-stats small{color:#d5e0d7;font-size:9px}.story-mode :is(.story-paused-card,.story-input-error){border:6px solid #654c36;outline:1px solid #b99b66;border-radius:5px;box-shadow:0 14px 40px #061b23a6}.story-mode .story-input-error{border-top-color:#9b3146}.story-mode .story-paused-card h2{font:800 23px/1.15 Trebuchet MS,sans-serif;letter-spacing:0}.story-mode :is(.story-paused-card,.story-input-error)>.story-kicker{color:#624c2c}.story-mode .story-input-error>.story-kicker{color:#9b3146!important}.story-mode .story-pause-settings .control-picker button{min-height:44px;padding:8px 4px;font-size:12px;overflow-wrap:anywhere}.story-mode :is(.story-paused-card,.story-input-error)>.story-secondary-button{min-height:44px;font-size:12px}.story-mode :is(button,summary):focus-visible{outline:3px solid #d4943b;outline-offset:3px}@media(max-width:620px){.story-mode .story-topbar{width:calc(100% - 24px);margin-top:12px;padding:4px 8px!important;gap:6px}.story-mode .story-topbar .story-wordmark b{font-size:13px!important}.story-mode .story-topbar__resources{gap:6px!important}.story-mode .story-topbar__resources>span:not(.save-status){grid-template-columns:14px auto;gap:3px}.story-mode .story-topbar__resources b{font-size:12px!important}.story-mode .story-topbar .resource-icon{width:14px;height:14px}.story-mode .story-topbar .save-status{font-size:8px;padding-left:5px}.story-mode .story-result,.story-mode .story-ending{padding:18px 12px;min-height:calc(100dvh - 80px)}.match-board{padding:16px;gap:11px}.result-board-heading{grid-template-columns:minmax(0,1fr) 68px;gap:10px}.story-mode .match-board h2{font-size:24px}.story-mode .match-board .reward-art{width:68px}.story-mode .match-board .result-actions{grid-template-columns:1fr;gap:8px}.match-board .result-rewards>span{grid-template-columns:1fr;justify-items:center;gap:4px;text-align:center}.match-board .result-rewards i{grid-row:auto}.match-board .result-rewards small{text-align:center}}@media(max-height:500px)and (min-width:621px){.story-mode .story-result,.story-mode .story-ending{min-height:0;padding:16px}.match-board{width:min(660px,100%);gap:8px;padding:16px}.story-mode .match-board h2{font-size:24px}.story-mode .match-board .reward-art{width:64px}.story-mode .match-board .result-actions{grid-template-columns:1fr 1fr}}.story-mode--plaza{pointer-events:none!important}.hub-explore{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}.hub-explore button{pointer-events:auto;min-height:44px;border:1px solid #d7e5d44d;border-radius:12px;background:#173c36ed;color:#fff;padding:10px 16px;font-weight:700}.hub-explore__header{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px}.hub-explore__header>div{display:grid;margin-right:auto;text-shadow:0 2px 5px #163a32}.hub-explore small{font-size:10px;letter-spacing:1.5px}.hub-explore__header b{font-size:24px}.hub-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}.hub-interaction{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:grid;text-align:center;gap:8px;width:max-content;max-width:88%;z-index:6}.hub-interaction small{padding:7px;background:#163a32d9;border-radius:8px}.hub-interaction button:disabled{opacity:.6}.hub-key-help{position:absolute;bottom:15px;width:100%;text-align:center;font-size:11px;letter-spacing:1px;text-shadow:0 2px 4px #000}.hub-pause{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,90%);max-height:85%;overflow:auto;padding:28px;border:1px solid #ddecd880;border-radius:22px;background:#163a32f5;box-shadow:0 20px 80px #061a2266;display:grid;gap:12px}.hub-pause h2,.hub-pause p{margin:0}.hub-pause p{line-height:1.6;color:#bfd7ce}.hub-pause button:first-of-type{background:#d9ef98;color:#183f35}.story-mode--hub:not(.story-mode--plaza){background:#163a32d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.story-mode--hub .story-plaza-toggle{position:sticky;bottom:0;min-height:48px}.hub-explore .touch-toolbar{top:88px}.hub-explore .touch-controls button{font-size:10px;padding:8px 12px}.hub-explore .touch-stick{pointer-events:auto}@media(pointer:coarse),(max-width:760px){.hub-interaction{bottom:calc(210px + env(safe-area-inset-bottom));max-width:88%}.hub-explore__header b{font-size:20px}.hub-explore__header button{font-size:11px}.hub-explore__header{top:max(12px,env(safe-area-inset-top))}}@media(max-height:500px)and (orientation:landscape){.hub-interaction{bottom:32px;max-width:36%}.hub-interaction small{font-size:9px}.hub-interaction button{font-size:11px}.hub-explore .touch-toolbar{top:68px}.hub-pause{padding:18px;gap:8px}.hub-pause p{display:none}}.hub-explore__header button{width:auto;flex-shrink:0}.hub-explore small{margin:0;color:#d9e7ce}.hub-explore__header>div{align-items:start;gap:4px}.hub-explore .touch-toolbar button,.hub-explore .touch-actions button{width:auto}.hub-explore .touch-controls{pointer-events:none}.hub-explore .touch-actions,.hub-explore .touch-toolbar{pointer-events:auto}.hub-dealer{width:min(1020px,100%);height:auto!important;min-height:100%;margin:auto;padding:0 28px 40px!important;overflow:visible!important;background:#eff1e1;color:#173c36}.hub-dealer__header{position:sticky;top:0;left:auto;right:auto;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;background:#eff1e1;border-bottom:1px solid #214b3c44}.hub-dealer__header button{width:auto;background:#214b3c;color:#fff;min-height:48px;border-radius:12px}.hub-dealer__header span{font-size:12px;font-weight:800;text-align:right}.hub-dealer__header small{margin:4px 0 0;color:#416a68}.hub-dealer__welcome{display:flex;gap:22px;align-items:center;padding:30px 0}.hub-dealer__portrait{display:grid;place-items:center;flex:0 0 84px;height:100px;border-radius:40px 40px 18px 18px;background:#e9ba73;color:#214b3c;font-size:48px;font-weight:800}.hub-dealer__welcome h1{font-size:clamp(24px,4vw,40px);margin:7px 0 12px;color:#173c36}.hub-dealer__welcome small{margin:0;text-align:left;color:#416a68;font-size:10px;letter-spacing:1px}.hub-dealer .story-heading{margin-bottom:18px}.hub-dealer .story-heading h2{font-size:22px}.hub-dealer .shop-wallet,.hub-dealer .story-kicker{display:none}.hub-dealer .item-card{border:1px solid #214b3c55;box-shadow:0 3px #214b3c22;border-radius:14px;overflow:hidden}.hub-dealer .item-card__action{border-radius:8px;min-height:48px}.hub-dealer .item-card__art{background:#214b3c}.hub-explore__header>div{padding:8px 12px;background:#173c36e6!important;border:1px solid #d7e5d44d!important;border-radius:12px;box-shadow:none!important;color:#fff;text-shadow:none}.hub-explore__header b{color:#fff!important;text-shadow:none!important}.hub-pause h2{color:#f1f4e2}.hub-pause p{color:#bfd7ce}.hub-explore .hub-key-help{color:#e9f4df}.story-mode--plaza{overflow:hidden!important}.story-mode--hub:not(.story-mode--plaza){touch-action:pan-y;overscroll-behavior:contain}@media(max-width:600px){.hub-dealer{padding:0 16px 28px!important}.hub-dealer__welcome{gap:14px;padding:22px 0}.hub-dealer__portrait{flex-basis:52px;height:76px;font-size:32px}.hub-dealer__welcome h1{font-size:24px}.hub-dealer .story-heading p{font-size:12px}.hub-dealer .item-grid{gap:14px}}.hub-dealer__header,.hub-dealer__header button{pointer-events:auto}.hub-dealer__header{width:100%;transform:none}.hub-wayfinding{position:absolute;top:100px;left:24px;display:grid;gap:5px;max-width:330px;padding:11px 14px;background:#173c36dd;border:1px solid #d6e2c833;border-radius:10px;font-size:13px}.hub-wayfinding b{color:#f3dfa5}.hub-wayfinding span{font-size:11px;color:#edf0db;line-height:1.5}.hub-court-notice{position:absolute;top:42%;left:50%;transform:translate(-50%);max-width:85%;padding:12px 18px;border-radius:12px;background:#f0d596;color:#243f38;font-weight:800;text-align:center}.story-hub--focused{display:block!important;width:min(900px,100%);margin:auto;padding:20px!important;min-height:0!important;background:#f3efdf;color:#233f38}.journey-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.journey-navigation>div{display:flex;gap:7px}.journey-navigation button,.story-tune-links button{width:auto;min-height:42px;border:1px solid #789083;border-radius:8px;background:transparent;color:#234238;padding:9px 14px;font-weight:700;box-shadow:none}.journey-navigation button[aria-pressed=true]{background:#284f43;color:#fff7dd}.story-hub--focused .story-content{padding:0!important;min-width:0}.journey-panel{max-width:640px;margin:0 auto}.journey-panel>h2{font-size:clamp(25px,4vw,36px);margin:10px 0 24px;color:#244438}.journey-next{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px 17px;background:#e1e8d5;border:1px solid #9aaa91;border-radius:14px;padding:24px}.journey-badge{display:grid;place-items:center;background:#385c48;color:#f2dfad;border-radius:50%;width:56px;height:56px;font-size:23px;font-weight:900}.journey-next h3{margin:5px 0;color:#234238;font-size:26px}.journey-next small{margin:0;color:#52735c;text-align:left;font-size:12px}.journey-next p{margin:0;color:#506650;line-height:1.6}.journey-tip{grid-column:1/-1;margin:10px 0!important}.journey-next .story-primary-button{grid-column:1/-1;background:#2b5142;color:#fff5d9;border:0;border-radius:8px;box-shadow:none;font-style:normal;padding:15px;min-height:50px}.journey-route{margin-top:20px;border-top:1px solid #9aaa9155}.journey-route summary{display:flex;justify-content:space-between;gap:12px;padding:18px 0;cursor:pointer;font-weight:800}.journey-route summary span{font-weight:400;font-size:12px;color:#65745f}.journey-dojo{display:flex;align-items:center;gap:14px;width:100%;padding:14px 8px;background:transparent;border:0;border-bottom:1px solid #9aaa9144;color:#284538;text-align:left;min-height:48px}.journey-dojo b{flex:1}.journey-dojo small{margin:0;color:#536953}.journey-dojo:disabled{opacity:.45}.story-tune-links{display:flex;gap:8px;margin-bottom:18px}.story-topbar__title{display:none!important}.story-topbar{min-height:65px!important;padding:12px 20px!important}.story-topbar__resources small,.story-wordmark small{display:none}.story-close{font-size:0!important}.story-close span{font-size:24px}.story-mode--hub:not(.story-mode--plaza){background:#f3efdf}@media(max-width:600px){.hub-wayfinding{top:146px;left:16px;max-width:calc(100% - 32px);padding:9px 12px}.hub-explore__header{left:16px;right:16px}.story-hub--focused{padding:16px!important}.journey-navigation{margin-bottom:20px}.journey-navigation button{padding:8px 11px;font-size:12px}.journey-next{padding:17px;gap:9px 12px;grid-template-columns:46px minmax(0,1fr)}.journey-badge{width:43px;height:43px;font-size:19px}.journey-next h3{font-size:22px}.journey-next .story-primary-button{font-size:13px}.story-topbar__resources{gap:8px!important}.story-topbar{padding:10px 14px!important}.story-wordmark b{font-size:18px!important}}@media(max-height:500px)and (orientation:landscape){.hub-wayfinding{top:74px;left:16px;max-width:310px;padding:7px 10px}.hub-wayfinding span{font-size:10px}.hub-explore .touch-toolbar{top:68px}}.story-gym--focused{display:block!important;width:min(720px,100%)!important;margin:0 auto!important;padding:24px!important;min-height:0!important;background:#f3efdf;color:#244438}.story-gym--focused>.story-secondary-button{width:auto;margin:0 0 28px;border:1px solid #81927f;border-radius:7px;box-shadow:none;background:transparent;color:#244438}.story-gym--focused h2{font-size:clamp(30px,5vw,44px);margin:10px 0 6px}.gym-opponent-title{color:#6d795f;margin:0 0 22px}.gym-ready-card{padding:24px;border:1px solid #98aa8f;border-radius:14px;background:#e4e9d9}.gym-ready-card>p{line-height:1.7;margin:0 0 20px}.gym-match-facts{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:0 0 20px;color:#53674d}.gym-match-facts span{padding:7px 10px;border:1px solid #a7b298;border-radius:6px}.gym-ready-card .story-primary-button{width:100%;min-height:50px;background:#2b5142;color:#fff5d9;border:0;border-radius:8px;box-shadow:none;font-style:normal}.gym-ready-card>small{margin:12px 0 0;color:#53674d;font-size:11px}.gym-options{margin-top:22px}.gym-options summary{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid #a7b29877;cursor:pointer;font-weight:800}.gym-options summary span{font-size:12px;color:#66765d;font-weight:400}.gym-options .mode-toggle{margin:12px 0}.story-mode--gym{background:#f3efdf!important}.gym-options .opponent-row[aria-pressed=true]{outline:2px solid #537b5c}.gym-options .opponent-row:disabled{opacity:.4}@media(max-width:600px){.story-gym--focused{padding:16px!important}.gym-ready-card{padding:18px}.story-gym--focused>.story-secondary-button{margin-bottom:20px}.gym-options summary{font-size:13px}.gym-options summary span{font-size:11px}}.story-mode--hub .story-topbar,.story-mode--gym .story-topbar{background:#25473c;border-color:#b4bc95;box-shadow:none}.story-mode--hub .story-kicker,.story-mode--gym .story-kicker{color:#617551}.story-mode--hub:has(.journey-panel) .story-topbar__resources:not(:has(.is-error)),.story-mode--gym .story-topbar__resources:not(:has(.is-error)){display:none}.story-hub--focused,.story-gym--focused{font-family:Inter,system-ui,sans-serif}.story-mode--hub .story-mode__grain,.story-mode--gym .story-mode__grain{opacity:.2}.story-mode.story-mode--hub:not(.story-mode--plaza),.story-mode.story-mode--gym{background:#091f2673!important;-webkit-backdrop-filter:none;backdrop-filter:none}.story-mode .story-topbar__resources{display:flex!important}.story-mode.story-mode--hub .story-topbar,.story-mode.story-mode--gym .story-topbar{background:#17383c;border-color:#b99b66}.story-mode.story-mode--hub .story-kicker,.story-mode.story-mode--gym .story-kicker{color:#624c2c}.story-mode :is(.story-hub--focused,.story-gym--focused,.hub-dealer){width:min(920px,calc(100% - 32px))!important;height:auto!important;min-height:0!important;margin:18px auto;padding:24px!important;color:#203d40;background:#f7f0de;border:6px solid #654c36;border-radius:5px;outline:1px solid #b99b66;box-shadow:inset 0 0 0 1px #b99b66,0 16px 40px #04171bb3;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:visible!important}.story-mode .story-hub--focused{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px}.story-mode .journey-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0 0 12px;border-bottom:1px solid #b99b66}.story-mode .journey-navigation>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.story-mode .journey-navigation>button{flex-shrink:0;margin:0}.story-mode :is(.journey-navigation,.story-tune-links,.shop-filters) button{min-height:44px;border-radius:3px;padding:9px 10px;font:800 12px/1.3 Trebuchet MS,sans-serif}.story-mode .journey-navigation button[aria-pressed=true],.story-mode .story-tune-links button[aria-pressed=true],.story-mode .shop-filters button.is-selected{color:#f7f0de;background:#21484b;border-color:#21484b;box-shadow:inset 3px 0 #e4c68c}.story-mode .journey-panel{max-width:none;margin:0}.story-mode .journey-panel>h2,.story-mode .story-heading h2{font:800 25px/1.15 Trebuchet MS,sans-serif;letter-spacing:0;margin:8px 0 16px;max-width:none}.story-mode .journey-next{padding:0;border:0;border-radius:0;background:none;gap:10px 14px;grid-template-columns:56px minmax(0,1fr)}.story-mode .journey-badge{position:relative;width:56px;height:auto;align-self:start;display:grid;background:none;border-radius:0}.journey-badge svg{width:56px;height:56px}.journey-badge>b{position:absolute;bottom:-2px;right:-4px;padding:3px 5px;border:1px solid #b99b66;border-radius:2px;color:#f7f0de;background:#17383c;font:800 10px/1 Consolas,monospace}.story-mode .journey-next h3{font-size:23px;margin:5px 0}.story-mode .journey-next :is(.journey-lesson,.journey-objective){margin-top:0;padding:10px 12px;border:0;border-left:3px solid #b99b66;background:#e9dfc766}.story-mode .journey-next .story-primary-button{min-height:48px;border-radius:3px;background:#21484b;color:#f7f0de}.story-mode .journey-route{margin-top:16px}.story-mode .journey-route summary{min-height:44px;padding:12px 0}.story-mode .journey-dojo{min-height:48px;padding:10px 8px;border-bottom:1px solid #b99b6677}.story-mode .journey-dojo:disabled{opacity:1;color:#6a6659;background:#e5dfcf}.story-mode .story-tune-links{flex:1;max-width:600px;margin:0;padding:0}.story-mode .story-tune-links button{flex:1;min-width:0;background:#e9dfc7}.story-mode .story-heading{gap:16px;margin-bottom:12px;align-items:flex-start}.story-mode .shop-panel .story-heading h2{margin:6px 0 8px}.story-mode .story-heading p{color:#435954}.story-mode .story-gym--focused{width:min(740px,calc(100% - 32px))!important}.story-mode .story-gym--focused>.story-secondary-button{min-height:44px;margin-bottom:16px;border-radius:3px}.gym-journal-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:16px}.gym-journal-heading>svg{width:64px;height:64px}.story-mode .story-gym--focused h2{font:800 28px/1.15 Trebuchet MS,sans-serif;letter-spacing:0;margin:6px 0}.story-mode .gym-opponent-title{margin:0;color:#435954}.story-mode .dojo-brief-card{margin:0 0 16px;padding:12px 0;border:0;border-block:1px solid #b99b66;background:none;border-radius:0;gap:14px}.story-mode :is(.dojo-lesson-block,.dojo-objective-block,.dojo-boss-block){padding:0;border:0;border-radius:0;background:none}.story-mode .gym-ready-card{border:0;padding:0;border-radius:0;background:none}.story-mode .gym-ready-card .story-primary-button{border-radius:3px;background:#21484b}.story-mode .gym-ready-card>p{margin-bottom:12px;line-height:1.5}.story-mode .gym-match-facts{gap:7px;margin-bottom:12px}.story-mode .gym-match-facts span{padding:6px 8px;border-radius:2px;background:#e9dfc7}.story-mode .gym-loadout{border:1px solid #b99b66;border-radius:3px;background:#e9dfc7;margin:12px 0}.story-mode .gym-options{margin-top:16px}.story-mode .gym-options summary{min-height:44px}.story-mode .hub-dealer__header{position:relative;top:auto;padding:0 0 12px;background:none;border-bottom:1px solid #b99b66}.story-mode .hub-dealer__header button{min-height:44px;border-radius:3px}.story-mode .hub-dealer__welcome{padding:16px 0;gap:16px}.story-mode .hub-dealer__portrait{flex-basis:52px;height:60px;border:2px solid #b99b66;border-radius:5px;background:#17383c;color:#e4c68c;font-size:28px}.story-mode .hub-dealer__welcome h1{font:800 23px/1.15 Trebuchet MS,sans-serif;margin:6px 0;letter-spacing:0}.story-mode .hub-dealer__portrait .item-illustration{width:44px;max-height:54px}.story-mode .shop-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,360px);gap:6px;margin-bottom:12px}.story-mode .shop-filters button{min-width:0;padding:9px 6px}.story-mode .shop-filters button:not(.is-selected):hover{background:#e9dfc7;color:#203d40;border-color:#21484b}.story-mode .item-grid{gap:4px;padding:4px;background:#654c36;border:1px solid #b99b66;border-radius:3px}.story-mode .item-card{position:relative;min-height:160px;grid-template-columns:76px minmax(0,1fr);border:1px solid #b99b66;border-radius:2px;box-shadow:none;background:#f7f0de}.story-mode .item-card.is-equipped{border-color:#21484b;box-shadow:inset 0 0 0 2px #21484b}.story-mode .item-card__art{border-radius:0;border-right:1px solid #b99b66;min-height:160px}.story-mode .item-card__copy{padding:12px 10px 6px}.story-mode .item-card__copy h3{font:800 16px/1.2 Trebuchet MS,sans-serif;letter-spacing:0}.story-mode .item-card__copy p{font-size:12px;color:#435954}.story-mode .item-card__copy small{font-size:9px;color:#435954}.story-mode .item-card__action{min-height:44px;border-radius:2px;font-size:11px;padding:8px}.story-mode .item-card__action b{font-size:11px}.story-mode .item-card__action:disabled{opacity:1}.story-mode .loadout-stage{grid-template-columns:minmax(160px,240px) minmax(0,1fr);border:4px solid #654c36;border-radius:3px;box-shadow:inset 0 0 0 1px #b99b66}.story-mode .loadout-paddle{border-radius:0;padding:18px}.story-mode .loadout-specs{background:#f7f0de;padding:12px 18px}.story-mode .loadout-specs>div{padding:12px 0;border-bottom:1px solid #b99b6677}.story-mode .loadout-specs small{color:#624c2c;font-size:10px}.story-mode .loadout-specs b{font-size:15px}.story-mode .loadout-specs span{font-size:12px;color:#435954}.story-mode .loadout-ready{flex-shrink:0;border:1px solid #b99b66;border-radius:3px;background:#21484b;color:#f7f0de;font-size:12px}.story-mode .loadout-ready small{color:#d5e0d7;font-size:9px}.story-mode .talent-heading{gap:12px;margin:0 0 14px;align-items:flex-start}.story-mode .talent-heading h2{font:800 26px/1.15 Trebuchet MS,sans-serif;letter-spacing:0;margin:6px 0 8px}.story-mode .talent-heading>div:first-child{min-width:0}.story-mode .talent-heading>div>span{font-size:12px;line-height:1.5}.story-mode .talent-points{min-width:88px;width:auto;height:64px;padding:8px;gap:4px;border:1px solid #b99b66;border-radius:3px;box-shadow:none}.story-mode .talent-points b{font:800 26px/1 Consolas,monospace}.story-mode .talent-heading .talent-points span{margin:0;font:800 9px/1.3 Trebuchet MS,sans-serif;letter-spacing:0}.story-mode .talent-garden,.story-mode .talent-detail{border-radius:4px}.story-mode .talent-detail{box-shadow:none}.story-mode .talent-tier,.story-mode .talent-state{font-size:11px;letter-spacing:0}.story-mode .item-card__reason{font-size:12px}.story-mode .hub-pause{padding:22px;border:6px solid #654c36;outline:1px solid #b99b66;border-radius:5px;background:#f7f0de;color:#203d40;box-shadow:0 14px 40px #061b23a6}.story-mode .hub-pause h2{font:800 24px/1.15 Trebuchet MS,sans-serif;color:#203d40}.story-mode .hub-pause p{color:#435954}.story-mode .hub-pause button{border-radius:3px}.story-mode .story-gym--focused{width:min(560px,calc(100% - 32px))!important;padding:20px!important}.story-mode .story-gym--focused>.story-secondary-button{margin-bottom:12px}.story-mode .gym-journal-heading{grid-template-columns:48px minmax(0,1fr);gap:12px;margin-bottom:12px}.story-mode .gym-journal-heading>svg{width:48px;height:48px}.story-mode .story-gym--focused h2{font-size:25px}.story-mode .gym-opponent-title{font-size:12px}.story-mode .dojo-brief-card{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 12px;padding:10px 0}.story-mode :is(.dojo-lesson-block,.dojo-objective-block){gap:4px}.story-mode :is(.dojo-lesson-block,.dojo-objective-block) h3{font:800 15px/1.25 Trebuchet MS,sans-serif;color:#203d40}.story-mode :is(.dojo-lesson-block,.dojo-objective-block)>span{color:#624c2c;font-size:10px}.story-mode .dojo-objective-block p{color:#435954;font-size:12px;line-height:1.4}.gym-control-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:9px 10px;border-left:3px solid #b99b66;background:#17383c;color:#f7f0de;font-size:12px;line-height:1.4}.gym-control-strip>b{color:#e4c68c}.gym-control-strip>small{grid-column:2;margin:0;color:#f7f0de;font-size:11px}.gym-kit-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.story-mode .gym-kit-reward .gym-loadout{flex:1;min-width:0;gap:8px;border:0;padding:0;margin:0;background:none}.story-mode .gym-kit-reward .gym-loadout .item-illustration{width:24px;height:36px;flex-shrink:0}.story-mode .gym-kit-reward .gym-loadout b{font-size:12px}.story-mode .gym-kit-reward .gym-loadout small{color:#624c2c;font-size:10px;letter-spacing:0}.gym-kit-reward>small{max-width:150px;margin:0;color:#435954;font-size:11px;text-align:right}.story-mode .gym-ready-card .story-primary-button{min-height:48px;font-size:14px;margin:0}.story-mode :is(.gym-coaching,.gym-options){margin-top:8px;border-top:1px solid #b99b6677}.story-mode :is(.gym-coaching,.gym-options)>summary{min-height:44px;display:flex;align-items:center;padding:10px 0;border:0;gap:8px;cursor:pointer;font:800 12px/1.4 Trebuchet MS,sans-serif}.story-mode :is(.gym-coaching,.gym-options)>summary:after{content:"+";margin-left:auto;color:#624c2c}.story-mode :is(.gym-coaching,.gym-options)[open]>summary:after{content:"−"}.story-mode .gym-coaching p{font-size:12px;line-height:1.5;color:#435954;margin:8px 0}.story-mode .gym-coaching .dojo-boss-block{border:0;padding:8px 0;background:none}.story-mode .gym-coaching .dojo-boss-block :is(span,small,em){color:#435954;font-size:11px}.story-mode .loadout-panel .story-heading{align-items:center;margin-bottom:12px}.story-mode .loadout-panel .story-heading h2{margin:6px 0 0;font-size:23px}.story-mode .loadout-stage{min-height:0;grid-template-columns:96px minmax(0,1fr)}.story-mode .loadout-paddle{min-height:0;padding:8px;align-content:center;gap:6px}.story-mode .loadout-paddle:before{content:none}.story-mode .loadout-paddle .item-illustration{width:66px;height:90px;max-width:66px;max-height:90px;margin:0}.story-mode .loadout-paddle small{position:static;font-size:10px;line-height:1.3;letter-spacing:0;text-align:center}.story-mode .loadout-specs{min-width:0;padding:4px 10px}.story-mode .loadout-specs>div{padding:7px 0;gap:3px}.story-mode .loadout-specs>div:last-child{border-bottom:0}.story-mode .loadout-specs b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.story-mode .loadout-specs span{font-size:11px;line-height:1.4}.loadout-rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.loadout-rack button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;min-height:50px;min-width:0;padding:8px;border:1px solid #b99b66;border-radius:3px;background:#e9dfc7;color:#203d40;text-align:left}.loadout-rack button[aria-pressed=true]{background:#21484b;color:#f7f0de;opacity:1}.loadout-rack button>span{grid-row:1/3}.loadout-rack .item-illustration{width:24px;height:34px}.loadout-rack button b{font-size:12px;overflow-wrap:anywhere}.loadout-rack button small{font-size:11px;color:inherit;margin:0}.story-mode .loadout-shop{min-height:44px;width:100%;border:1px solid #b99b66;border-radius:3px;background:#e9dfc7;color:#203d40;font-size:12px;box-shadow:none}@media(max-width:620px){.story-mode :is(.story-hub--focused,.story-gym--focused,.hub-dealer){width:calc(100% - 24px)!important;padding:16px!important;margin:16px auto}.story-mode .story-hub--focused{gap:12px}.story-mode .journey-navigation{display:grid;gap:8px}.story-mode .journey-navigation>button{width:max-content}.story-mode .journey-navigation>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}.story-mode .journey-navigation>div button{width:100%;padding:9px 6px}.story-mode .talent-node b{font-size:12px}.story-mode .journey-next{grid-template-columns:48px minmax(0,1fr);gap:9px 12px}.story-mode .journey-badge,.journey-badge svg{width:48px}.journey-badge svg{height:48px}.story-mode .item-grid{grid-template-columns:1fr}.story-mode .loadout-stage{grid-template-columns:76px minmax(0,1fr)}.story-mode .loadout-panel .story-heading{display:grid;gap:8px}.story-mode .loadout-ready{width:max-content;max-width:100%}.gym-journal-heading{grid-template-columns:48px minmax(0,1fr);gap:12px}.gym-journal-heading>svg{width:48px;height:48px}.story-mode .story-gym--focused h2{font-size:24px}.story-mode .hub-dealer__welcome{gap:12px}.story-mode .hub-dealer__welcome h1{font-size:20px}.story-mode .hub-pause{padding:16px}.story-mode .loadout-panel .story-heading{gap:6px}.story-mode .loadout-paddle .item-illustration{width:52px;height:72px}.loadout-rack{grid-template-columns:1fr}.story-mode .story-gym--focused{padding:16px!important}.gym-control-strip{grid-template-columns:1fr}.gym-control-strip>small{grid-column:1}}.story-mode :is(.journey-navigation,.gym-control-strip,.hub-pause,.hub-dealer__header) button:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 2px #122b3433}.hub-explore__header,.hub-dealer__header span{font-variant-numeric:tabular-nums}.hub-wayfinding .hub-waypoint{display:flex;align-items:center;gap:4px;line-height:18px;font-variant-numeric:tabular-nums}.hub-wayfinding .hub-waypoint>span{flex:0 0 1.25em;font-size:15px;line-height:18px;text-align:center;color:#f3dfa5}