/* Main-menu presentation. Camera and validation remain independent of this layer. */
.hero-content h1{font-family:var(--display);font-weight:800;color:#f2eee6}
.hero-content h1 em{font-style:normal}
body{background:#080b0e}
.game-shell{min-height:100svh;position:relative}
.game-header{position:absolute;inset:0 0 auto;height:100px;padding:0 4%;background:linear-gradient(#070a0ddd,transparent);border:0;z-index:20;gap:24px;flex-wrap:nowrap}
.brand{font-size:30px;letter-spacing:.5px;gap:12px;flex-shrink:0}.brand-mark{width:31px;height:38px}
.top-actions{gap:22px;margin-left:auto}.top-actions>.icon-button{width:44px;height:44px;border:1px solid #ffffff24;background:#0b111680;border-radius:50%}.top-actions>.icon-button:hover{background:#ffffff16;border-color:#ffb54790;transform:rotate(8deg)}
.top-actions .athlete{min-width:0;width:auto;max-width:230px;gap:10px}.top-actions .avatar{width:36px;height:42px;background:#171b20;border-color:#ffb54755}.top-actions .athlete strong{font-size:12px;letter-spacing:.2px}.top-actions .athlete small{font-size:9px;color:#b1ac9e}
.screen-back{display:flex;align-items:center;gap:12px;min-height:44px;color:#d8d4c9;font-size:12px;margin-left:24px}.screen-back svg{width:16px;transform:rotate(180deg)}.screen-back kbd{font:10px 'Segoe UI',sans-serif;border:1px solid #ffffff25;padding:3px 5px;border-radius:3px;color:#92969a}.screen-back:hover{color:#ffb547}
.arena-layout{max-width:none;padding:0;margin:0}.hero-panel{height:100svh;min-height:740px;max-height:none;border-radius:0;border:0;background:#11161a}.hero-panel:after{border:0;border-radius:0;background:linear-gradient(90deg,transparent,#ffffff35,transparent) bottom 55px center/calc(100% - 8vw) 1px no-repeat}
.hero-art{opacity:.83;inset:-3%;width:106%;height:106%;object-position:60% 50%;filter:none!important}.hero-shade{background:linear-gradient(90deg,#080d11f5 0%,#080d11d9 24%,#080d1155 48%,#080d110a 72%),linear-gradient(0deg,#080b0ff5 0%,#080c1155 22%,transparent 54%,#080c1140)}
.hero-content{top:23%;left:6%;right:auto;bottom:auto;transform:none;width:34%;padding:0;z-index:6;pointer-events:auto}.hero-kicker{font-size:9px;letter-spacing:2.5px;color:#c8c2b6}.hero-content h1{font-size:clamp(70px,7.1vw,116px);line-height:.85;letter-spacing:-.8px;margin:21px 0 36px;white-space:normal;text-shadow:0 3px 30px #0003}.hero-content h1 br{display:block}.hero-content h1 em{color:#f2eee6;transform:none;margin:0}
.lobby-menu{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(350px,100%);padding:0;margin:0;position:relative}
.menu-play,.menu-item{display:flex;align-items:center;position:relative;text-align:left;text-transform:uppercase;isolation:isolate;transition:color .2s,transform .25s,background .25s;min-height:45px;flex-shrink:0}
.menu-play{min-height:80px;padding:9px 20px 10px 21px;margin:0 0 13px;background:#ffb547;color:#1b140a;box-shadow:0 10px 40px #0004;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);border:0;border-radius:0;flex-wrap:wrap}
.menu-play>span{font:800 50px/.95 var(--display);letter-spacing:.5px;width:100%}.menu-play>small{font-size:8px;letter-spacing:1.8px;margin-top:5px;font-weight:700}.menu-play>svg{position:absolute;right:22px;top:29px;width:24px;height:24px;transition:translate .25s}.menu-play:hover{background:#ffd28b;transform:translateX(7px)}.menu-play:hover svg{translate:5px 0}.menu-play:focus-visible{outline:0;background:#ffe2ae;box-shadow:inset 0 0 0 3px #fff}
.menu-play:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#fff7 50%,transparent 60%);translate:-130% 0;transition:translate .65s;pointer-events:none}.menu-play:hover:before{translate:130% 0}
.menu-item{font:800 27px/1 var(--display);letter-spacing:1px;color:#c5c4bf;padding:7px 15px 7px 21px;gap:15px;border:0;border-left:2px solid #ffffff17;background:linear-gradient(90deg,#070d1470,transparent);border-radius:0}.menu-item>svg{width:17px;height:17px;opacity:.45;margin-left:auto}.menu-item:hover,.menu-item:focus-visible{color:#fff;transform:translateX(7px);background:linear-gradient(90deg,#ffffff13,transparent);border-left-color:#ffb547}.menu-item:hover svg{color:#ffb547;opacity:1}
.camera-consent{font-size:9px;line-height:1.7;color:#aaa9a3;margin-top:22px;max-width:300px;align-items:flex-start}.camera-consent svg{margin-top:2px;flex-shrink:0}
.guardian-platform{right:1%;bottom:13%;top:auto;width:63%;height:79%;max-width:none}.guardian-shadow{bottom:7%;opacity:.9}.arena-sigil{bottom:-15%;right:13%;width:65%;opacity:.5}.guardian-index{top:9%;right:5%;font-size:clamp(270px,30vw,460px);opacity:.65}.arena-haze{bottom:12%;opacity:.1}.arena-beam{left:40%;opacity:.6}
#guardian-sprite,.guardian-echo{bottom:0;height:98%;filter:drop-shadow(0 20px 24px #0008)}
.hero-enemy{top:115px;right:5%;bottom:auto;left:auto;align-items:flex-end;gap:7px}.hero-enemy>span{font-size:8px;letter-spacing:2px;color:#e2d6c4}.hero-enemy strong{font-size:35px;letter-spacing:1.3px}.hero-enemy small{font-size:10px;letter-spacing:2px}
.guardian-touch{inset:14% 16% 13% 17%}.guardian-touch>span{font-size:8px;bottom:5%;border-color:#ffffff33;background:#0c1119bd;letter-spacing:2px;padding:9px 13px}
.encounter-selection{position:absolute;right:5%;bottom:83px;width:50%;max-width:700px;z-index:7}.encounter-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.encounter-label>span{font-size:8px;font-weight:700;letter-spacing:2px;color:#e0dacc}.encounter-label>small{font-size:9px;color:#b7b3a8}
.guardian-roster{position:relative;bottom:auto;right:auto;left:auto;width:100%;max-width:none;gap:10px}.guardian-option{padding:8px 10px;min-height:70px;flex-direction:row;border-radius:0;border-color:#ffffff20;background:linear-gradient(115deg,#182025d9,#090e13dd);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.guardian-option img{width:48px;height:51px}.guardian-option>span{gap:5px}.guardian-option strong{font-size:19px;letter-spacing:.2px}.guardian-option small{display:block;font-size:7px}.guardian-option b{position:absolute;right:8px;top:5px;display:block;font:800 12px var(--display);color:#ffffff24}.guardian-option.selected{box-shadow:inset 0 -2px var(--option-color,#ffb547);border-color:color-mix(in srgb,var(--option-color,#ffb547) 55%,transparent)}.guardian-option.selected img{transform:scale(1.1)}.guardian-option:hover{transform:translateY(-5px)}
.arena-footer{position:absolute;left:4%;right:4%;bottom:0;height:55px;display:flex;flex-wrap:nowrap;align-items:center;padding:0;margin:0;gap:22px;z-index:8;border:0}.arena-footer .lobby-mode{width:auto;font-size:8px;font-weight:600;letter-spacing:2px;color:#aaa89d;margin-right:auto;display:flex;align-items:center;gap:8px}.lobby-mode i{width:5px;height:5px;background:#ffb547;border-radius:50%}.arena-footer .text-button{font-size:10px;min-height:44px;color:#b5b2a9;gap:8px}.arena-footer .text-button svg{width:14px;height:14px}
body[data-page="progress"] .game-header,body[data-page="guide"] .game-header{position:relative;background:#0c1015;border-bottom:1px solid #ffffff12}.record-account{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#101820;border:1px solid #ffffff14;padding:20px 24px;margin-bottom:28px}.record-account p{font-size:12px;color:#999fa6;margin:6px 0 0}.record-account .eyebrow{font-size:8px;color:#d4b885}.record-account .wallet-button{min-height:44px;flex-shrink:0}.game-main{min-width:0}
#page-progress,#page-guide{max-width:1200px;padding:45px 5% 70px}.page-intro h1{font-size:70px}.page-intro{margin-bottom:30px}.page-intro .season-label{font-size:9px;letter-spacing:2px;color:#aaa}.page-intro .eyebrow{font-size:9px;letter-spacing:2px}
@media(min-width:1800px){.hero-content{top:24%;left:8%}.hero-content h1{font-size:130px}.lobby-menu{width:390px}.menu-play{min-height:91px}.menu-play>span{font-size:58px}.menu-item{font-size:31px;min-height:50px}.guardian-platform{right:3%;width:61%;height:84%;bottom:11%}.encounter-selection{right:6%;bottom:95px}}
@media(max-width:1100px) and (min-width:901px){.hero-content{left:5%;width:37%;top:23%}.hero-content h1{font-size:82px}.guardian-platform{right:-7%;width:72%;height:73%;bottom:19%}.hero-enemy{right:4%;top:117px}.encounter-selection{width:51%;right:4%}.guardian-option img{width:34px;height:47px}.guardian-option{padding:8px 7px;gap:6px}.guardian-option strong{font-size:15px}.guardian-option small{font-size:6px}.encounter-label>span{font-size:7px;letter-spacing:1.2px}.encounter-label>small{font-size:8px}.menu-play>span{font-size:44px}.camera-consent{font-size:8px}.game-header{padding:0 4%;height:90px}.brand{font-size:25px}.screen-back{margin-left:0}}
@media(max-width:900px){.game-header{height:76px;min-height:76px;padding:0 20px;gap:14px;flex-wrap:nowrap}.brand{font-size:23px;gap:9px}.brand-mark{width:25px;height:31px}.top-actions{gap:10px}.top-actions>.icon-button{width:38px;height:38px}.top-actions .athlete{min-width:0}.top-actions .athlete>span:nth-child(2){display:none}.top-actions .avatar{width:31px;height:36px}.hero-panel{height:100svh;min-height:810px;border-radius:0}.hero-panel:after{background-size:calc(100% - 40px) 1px;background-position:bottom 49px center}.hero-art{opacity:.8;object-position:63% 50%;inset:-2%;width:104%;height:104%}.hero-shade{background:linear-gradient(0deg,#080d12 0%,#080d12e8 24%,#080d12c9 40%,#080d1210 68%,#080d1155),linear-gradient(90deg,#070e1460,transparent)}.guardian-platform{width:94%;height:43%;top:73px;right:-6%;bottom:auto}.guardian-index{top:8%;right:3%;font-size:260px}.hero-enemy{top:103px;left:23px;right:auto;align-items:flex-start;gap:4px}.hero-enemy>span{font-size:6px;max-width:120px;letter-spacing:1.3px}.hero-enemy strong{font-size:25px}.hero-enemy small{font-size:8px}.guardian-touch{inset:15% 12% 16%}.guardian-touch>span{opacity:0;bottom:5%;font-size:7px}.guardian-touch:focus-visible>span,.guardian-touch:hover>span{opacity:1}.hero-content{left:24px;right:24px;top:auto;bottom:196px;width:auto;transform:none;padding:0}.hero-kicker{font-size:7px;letter-spacing:1.9px}.hero-content h1{font-size:58px;line-height:.88;margin:15px 0 19px;white-space:nowrap}.hero-content h1 br{display:none}.hero-content h1 em{margin-left:9px}.lobby-menu{width:100%;gap:2px}.menu-play{min-height:63px;margin-bottom:6px;padding:8px 17px}.menu-play>span{font-size:38px;width:auto}.menu-play>small{font-size:7px;letter-spacing:1px;margin-left:17px;margin-top:1px;width:70px;line-height:1.7}.menu-play>svg{top:21px;right:17px;width:21px}.menu-item{font-size:22px;min-height:34px;padding:6px 16px}.menu-item>svg{width:14px;height:14px}.camera-consent{font-size:8px;margin-top:14px;max-width:none;gap:6px}.camera-consent svg{width:11px;height:11px}.encounter-selection{left:24px;right:24px;bottom:70px;width:auto;max-width:none}.encounter-label{margin-bottom:10px;gap:8px}.encounter-label>span{font-size:6px;letter-spacing:1px}.encounter-label>small{font-size:7px}.guardian-roster{gap:7px}.guardian-option{flex-direction:column;min-height:78px;gap:3px;padding:5px 3px 8px;text-align:center}.guardian-option img{height:42px;width:44px}.guardian-option strong{font-size:15px}.guardian-option small{display:none}.guardian-option b{font-size:10px;right:5px;top:5px}.arena-footer{height:49px;left:24px;right:24px;gap:18px}.arena-footer .lobby-mode{font-size:7px;letter-spacing:1.5px}.arena-footer .text-button{font-size:9px}.screen-back{margin:0;gap:6px;font-size:10px}.screen-back kbd{display:none}.screen-back svg{width:14px}body:not([data-page="arena"]) .brand{display:none}body:not([data-page="arena"]) .top-actions .athlete{display:none}.record-account{padding:16px;flex-wrap:wrap;gap:12px}.record-account p{font-size:11px}.record-account .wallet-button{font-size:11px}#page-progress,#page-guide{padding:30px 22px 50px}.page-intro h1{font-size:60px}.hero-content h1{font-size:clamp(42px,10.5vw,70px)}}
@media(max-width:360px){.game-header{padding:0 16px}.brand{font-size:20px}.top-actions{gap:7px}.hero-panel{min-height:790px}.hero-content{left:20px;right:20px}.hero-content h1{font-size:42px}.hero-kicker{font-size:6px}.hero-enemy{left:20px}.hero-enemy strong{font-size:21px}.encounter-selection{left:20px;right:20px}.guardian-option strong{font-size:13px}.menu-play>small{font-size:6px}.camera-consent{font-size:7px}.encounter-label>small{font-size:6px}}
@media(max-height:700px) and (min-width:761px){.hero-panel{min-height:610px}.game-header{height:74px}.hero-content{top:18%;width:32%}.hero-content h1{font-size:70px;margin:16px 0 20px}.menu-play{min-height:63px;margin-bottom:5px}.menu-play>span{font-size:39px}.menu-play>svg{top:20px}.menu-play>small{font-size:7px}.menu-item{font-size:23px;min-height:36px}.camera-consent{font-size:8px;margin-top:14px}.guardian-platform{bottom:15%;height:77%}.hero-enemy{top:86px}.hero-enemy strong{font-size:28px}.encounter-selection{bottom:70px}.encounter-label{margin-bottom:8px}.guardian-option{min-height:61px}.guardian-option img{height:42px}.guardian-option strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.menu-item,.menu-play,.guardian-option,.hero-art{transition:none!important}.menu-play:hover,.menu-item:hover,.guardian-option:hover{transform:none}}

/* The guide demonstrates the required positions without adding tracking work. */
.guide-grid{gap:18px}.guide-card{padding:25px 25px 28px;border-radius:0;background:linear-gradient(150deg,#19232b,#0d141b);border:1px solid #ffffff18;overflow:hidden}.guide-card .step{font-size:35px;top:18px;right:20px;color:#f1d1a23d}.guide-visual{height:230px;position:relative;margin:0 -12px 30px;background:radial-gradient(ellipse at 50% 50%,#ffb54708,transparent 70%)}.guide-visual>svg{width:100%;height:100%;stroke:#d3ad77;stroke-width:1.5;overflow:visible}.guide-visual .diagram-floor{stroke:#ffffff25;stroke-width:1}.guide-visual .diagram-person{fill:none;stroke:#efe4d1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.guide-visual .diagram-person circle{fill:#17222c;stroke-width:3}.guide-visual .diagram-person .depth-joint{fill:#ffb547;stroke:#ffb547;stroke-width:2}.guide-visual .camera-cone{fill:#ffb54708;stroke:#ffb54735;stroke-dasharray:4 6}.guide-visual .diagram-phone{fill:#111920;stroke:#ffcc80;stroke-width:2}.guide-visual text{font:8px 'Segoe UI',sans-serif;letter-spacing:2px;fill:#bfa580;stroke:none;text-anchor:middle}.diagram-measure{stroke:#bfa580;stroke-width:1}.tracking-brackets{stroke:#ffb547;stroke-width:2;fill:none}.ready-pulse{stroke:#ffb54755;fill:none;stroke-width:1;transform-origin:150px 111px;animation:guide-ready 3s ease-out infinite}.ready-ticks{stroke:#ffb547;stroke-width:3;fill:none}.depth-guide-line{stroke:#ffb54777;stroke-dasharray:4 5;stroke-width:1}.depth-arrow{stroke:#ffb547;stroke-width:2;opacity:.7}.diagram-caption{position:absolute;left:0;right:0;bottom:-13px;text-align:center;font-size:7px;letter-spacing:1.6px;color:#b99d75}.guide-card h2{font-size:29px;margin:0 0 13px;letter-spacing:.3px}.guide-card p{font-size:12px;line-height:1.85;margin-bottom:0;color:#bbc1c4}.guide-note{border-left:2px solid #ffb54755;padding-left:18px;max-width:700px}.guide-note>svg{display:none}.guide-note h3{font-size:12px}.guide-note p{font-size:11px;color:#8f969c}.guide-play{min-height:52px;font-size:12px}.guide-bottom{gap:35px;margin-top:28px}
.progress-summary{gap:12px;margin:24px 0}.progress-summary>div{padding:23px;border-radius:0;background:linear-gradient(135deg,#17212b,#10161c);border:1px solid #ffffff15;position:relative}.progress-summary>div:before{content:'';width:22px;height:2px;background:#ffb54770;position:absolute;top:0;left:23px}.progress-summary strong{font-size:52px;color:#f1d4a5}.progress-summary span{font-size:10px;color:#a0a6aa}.fighter-level{background:linear-gradient(110deg,#34271c,#161e25 70%);border-radius:0;border-color:#ffb54725;padding:30px;margin:28px 0}.fighter-level>svg{width:56px;height:56px;color:#b7966340}.milestone-grid{gap:12px}.milestone{border-radius:0;background:#111920;opacity:.65}.milestone.earned{opacity:1;background:linear-gradient(140deg,#2b251b,#10181f)}.milestone strong{font:800 23px var(--display);text-transform:uppercase;letter-spacing:.3px}.milestone small{color:#a3a5a5}.milestone>span{font-size:7px;letter-spacing:1.5px}.session-chart,.history-empty{border-radius:0;background:#10171d}.section-heading h2{font-size:10px;letter-spacing:1.8px}.history-row{background:#10171d}.record-account{order:5}.record-account .wallet-button{background:#192027}.history-empty h3{font:800 35px var(--display);text-transform:uppercase}.history-empty>svg{width:34px;height:34px}.history-empty p{font-size:12px}.history-empty{padding:35px 20px}
@keyframes guide-ready{0%{transform:scale(.85);opacity:.5}80%,100%{transform:scale(1.35);opacity:0}}
/* One articulated figure: the planted foot stays fixed throughout the cycle. */
@supports(d:path("M0 0 L1 1")){
.guide-limbs{animation:guide-limbs 4.8s ease-in-out infinite}.guide-head{animation:guide-head 4.8s ease-in-out infinite}.guide-hip{animation:guide-hip 4.8s ease-in-out infinite}.guide-knee{animation:guide-knee 4.8s ease-in-out infinite}
}
@keyframes guide-limbs{0%,18%,85%,100%{d:path("M145 52 L145 128 L152 170 L153 213 M145 71 L130 101 L103 104")}42%,60%{d:path("M97 84 L108 158 L174 158 L153 213 M99 101 L67 110 L39 100")}}
@keyframes guide-head{0%,18%,85%,100%{transform:translate(53px,-32px)}42%,60%{transform:translate(0,0)}}
@keyframes guide-hip{0%,18%,85%,100%{transform:translate(37px,-30px)}42%,60%{transform:translate(0,0)}}
@keyframes guide-knee{0%,18%,85%,100%{transform:translate(-22px,12px)}42%,60%{transform:translate(0,0)}}
body:not([data-page="guide"]) .guide-visual *,body.battle-active .guide-visual *,body.page-obscured .guide-visual *{animation-play-state:paused}
@media(max-width:900px){.guide-grid{gap:15px}.guide-card{padding:22px}.guide-visual{height:210px;margin:0 0 30px}.guide-card h2{font-size:30px}.guide-card p{font-size:12px}.guide-card .step{font-size:38px}.guide-bottom{gap:25px}.guide-play{width:100%}.guide-note p{font-size:11px}.progress-summary>div{padding:20px 17px}.progress-summary strong{font-size:43px}.progress-summary span{font-size:9px}.fighter-level{padding:23px 20px}.milestone strong{font-size:21px}.screen-back span{font-size:11px}}
@media(max-height:500px) and (min-width:601px){.hero-panel{height:100svh;min-height:390px}.game-header{height:58px}.game-header .brand{font-size:21px}.game-header .brand-mark{width:23px;height:28px}.top-actions .athlete small{display:none}.top-actions .athlete strong{font-size:10px}.top-actions .avatar{width:27px;height:33px}.top-actions>.icon-button{width:34px;height:34px}.hero-content{top:86px;left:5%;width:33%;bottom:auto}.hero-content h1{font-size:44px;margin:0 0 13px}.hero-content h1 br{display:none}.hero-content h1 em{margin-left:7px}.hero-kicker{display:none}.menu-play{min-height:46px;padding:7px 12px;margin-bottom:2px}.menu-play>span{font-size:29px;width:auto}.menu-play>small{font-size:5px;margin:0 25px 0 12px;max-width:62px}.menu-play>svg{width:17px;right:12px;top:13px}.menu-item{font-size:18px;min-height:29px;padding:5px 12px}.menu-item>svg{width:12px;height:12px}.camera-consent{font-size:6px;margin-top:10px}.guardian-platform{right:0;width:62%;height:80%;bottom:10%}.hero-enemy{top:66px;right:4%;gap:3px}.hero-enemy>span{font-size:6px}.hero-enemy strong{font-size:22px}.hero-enemy small{font-size:7px}.encounter-selection{right:4%;bottom:44px;width:51%}.encounter-label{display:none}.guardian-option{min-height:47px;padding:5px;gap:4px}.guardian-option img{width:30px;height:33px}.guardian-option strong{font-size:13px}.guardian-option small{font-size:5px}.guardian-option b{display:none}.arena-footer{height:34px}.arena-footer .lobby-mode{font-size:6px}.arena-footer .text-button{min-height:30px;font-size:8px}.hero-panel:after{background-position:bottom 34px center}.guardian-index{font-size:230px;top:0}}
@media(prefers-reduced-motion:reduce){.guide-visual *{animation:none!important}.ready-pulse{opacity:.3}}

@media(max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-bottom{flex-direction:column;align-items:stretch}.guide-note{max-width:none}}

@media(max-height:500px) and (min-width:601px){.hero-content h1{font-size:36px}.guardian-platform{top:auto}.hero-enemy{left:auto;align-items:flex-end}.encounter-selection{left:auto}}
.effects-reduced *, .effects-reduced *:before, .effects-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.effects-reduced #arena-atmosphere{display:none}.effects-reduced .hero-art,.effects-reduced .guardian-platform,.effects-reduced .guardian-breathe{transform:none!important}
.effects-reduced .combat-projectile,.effects-reduced .combat-word,.effects-reduced .defeat-fragment{display:none!important}
.effects-reduced .ready-pulse{opacity:.3}
.record-account{margin:30px 0 0}.milestone{opacity:1}.milestone:not(.earned){border-color:#ffffff15}.milestone:not(.earned)>svg{color:#6f7881}.milestone:not(.earned) strong{color:#bcc2c6}.milestone:not(.earned) small{color:#a0a6ad}.milestone:not(.earned)>span{color:#818c95}

#result-dialog{border-radius:3px;background:radial-gradient(ellipse at 20% 0%,#4d331d55,transparent 55%),#11181f;border-top:2px solid #ffb547;max-width:570px}
#result-dialog .result-icon{border-radius:0;clip-path:polygon(50% 0,100% 22%,100% 77%,50% 100%,0 77%,0 22%);background:#ffb547;color:#21170a;border:0;width:56px;height:64px;margin-bottom:6px}
#result-dialog>h2{font-size:48px;letter-spacing:.5px}#result-dialog .result-stats{border-radius:0;background:#0a1017b0;margin:22px 0 16px;padding:20px 8px}.result-route{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:3px 0 15px}.result-route>div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;border-bottom:1px solid #ffffff18;padding-bottom:12px}.result-route img{width:68px;height:72px;object-fit:contain;filter:grayscale(1);opacity:.35}.result-route span{font:800 17px var(--display);text-transform:uppercase;letter-spacing:.4px;color:#b6bdc1}.result-route small{font-size:6px;letter-spacing:1px;color:#828b95}.result-route .cleared{border-bottom-color:#ffb54777}.result-route .cleared img{filter:none;opacity:1}.result-route .cleared small{color:#ffca83}.result-route .cleared span{color:#efe4d1}
#result-dialog[open] .result-route .cleared img{animation:guardian-trophy .65s .2s both}#result-dialog[open] .result-route .cleared:nth-child(2) img{animation-delay:.3s}#result-dialog[open] .result-route .cleared:nth-child(3) img{animation-delay:.4s}
@keyframes guardian-trophy{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:none}}
@media(max-width:400px){#result-dialog{padding:23px 20px}#result-dialog>h2{font-size:39px}.result-route{gap:6px}.result-route img{width:54px;height:60px}.result-route span{font-size:15px}.result-route small{font-size:5px}.result-stats strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){#result-dialog[open] .result-route .cleared img{animation:none}}
@media(max-width:900px){.menu-item{min-height:44px}.hero-content:before{content:'';position:absolute;inset:-24px -24px -14px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,#080d1280 22%,#080d12a0 80%,transparent)}}
@media(max-height:500px) and (min-width:601px){.hero-panel{min-height:375px}.hero-content{top:75px}.hero-content .menu-item{min-height:44px}.hero-content .camera-consent{display:none}.hero-content:before{inset:-15px -15px;background:linear-gradient(90deg,#080d12a0,transparent)}}

@media(max-height:500px) and (min-width:601px) and (max-width:760px){.hero-content{top:77px}.hero-content h1{font-size:32px;line-height:.9}.hero-content h1 br{display:block}.hero-content h1 em{margin:0}.menu-play>span{font-size:25px}.menu-play>small{font-size:5px;margin-left:8px}.menu-item{font-size:17px}.encounter-label{display:none}.guardian-option strong{font-size:12px}.guardian-option small{display:none}}
.game-header .top-actions>.icon-button{width:44px;height:44px}.game-header .top-actions .athlete{min-height:44px;min-width:44px}

.menu-play:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #fff8e8,inset 0 0 0 4px #21180b}
.guardian-option:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #fff3d7}

/* Wallet access stays in the game header on every lobby screen. */
.game-header .wallet-button{min-height:44px;flex-shrink:0;padding:11px 15px;border:1px solid #ffb54780;border-radius:3px;background:#ffb547;color:#21180b;font-size:11px;font-weight:700;white-space:nowrap}
.game-header .wallet-button:hover{background:#ffc66f}.game-header .wallet-button:disabled{opacity:.6;cursor:wait}.game-header .wallet-button svg{width:16px;height:16px}
@media(max-width:1100px){.game-header .top-actions .athlete>span:nth-child(2){display:none}.game-header .top-actions{gap:10px}}
@media(max-width:600px){.game-header .top-actions .athlete{display:none}.game-header .wallet-button{padding:10px;font-size:10px;gap:7px}.game-header .top-actions{gap:8px}}
@media(max-width:400px){body[data-page="arena"] .game-header .brand>span{display:none}.game-header .brand{gap:0}}