:root{font-family:Arial,Helvetica,sans-serif;color:#edece5;background:#17222c;color-scheme:dark;--paper:#edece5;--ink:#17222c;--muted:#a9b1b7;--gold:#c9b58c;--line:#e7e6df35}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;border-radius:0}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c17222b 0%,transparent 38%,#101a25c4 74%,#101a25f0),linear-gradient(0deg,#101a25ed,transparent 24%,transparent 82%,#101a2570)}.home-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 4vw;pointer-events:none}.home-header>*{pointer-events:auto}#brand{font-size:24px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;color:var(--paper)}#brand span{display:block;font-size:10px;font-weight:400;letter-spacing:5px;margin-top:3px}.location-label{font-size:12px;letter-spacing:2px;color:#c4c9c9}.balance{display:flex;gap:26px;font-size:12px;align-items:center;color:#bcc2c3}.balance b{font-size:23px;color:var(--paper);margin-right:4px;font-variant-numeric:tabular-nums}.balance .overall{border-left:1px solid var(--line);padding-left:25px}.balance .overall b{color:var(--gold)}.identity{position:absolute;bottom:138px;left:5vw;pointer-events:none}.identity-label{font-size:12px;letter-spacing:2px;color:#bfc6c8}.identity>div{display:flex;align-items:center;gap:18px;margin:12px 0}.identity b{font:700 52px/.95 'Arial Narrow',Arial,sans-serif;letter-spacing:-3px;color:var(--gold)}.identity h1{font-size:23px;font-weight:400;margin:0;letter-spacing:-.3px}.identity p{font-size:12px;letter-spacing:1px;color:#c5cbcb;margin:0}.identity i{font-style:normal;padding:0 12px;color:#697b88}.match-panel{position:absolute;top:50%;right:5vw;transform:translateY(-45%);width:330px;max-height:calc(100svh - 175px);overflow:auto;scrollbar-width:thin}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}.match-panel h2{font-size:29px;font-weight:500;letter-spacing:-.7px;margin:0 0 9px}.subline{color:#bfc5c8;font-size:14px;line-height:1.5;margin:0 0 29px}fieldset{border:0;margin:0 0 30px;padding:0}legend{font-size:14px;color:#c9ced0;margin-bottom:13px;padding:0}.role-choices{display:flex;border-bottom:1px solid var(--line)}.role-choices button{display:flex;justify-content:space-between;align-items:center;flex:1;text-align:left;background:transparent;color:#a7b3bb;padding:12px 10px;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:15px}.role-choices button:first-child{padding-left:0;margin-right:18px}.role-choices span{font-size:12px;opacity:.65}.role-choices button[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--gold)}.opponent-title{display:flex;justify-content:space-between;font-size:13px;color:#b7c1c7;margin-bottom:9px}.opponent-title>span+span{font-size:11px;letter-spacing:1px}#boss-list button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0;background:transparent;color:#afb9c1;border-bottom:1px solid #d4dadd22;text-align:left;font-size:15px;transition:color .15s}#boss-list button[aria-pressed=true]{color:var(--paper)}#boss-list button[aria-pressed=true] strong{border-left:2px solid var(--gold);padding-left:12px}#boss-list strong{font-weight:500}#boss-list span{font-size:13px;font-variant-numeric:tabular-nums;color:#aeb9c0}#boss-description{font-size:13px;line-height:1.6;color:#aebbc3;min-height:42px;margin:16px 0 22px}.primary{display:block;background:var(--paper);color:var(--ink);font-size:15px;font-weight:700;letter-spacing:.2px;padding:17px 24px;width:100%;text-align:center}.ranked{font-size:12px;color:#9ba8b3;display:flex;justify-content:space-between;margin:19px 0 0}.ranked span{color:#7c8c99}.home-nav{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;gap:36px;align-items:center;border-top:1px solid #bcc9d333;padding-top:23px}.home-nav button{font-size:15px;color:#a3b0ba;background:transparent;padding:0}.home-nav button[aria-current=page]{color:var(--paper)}.home-nav>span{margin-left:auto;color:#8497a5;font-size:12px}#player-panel .subline{margin-bottom:12px}.upgrade{padding:20px 0;border-bottom:1px solid var(--line)}.upgrade>div:first-child{display:flex;justify-content:space-between;align-items:center}.upgrade h3{font-size:16px;font-weight:500;margin:0}.upgrade h3 b{margin-left:12px;color:var(--gold);font-weight:400}.upgrade button{padding:8px 12px;background:#d4dedc;color:#14222c;font-size:12px;min-width:90px}.upgrade p{font-size:13px;color:#a9b8c3;margin:9px 0 12px;line-height:1.4}.stat-line{height:2px;background:#b9c5cf24}.stat-line i{display:block;height:100%;background:var(--gold)}#earnings{font-size:14px;line-height:1.5;color:#d2d9da;margin:22px 0 8px}#save-status{font-size:12px;line-height:1.5;color:#8e9fae;margin:0 0 25px}.field-ui{display:none}.field-top{display:flex;align-items:start;justify-content:space-between;gap:20px;position:absolute;top:24px;left:25px;right:25px}.field-top>button{background:#142230cf;color:#e0e5e5;padding:12px 18px;font-size:13px;backdrop-filter:blur(8px)}.scoreboard{display:flex;align-items:center;background:#142433e6;box-shadow:0 4px 18px #0002;border-top:2px solid #c6b990;min-width:290px;padding:9px 18px}.scoreboard>div{display:flex;align-items:center;gap:17px;flex:1}.scoreboard .cpu{justify-content:end}.scoreboard span{font-size:11px;letter-spacing:1px}.scoreboard b{font-size:31px;font-weight:400;font-variant-numeric:tabular-nums}.scoreboard .versus{font-size:9px;letter-spacing:1px;color:#9fb0ba;padding:0 22px}.snap-line{position:absolute;top:96px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;background:#132130b3;padding:7px 13px;white-space:nowrap;font-size:11px;letter-spacing:1px}.snap-line b{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.field-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font-size:12px;text-shadow:0 1px 4px #000;color:#e5e8df}kbd{font:11px Arial;background:#172733c9;padding:5px 7px;margin-right:6px}kbd:not(:first-child){margin-left:18px}#rep-label{letter-spacing:1px}#catch-cue{position:absolute;left:50%;top:146px;transform:translateX(-50%);min-width:180px;text-align:center;background:#102130cf;padding:10px 18px;color:#e8eddf;font-size:13px}.timing-track{height:3px;background:#788c9155;margin-top:10px;overflow:hidden}#timing-fill{height:100%;display:block;background:#ddd3ae;width:0}#catch-cue[data-ready=true]{background:#dce8d9;color:#182e28}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a182744;backdrop-filter:blur(3px);z-index:8}.result-body{background:#162633f5;border-top:2px solid var(--gold);padding:34px 38px 22px;width:min(420px,90vw);text-align:center}.result-body>span{font-size:12px;color:var(--gold);letter-spacing:2px}.result-body h2{font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.05;margin:16px 0}.result-body p{color:#b9c7d0;font-size:15px;line-height:1.55;margin:16px 0 22px}#result-reward{font-size:14px;color:var(--gold);margin-bottom:20px}.text-button{background:transparent;color:#bac8d1;font-size:14px;padding:15px 8px;width:100%}body[data-view=field] .home-header,body[data-view=field] .home-nav,body[data-view=field] .identity,body[data-view=field] .match-panel,body[data-view=field] .shade{display:none}body[data-view=field] .field-ui{display:block}.touch{display:none;position:absolute;bottom:45px;left:28px;right:28px;align-items:end;justify-content:space-between;pointer-events:none}.touch button,#joystick{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#joystick{width:112px;height:112px;border-radius:50%;border:1px solid #f1f3e95a;background:#10273533;position:relative}#knob{position:absolute;top:36px;left:36px;width:40px;height:40px;border-radius:50%;background:#eff1df6e}.touch-actions{display:flex;align-items:end;gap:13px}.touch-actions button{border-radius:50%;width:72px;height:72px;background:#142636b3;color:#edf0e4;border:1px solid #d6e2dc66;font-size:12px;font-weight:700}.touch-actions #action{width:91px;height:91px;background:#e6e7d9;color:#21332e;border:0}.touch-actions button:active{transform:scale(.95)}dialog{background:#182b39;color:var(--paper);border:1px solid #9fb3c45c;padding:25px;width:min(470px,90vw)}dialog::backdrop{background:#0a152acc;backdrop-filter:blur(3px)}dialog h2{font-size:25px;font-weight:500}dialog dt{font-size:15px;font-weight:700;margin-top:17px}dialog dd,dialog p{font-size:14px;line-height:1.55;color:#becbd5;margin:7px 0}.close{float:right;background:none;color:#c5d3df;font-size:13px}#loading,#error{position:fixed;inset:0;background:#152330;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}#loading .load-mark{font-size:24px;font-weight:900;letter-spacing:2px}#loading p{font-size:13px;color:#a9bac6;margin-top:20px}#error h1{font-size:24px;font-weight:500}#error p{max-width:450px;line-height:1.6;color:#c2cfd8}#error button{padding:14px 30px;background:var(--paper);color:var(--ink)}@media(pointer:coarse){.touch{display:flex}.field-bottom>span:first-child{display:none}.field-bottom{justify-content:end}.home-nav>span{display:none}}@media(max-width:760px){.home-header{padding:22px 22px}.location-label{display:none}#brand{font-size:20px}#brand span{font-size:9px;letter-spacing:4px}.balance{gap:14px;font-size:10px}.balance b{font-size:20px}.balance .overall{padding-left:14px}.match-panel{top:auto;right:22px;left:22px;bottom:75px;transform:none;width:auto;max-height:48svh;padding-top:10px;overflow:auto}.match-panel h2{font-size:23px}.eyebrow{display:none}.subline{font-size:13px;margin:5px 0 16px}fieldset{margin-bottom:16px}legend{font-size:13px;margin-bottom:4px}.role-choices button{padding:9px 8px;font-size:14px}.opponent-title{font-size:12px}#boss-list{display:flex;gap:7px}#boss-list button{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:start;padding:11px 9px;background:#1323308c;font-size:12px;border:1px solid #b9c9d62e;flex:1}#boss-list button[aria-pressed=true]{border-color:#c6b38b}#boss-list button[aria-pressed=true] strong{padding-left:0;border:0}#boss-list strong{line-height:1.4;font-size:12px}#boss-list span{font-size:11px}#boss-description{font-size:12px;margin:10px 0 12px;min-height:18px;line-height:1.4}.primary{padding:14px 18px;font-size:14px}.ranked{font-size:11px;margin:13px 0 0}.identity{top:100px;bottom:auto;left:22px}.identity-label{font-size:10px;letter-spacing:1px}.identity>div{display:block;margin:8px 0}.identity b{font-size:35px}.identity h1{font-size:16px;margin-top:6px}.identity p{display:none}.home-nav{bottom:22px;left:22px;right:22px;padding-top:15px;gap:28px}.home-nav button{font-size:14px}.shade{background:linear-gradient(0deg,#112130 0%,#112130ef 32%,#11213000 66%,#101b2829),linear-gradient(90deg,#111b2929,transparent 60%)}#player-panel{max-height:52svh}.upgrade{padding:13px 0}.upgrade p{font-size:12px;margin:7px 0}.upgrade h3{font-size:14px}#earnings{font-size:12px;margin-top:14px}#save-status{font-size:11px;margin-bottom:14px}.field-top{left:12px;right:12px;top:16px;gap:8px}.field-top>button{font-size:11px;padding:10px}.scoreboard{min-width:0;padding:8px 10px;flex:1;max-width:285px}.scoreboard>div{gap:7px}.scoreboard b{font-size:23px}.scoreboard span{font-size:9px;letter-spacing:.3px}.scoreboard .versus{display:none}.scoreboard .cpu{padding-left:18px}.snap-line{top:78px;font-size:10px}#catch-cue{top:123px;font-size:12px}.touch{bottom:40px;left:16px;right:16px}.field-bottom{bottom:16px;left:16px;right:16px}.result-body{padding:28px}.result-body h2{font-size:29px}.result-body p{font-size:14px}}@media(max-height:700px) and (min-width:761px){.home-header{padding-top:20px}.match-panel{top:105px;bottom:90px;transform:none;max-height:none}.match-panel h2{font-size:25px}.subline{margin-bottom:18px}fieldset{margin-bottom:20px}#boss-list button{padding:11px 0}#boss-description{margin:12px 0}.identity{bottom:120px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#result[data-kind=ready]{background:transparent;backdrop-filter:none;place-items:end center;padding-bottom:85px;pointer-events:none}#result[data-kind=ready] .result-body{pointer-events:auto;background:#132330e8;padding:22px 30px 10px}#result[data-kind=ready] h2{font-size:27px;margin:10px 0}#result[data-kind=ready] p{font-size:14px;margin:10px 0 18px}@media(max-width:760px){#result[data-kind=ready]{padding-bottom:185px}#result[data-kind=ready] .result-body{padding:20px 22px 8px}}

.play-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 12px}.play-options label{font-size:13px;color:#c4cdd3}.play-options select{display:block;width:100%;min-height:40px;margin-top:7px;padding:8px 25px 8px 9px;border:1px solid #b9c9d650;border-radius:0;background:#162634;color:#edece5;font:14px Arial}.play-options select:focus-visible{outline:2px solid var(--gold)}.mirror-choice{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4cdd3}.mirror-choice input{accent-color:var(--gold);width:16px;height:16px}.route-note{font-size:12px;line-height:1.4;color:#aebbc3;margin:12px 0 18px}#clock[data-urgent=true]{color:#ffd28d}.match-panel{max-height:calc(100svh - 165px);transform:translateY(-48%)}.match-panel .subline{margin-bottom:18px}.match-panel fieldset{margin-bottom:20px}#boss-list button{padding:11px 0}#boss-description{margin:12px 0;min-height:0}.touch-actions button:disabled{opacity:.55}@media(max-width:760px){.match-panel{transform:none;max-height:57svh;background:linear-gradient(0deg,#112130 90%,#11213000);padding-top:24px}.match-panel h2{font-size:21px}.match-panel .subline{margin-bottom:10px}.match-panel fieldset{margin-bottom:13px}#boss-list button{padding:8px}.play-options{margin:10px 0;gap:10px}.play-options select{font-size:13px}.route-note{margin:8px 0 13px}.ranked{display:none}}

.rank-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding:16px 0}.rank-row span{font-size:11px;letter-spacing:1.5px;color:#aebbc3}.rank-row strong{font-size:33px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--gold)}.rank-row.record strong{font-size:15px;color:var(--paper)}.duel-rule{font-size:14px;line-height:1.65;color:#c6d0d3;margin:24px 0}#queue-status{font-size:13px;line-height:1.6;color:#c6d0d3;margin:15px 0;min-height:21px}.connection-note{font-size:12px;line-height:1.5;color:#a0b0bc}.match-panel .primary:disabled{opacity:.55;cursor:default}.home-nav #controls-home{font-size:15px}.scoreboard .cpu span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-panel #signin{text-decoration:none}@media(max-width:760px){.rank-row{padding:10px 0}.rank-row strong{font-size:26px}.duel-rule{margin:16px 0;font-size:13px}.connection-note{font-size:11px}.home-nav{gap:20px}.home-nav>span{display:none}}

/* Narrow desktop windows use document flow instead of overlapping absolute panels. */
@media(max-width:1000px){
 body:not([data-view=field]) main{position:absolute;inset:145px 24px 78px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
 body:not([data-view=field]) .identity{position:relative;inset:auto;margin:0 0 24px;max-width:420px;pointer-events:none}
 body:not([data-view=field]) .identity>div{display:flex;align-items:center;margin:10px 0}
 body:not([data-view=field]) .identity h1{margin:0;font-size:18px}
 body:not([data-view=field]) .identity b{font-size:36px}
 body:not([data-view=field]) .identity p{display:block;font-size:10px;letter-spacing:.5px}
 body:not([data-view=field]) .match-panel{position:relative;inset:auto;transform:none;width:100%;max-width:420px;max-height:none;overflow:visible;margin:0 0 20px;padding:0;background:none}
 body:not([data-view=field]) .shade{background:linear-gradient(90deg,#101a25e6,#101a25c9)}
 .home-header{padding:20px 24px;gap:12px}.location-label{display:none}.home-nav{position:fixed;bottom:0;left:0;right:0;padding:18px 24px;background:#132330f5;gap:12px;z-index:6}.home-nav button,.home-nav #controls-home{flex:1;font-size:13px}.home-nav>span{display:none}
 .account-tools{left:24px;right:24px;top:76px;gap:5px 12px;flex-wrap:wrap;align-content:start;font-size:11px}.account-tools #account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .field-bottom{flex-direction:column;align-items:center;gap:12px;left:12px;right:12px}.field-bottom>span:first-child{font-size:10px;text-align:center}kbd:not(:first-child){margin-left:8px}.field-top>button{flex-shrink:0}.scoreboard,.scoreboard>div{min-width:0}.scoreboard .cpu span{max-width:70px}.snap-line{max-width:calc(100% - 24px);white-space:normal;text-align:center}.snap-line #phase-label{min-width:0}.snap-line b{flex-shrink:0}
 dialog{max-height:calc(100svh - 32px);overflow:auto}.result-body{max-height:calc(100svh - 48px);overflow:auto}
}
@media(max-width:480px){.balance{gap:10px;font-size:9px}.balance b{font-size:16px}.balance .overall{padding-left:10px}#brand{font-size:18px}.home-header{padding:20px 16px}body:not([data-view=field]) main{left:16px;right:16px}.account-tools{left:16px;right:16px}.home-nav{padding:17px 16px}.scoreboard .cpu span{max-width:52px}.scoreboard .cpu{padding-left:8px}.field-top{gap:5px}.field-top>button{padding:10px 7px}}
#store-panel{width:min(440px,39vw)}#store-list>section{margin:24px 0 30px}#store-list h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#c2ad7e;margin:0 0 8px}.store-item{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #bfcbd32b}.gear-swatch{width:38px;height:48px;flex-shrink:0;border:1px solid #fff3;border-radius:5px 5px 12px 12px}.store-item>div{flex:1;min-width:0}.store-item strong{display:block;font-size:15px;font-weight:500}.store-item small{display:block;color:#aebbc3;font-size:11px;margin-top:6px}.store-item button{flex-shrink:0;max-width:45%;padding:10px 12px;background:#d9dccf;color:#17252d;font-size:11px}.store-item button:disabled{background:#8c9ba42b;color:#a8b3ba;cursor:default}.store-default{background:none;color:#aebbc3;font-size:12px;padding:4px 0;text-decoration:underline}#store-status,#overall-progress{font-size:13px;line-height:1.5;color:#b8c6ce}#player-panel #save-status{margin-top:16px}
@media(max-width:1000px){body:not([data-view=field]) #store-panel{width:100%;max-width:440px}.home-nav{gap:8px;padding-left:16px;padding-right:16px}.home-nav button,.home-nav #controls-home{font-size:12px}}

/* Tunnel home screen v28. All art is served from this site's public folder. */
body:not([data-view=field]){--paper:#f5f5f5;--gold:#f5f5f5;--ink:#030303;--line:#ffffff26;background:#000;color:#f5f5f5}
body:not([data-view=field]) .shade{background:linear-gradient(90deg,transparent 0%,transparent 54%,#000000e6 66%,#000000f2 82%),linear-gradient(0deg,#00000085,transparent 28%,transparent 88%,#00000025)}
body:not([data-view=field]) .location-label,body:not([data-view=field]) #shirt-number,body:not([data-view=field]) .home-nav>span{display:none}
body:not([data-view=field]) .identity-label{color:#b3b3b3;font-size:10px;letter-spacing:1.8px}
body:not([data-view=field]) .identity h1{color:#f5f5f5;font-size:20px}
body:not([data-view=field]) .identity p{color:#b3b3b3;font-size:11px;letter-spacing:0;max-width:260px;line-height:1.5}
body:not([data-view=field]) .match-panel h2{color:#f5f5f5;font-weight:600;letter-spacing:-1.4px;font-size:clamp(30px,3vw,44px)}
body:not([data-view=field]) .eyebrow,body:not([data-view=field]) .subline,body:not([data-view=field]) .duel-rule,body:not([data-view=field]) #queue-status,body:not([data-view=field]) .rank-row span,body:not([data-view=field]) .practice-panel small{color:#b3b3b3}
body:not([data-view=field]) .rank-row strong{color:#f5f5f5}
body:not([data-view=field]) .primary{background:#f5f5f5;color:#030303;border:1px solid #f5f5f5}
body:not([data-view=field]) .text-button,body:not([data-view=field]) .home-nav button,body:not([data-view=field]) .account-tools{color:#b3b3b3}
body:not([data-view=field]) .account-tools button{color:#f5f5f5}
body:not([data-view=field]) .home-nav button[aria-current=page]{color:#f5f5f5;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
body:not([data-view=field]) .home-nav{border-color:#ffffff26}
body:not([data-view=field]) #store-list h3{color:#d0d0d0}
body:not([data-view=field]) .store-item button{background:#f5f5f5;color:#030303}
body:not([data-view=field]) .store-item button:disabled{background:#ffffff20;color:#b3b3b3}
@media(min-width:1001px){
 body:not([data-view=field]) .match-panel{top:155px;bottom:110px;max-height:none;transform:none;width:min(370px,35vw)}
 body:not([data-view=field]) #store-panel{width:min(410px,37vw)}
 body:not([data-view=field]) .identity{bottom:130px}
 body:not([data-view=field]) .home-nav{gap:28px}
}
@media(max-width:1000px){
 body:not([data-view=field]) .shade{background:linear-gradient(90deg,#000000c9,#000000b3 60%,#00000099)}
 body:not([data-view=field]) .home-nav{background:#000000f5}
 body:not([data-view=field]) .match-panel h2{font-size:29px;letter-spacing:-.9px}
 body:not([data-view=field]) .identity>div{margin:10px 0}
}

/* Keep match-menu controls clickable during rep/result overlays. */
#result{pointer-events:none}#result .result-body{pointer-events:auto}#pause-panel{z-index:21}

.online-presence{white-space:nowrap}.online-presence b{font-size:16px!important}.online-presence{font-size:10px!important}@media(max-width:480px){.balance{gap:8px}.balance b{font-size:14px}.balance .overall{padding-left:8px}.online-presence b{font-size:12px!important}.online-presence{font-size:8px!important}}

@media(max-width:600px){.touch-actions{gap:7px}.touch-actions button{width:54px;height:54px;font-size:10px}.touch-actions #action{width:68px;height:68px}.touch #joystick{width:96px;height:96px;flex-shrink:0}.field-bottom{max-width:calc(100% - 32px)}}

#result[data-celebration=true]{background:transparent;backdrop-filter:none;place-items:end start;padding:24px}#result[data-celebration=true] .result-body{width:min(290px,calc(100vw - 48px));padding:18px 22px;background:#10151dd9;text-align:left}#result[data-celebration=true] h2{font-size:27px;margin:10px 0}#result[data-celebration=true] p{font-size:12px;margin:8px 0}#result[data-celebration=true] #result-reward:empty{display:none}@media(max-width:600px){#result[data-celebration=true]{padding:16px;place-items:end center}#result[data-celebration=true] .result-body{width:min(290px,calc(100vw - 32px));padding:12px 18px}}