:root{--ink:#171324;--grass:#2f8d50;--cream:#fff6df;--paper:#fffdf4;--yellow:#ffc93d;--pink:#ee4d80;--purple:#8b58bf;--lime:#d9ff72;--muted:#655c6c;--shadow:0 6px 0 #151126;--ui:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#0f1913;color:var(--ink);font-family:var(--ui);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--yellow);color:var(--ink)}
.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:var(--paper);border-bottom:3px solid var(--ink);position:relative;z-index:25;box-shadow:0 4px 0 #17132424}.brand{display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:var(--ink);font-weight:1000;font-size:25px;letter-spacing:-2px;line-height:1}.brand img{height:40px;width:40px;object-fit:cover;border:2px solid var(--ink);border-radius:10px}.brand span span{color:var(--pink)}.brand small{margin-left:2px;align-self:flex-start;padding:2px 4px;border:2px solid var(--ink);border-radius:4px;background:var(--yellow);font:bold 8px var(--mono);letter-spacing:0}.topbar-center{display:flex;align-items:center;gap:8px;font:900 11px var(--mono);letter-spacing:.7px;color:#473d4d}.topbar-center i{color:#aa9cae;font-style:normal}.online-dot{height:9px;width:9px;background:#48cb71;border:2px solid #174824;border-radius:50%;box-shadow:0 0 8px #5bdd7f}.topbar-actions{display:flex;align-items:center;gap:8px}.nav-button,.wallet-button{height:36px;padding:0 12px;border:2px solid var(--ink);border-radius:9px;background:white;box-shadow:0 3px 0 var(--ink);color:var(--ink);font:900 10px var(--mono);white-space:nowrap;transition:transform .15s,box-shadow .15s}.nav-button:hover,.wallet-button:hover{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.nav-button b{background:var(--pink);color:white;padding:2px 5px;border-radius:6px}.sound-toggle{min-width:58px}.wallet-button{display:flex;gap:7px;align-items:center;background:var(--yellow)}.wallet-button>span:first-child{font-size:17px;line-height:1}.game-stage{position:relative;height:calc(100svh - 66px);min-height:620px;overflow:hidden;background:#348e53;isolation:isolate}.game-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.vignette{pointer-events:none;position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 45%,#10221735 100%)}
.lobby-shade{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px clamp(20px,6vw,90px);background:linear-gradient(90deg,#0b2117d9 0%,#0b2117a8 29%,#0b211744 69%,#07191024);backdrop-filter:blur(1.8px)}.lobby-card{width:min(465px,100%);flex:none;padding:26px 30px 22px;background:var(--cream);border:3px solid var(--ink);border-radius:18px;box-shadow:9px 10px 0 #171324,0 0 0 4px #ffffff22;transform:rotate(-.5deg)}.eyebrow{display:flex;align-items:center;gap:7px;color:#7a436b;font:900 10px var(--mono);letter-spacing:.5px}.eyebrow span:last-child{margin-left:auto;color:#9d8e99;font-size:9px}.eyebrow-star{color:var(--pink);font-size:15px}.lobby-card h1{margin:15px 0 12px;font:1000 clamp(37px,4vw,54px)/.93 var(--ui);letter-spacing:-2.4px;color:var(--ink);text-transform:uppercase;text-shadow:1px 1px 0 var(--ink)}.lobby-card h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:1px var(--ink);text-shadow:2px 3px 0 var(--ink)}.lobby-lede{font-size:13px;line-height:1.5;color:#5d5260;margin:0 0 17px;font-weight:600}.mode-card{display:flex;align-items:center;gap:12px;padding:11px;border:2px solid var(--ink);border-radius:11px;background:#e9f4d3;box-shadow:0 3px 0 var(--ink)}.mode-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font-size:29px;font-weight:900}.mode-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-card strong{font-size:12px;font-weight:1000;white-space:nowrap}.mode-card strong span{display:inline-block;color:#8b3e71;font:900 8px var(--mono)}.mode-card small{color:#62566b;font:800 10px var(--mono)}.mode-card>b{margin-left:auto;align-self:flex-start;background:#34c668;color:white;border:2px solid var(--ink);padding:3px 5px;border-radius:4px;font:900 8px var(--mono)}.lobby-form{margin-top:18px}.lobby-form label{display:block;font:900 10px var(--mono);margin-bottom:8px;letter-spacing:.5px}.input-row{display:flex;align-items:center;height:43px;border:2px solid var(--ink);border-radius:9px;background:white;overflow:hidden}.input-row>span{padding:0 11px;color:var(--pink);font-size:20px;font-weight:900}.input-row input{width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;font:900 12px var(--mono);color:var(--ink)}.input-row input::placeholder{color:#93899a}.input-row button{height:100%;padding:0 14px;border:0;border-left:2px solid var(--ink);background:var(--yellow);font:900 10px var(--mono)}.input-row button:hover{background:#ffda68}.arena-description{margin-top:7px;min-height:18px;font:900 9px var(--mono);color:#746077;letter-spacing:.5px}.play-button{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:51px;padding:0 17px;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);box-shadow:0 5px 0 var(--ink);font:1000 13px var(--ui);letter-spacing:.1px;color:var(--ink);text-align:left;transition:transform .15s,box-shadow .15s}.play-button:hover:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--ink);background:#ffda69}.play-button span{font-size:20px}.play-button:disabled{opacity:.5;box-shadow:none}.lobby-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;color:#786c76;font:800 8px/1.4 var(--mono)}.lobby-bottom button{border:0;background:transparent;color:#8a4d77;text-decoration:underline;font:900 9px var(--mono);white-space:nowrap}.lobby-aside{width:250px;max-width:24vw;align-self:flex-end;margin-bottom:48px;padding:17px 19px 17px 21px;background:#111623d9;border:2px solid #f2e6d5;border-radius:15px;box-shadow:5px 6px 0 var(--ink);color:white;transform:rotate(1.4deg)}.asides-label{margin-bottom:14px;color:var(--yellow);font:900 10px var(--mono)}.lobby-aside>div:not(.asides-label){display:flex;align-items:start;gap:11px;margin:12px 0;font:900 12px/1.15 var(--ui)}.lobby-aside b{color:var(--yellow);font:1000 23px var(--ui)}.lobby-aside p{border-top:1px solid #6d6378;padding-top:12px;margin:14px 0 0;font:700 10px/1.5 var(--ui);color:#c7c0ce}
.game-hud{position:absolute;z-index:4;inset:0;pointer-events:none;color:var(--ink)}.hud-top-left{position:absolute;top:18px;left:20px;display:flex;align-items:flex-start;gap:7px}.life-rows{min-width:170px;padding:9px 10px 10px;background:#fff9eb;border:2px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 #151126}.life-label{display:flex;justify-content:space-between;font:1000 9px var(--mono);margin-bottom:5px}.life-label b{font-size:12px}.life-track,.shield-track{height:11px;padding:2px;background:#2c2638;border:1px solid var(--ink);border-radius:5px;overflow:hidden}.life-track span{display:block;width:100%;height:100%;border-radius:2px;background:#ff5b76}.shield-track{height:7px;margin-top:3px}.shield-track span{display:block;width:45%;height:100%;background:#68dafa}.hud-mini-stat{min-width:55px;padding:8px 10px;text-align:center;background:#fff9eb;border:2px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 #151126}.hud-mini-stat strong{display:block;font:1000 19px/.9 var(--ui)}.hud-mini-stat small{font:900 8px var(--mono)}.hud-top-center{position:absolute;top:16px;left:50%;transform:translateX(-50%);min-width:150px;padding:6px 12px;text-align:center;background:#fff9eb;border:2px solid var(--ink);border-radius:11px;box-shadow:0 4px 0 #151126}.match-label{display:block;color:#a8436a;font:900 8px var(--mono)}.hud-top-center strong{display:block;font:1000 25px/1.1 var(--ui);letter-spacing:-1px}#hudAlive{display:block;color:#655b6b;font:900 8px var(--mono)}.minimap-wrap{position:absolute;right:19px;top:17px;padding:5px;background:#fff9eb;border:2px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 #151126}.minimap-wrap canvas{display:block;width:174px;height:126px;border:1px solid #3f6048;border-radius:4px;background:#348f53}.mini-caption{display:flex;justify-content:space-between;gap:10px;padding:5px 3px 1px;font:900 8px var(--mono)}.mini-caption span{color:#9c4170}.hud-bottom-left,.hud-bottom-right{position:absolute;bottom:20px;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px;background:#fff9eb;border:2px solid var(--ink);border-radius:11px;box-shadow:0 4px 0 #151126}.hud-bottom-left{left:20px}.weapon-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-size:27px}.weapon-copy{display:flex;flex-direction:column;gap:1px}.weapon-copy small,.hud-bottom-right small{font:900 8px var(--mono);color:#705d70}.weapon-copy strong,.hud-bottom-right strong{font:1000 13px var(--ui)}.weapon-copy span{font:900 9px var(--mono);color:#a3446f}.dash-chip{align-self:flex-end;margin-left:6px;border:2px solid var(--ink);border-radius:6px;padding:4px;background:#e4f4d5;font:900 8px var(--mono);white-space:nowrap}.hud-bottom-center{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);max-width:360px;padding:9px 14px;background:#151723dc;color:#fffbea;border:1px solid #faf1d6;border-radius:8px;text-align:center;font:900 10px/1.3 var(--mono);text-shadow:0 1px 1px #000}.hud-bottom-right{right:19px;justify-content:space-between;min-width:178px}.hud-bottom-right>div{display:flex;flex-direction:column;gap:3px}.hud-bottom-right>span{padding:7px 8px;background:var(--yellow);border:2px solid var(--ink);border-radius:6px;font:900 9px var(--mono)}.interact-prompt{pointer-events:auto;cursor:pointer;position:absolute;bottom:110px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:9px 12px;background:#fff9eb;border:2px solid var(--ink);border-radius:9px;box-shadow:0 4px 0 var(--ink);font:900 11px var(--mono)}.interact-prompt>span{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--ink);border-radius:5px;background:var(--yellow)}.hold-track{width:48px;height:7px;border:1px solid var(--ink);background:#ddd3c8}.hold-track i{display:block;height:100%;width:0%;background:#58ca7b}.event-feed{position:absolute;left:20px;top:105px;display:flex;flex-direction:column;gap:4px;max-width:260px}.event-feed>div{display:inline-block;padding:6px 8px;background:#101a18c2;color:#ffedd0;border-radius:5px;font:800 9px var(--mono);animation:feed-in .22s ease}.event-feed b{color:var(--yellow)}@keyframes feed-in{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}.touch-dash{display:none;pointer-events:auto;position:absolute;bottom:110px;right:20px;width:66px;height:66px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 4px 0 var(--ink);font:1000 10px var(--mono)}
.result-shade{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:20px;background:#0c1b13b8;backdrop-filter:blur(3px)}.result-card,.crate-modal{width:min(455px,100%);padding:28px 30px;background:var(--cream);border:3px solid var(--ink);border-radius:17px;box-shadow:9px 10px 0 var(--ink);text-align:center}.result-kicker{color:#af4d7b;font:1000 10px var(--mono);letter-spacing:.7px}.result-card h2,.crate-modal h2{margin:15px 0 9px;font:1000 43px/.96 var(--ui);letter-spacing:-1.8px}.result-card p,.crate-modal p{margin:0 0 17px;color:#6c5c70;font-size:13px;line-height:1.45;font-weight:650}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:11px}.result-stats>div{display:flex;flex-direction:column;gap:3px;padding:9px 3px;border:2px solid var(--ink);border-radius:8px;background:white}.result-stats b{font:1000 21px var(--ui)}.result-stats span{font:900 9px var(--mono);color:#806e7e}.mutation-picker{margin-bottom:15px}.mutation-picker>span{display:block;margin-bottom:7px;font:900 9px var(--mono)}.mutation-picker>div{display:flex;justify-content:center;gap:7px}.mutation-picker button{padding:7px 9px;background:white;border:2px solid var(--ink);border-radius:7px;font:900 10px var(--mono)}.mutation-picker button.selected{background:#d9f6ac;box-shadow:0 3px 0 var(--ink)}.subtle-button{display:inline-block;margin:15px 7px 0;border:0;background:none;color:#655468;text-decoration:underline;font:900 10px var(--mono)}
.panel-scrim{position:absolute;z-index:10;inset:0;background:#1027188c}.side-panel{position:absolute;z-index:11;right:0;top:0;bottom:0;width:min(390px,100%);overflow:auto;padding:19px 21px 28px;background:var(--cream);border-left:3px solid var(--ink);box-shadow:-9px 0 0 #17132448}.panel-head{display:flex;justify-content:space-between;align-items:center;font:900 9px var(--mono);color:#a14d78;letter-spacing:.5px}.panel-head button,.modal-close{width:32px;height:32px;border:2px solid var(--ink);border-radius:7px;background:white;font:1000 20px var(--ui);line-height:1;box-shadow:0 2px 0 var(--ink)}.side-panel h2{margin:22px 0 11px;font:1000 32px/.95 var(--ui);letter-spacing:-1.2px}.side-panel h2 em{color:var(--pink);font-style:normal}.side-panel p{margin:0 0 18px;color:#655967;font-size:12px;line-height:1.5;font-weight:650}.owner-box{display:flex;gap:12px;align-items:center;padding:10px;background:#eff5da;border:2px solid var(--ink);border-radius:10px}.owner-box img{width:64px;height:64px;object-fit:cover;border:2px solid var(--ink);border-radius:8px}.owner-box>div{min-width:0;display:flex;flex-direction:column;gap:3px}.owner-box small{font:900 8px var(--mono);color:#786876}.owner-box strong{font:1000 19px var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-box span{font:900 9px var(--mono);color:#8e4d77;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-button{width:100%;margin:10px 0 18px;padding:9px 11px;background:white;border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--ink);font:900 10px var(--mono);text-align:center}.verify-button:hover:not(:disabled){background:#fff4b5}.trap-heading{display:flex;justify-content:space-between;margin-bottom:9px;font:1000 10px var(--mono)}.trap-heading span{color:#a24d79}.trap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.trap-list button{display:flex;align-items:center;gap:7px;min-height:58px;padding:6px 7px;background:white;border:2px solid var(--ink);border-radius:9px;text-align:left;box-shadow:0 3px 0 var(--ink)}.trap-list button.selected{background:#ddf1b8;transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.trap-list b{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #7c587f;border-radius:6px;background:#ffdf9d;color:#933a75;font-size:24px}.trap-list span{display:flex;flex-direction:column;gap:2px;font:1000 10px var(--ui)}.trap-list small{font:800 7px var(--mono);color:#8a788a}.panel-actions{display:flex;gap:7px;margin:17px 0 12px}.panel-actions button{min-height:40px;padding:0 13px;border:2px solid var(--ink);border-radius:8px;background:white;box-shadow:0 3px 0 var(--ink);font:900 10px var(--mono)}.panel-actions button:last-child{flex:1;background:var(--yellow)}.panel-note{font:800 10px/1.5 var(--mono)!important;color:#8b7887!important}.crate-tile{display:flex;align-items:center;gap:17px;padding:16px;margin-bottom:17px;background:#f7eacb;border:2px solid var(--ink);border-radius:11px}.crate-tile>span{display:grid;place-items:center;width:75px;height:75px;background:var(--yellow);border:3px solid var(--ink);border-radius:11px;box-shadow:4px 4px 0 var(--ink);font-size:44px}.crate-tile strong{display:block;font:1000 44px/.9 var(--ui)}.crate-tile small,.mod-label{font:900 9px var(--mono);color:#796676}.locker-rule{height:2px;margin:24px 0 14px;background:#c6b6aa}.locker-panel>strong{display:block;margin:6px 0 9px;font:1000 18px var(--ui)}.crate-modal-wrap{position:absolute;z-index:13;inset:0;display:grid;place-items:center;padding:20px;background:#0a1a12d1}.crate-modal{position:relative}.crate-modal .modal-close{position:absolute;right:12px;top:12px}.reward-glyph{display:grid;place-items:center;width:98px;height:98px;margin:23px auto 14px;border:3px solid var(--ink);border-radius:17px;background:var(--yellow);box-shadow:5px 5px 0 var(--ink);color:#a0437a;font-size:61px;transform:rotate(-7deg)}.reward-rarity{color:#b04473;font:900 10px var(--mono)}.crate-modal h2{margin:10px 0}.toast{position:absolute;z-index:30;left:50%;bottom:103px;transform:translateX(-50%);max-width:min(580px,calc(100% - 24px));padding:11px 15px;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);text-align:center;font:900 10px/1.4 var(--mono)}.toast.error{background:#ffafba}
.controls-strip{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:11px 0 -4px;padding:6px;background:#fffdf3;border:2px solid var(--ink);border-radius:8px}.controls-strip span{display:flex;align-items:center;gap:4px;white-space:nowrap;font:900 8px var(--mono)}.controls-strip .controls-fire{color:#9d3056}.controls-strip kbd{padding:5px 6px;background:#e9e7db;border:1px solid var(--ink);border-radius:4px;font:900 8px var(--mono)}.controls-strip .controls-fire kbd{background:#ffc4b2;color:var(--ink)}.fire-button{position:absolute;z-index:5;right:24px;bottom:109px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:66px;padding:0;background:#ff866b;color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:0 5px 0 var(--ink);pointer-events:auto;touch-action:none;user-select:none;line-height:1;transition:transform .1s,box-shadow .1s,background .1s}.fire-button span{font-size:19px;line-height:.85}.fire-button strong{font:1000 17px var(--ui);letter-spacing:.5px}.fire-button small{margin-top:3px;font:900 7px var(--mono)}.fire-button:hover{background:#ffad82}.fire-button.active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);background:var(--yellow)}
.stakes-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 5px}.stakes-strip span{min-width:0;display:flex;flex-direction:column;gap:3px;padding:6px 5px;background:#f3f1e3;border:2px solid var(--ink);border-radius:7px;text-align:center}.stakes-strip span:nth-child(2){background:#ffdbdb}.stakes-strip span:nth-child(3){background:#d9f2ac}.stakes-strip b{font:1000 10px var(--ui)}.stakes-strip small{font:900 7px/1.2 var(--mono);white-space:nowrap}.career-line{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#755a74;font:900 8px var(--mono)}.career-line b{color:#a53e67}.career-line small{font:800 7px var(--mono);text-align:right}.career-line+.lobby-form{margin-top:10px}.hud-risk{display:block;margin-top:4px;padding-top:4px;border-top:1px solid #d2c6b8;color:#a64570;font:900 8px var(--mono);white-space:nowrap}.hud-risk[data-tier='heist']{color:#9f3860}.hud-risk[data-tier='legend']{color:#4a8135}.result-payout{margin:-1px 0 15px;padding:9px 7px;border:2px solid var(--ink);border-radius:8px;background:#ffe285;font:1000 10px/1.3 var(--mono)}.result-payout[data-tier='heist']{background:#ffbfd0}.result-payout[data-tier='legend']{background:#d9f3a8}.result-payout[data-tier='lost']{background:#ece7de;color:#7e6e76}.career-tile{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-6px 0 16px}.career-tile>div{min-width:0;padding:10px;background:#eaf4d9;border:2px solid var(--ink);border-radius:9px}.career-tile small{display:block;font:900 8px var(--mono);color:#745b75}.career-tile strong{display:block;margin-top:4px;font:1000 20px var(--ui)}
@media(max-width:1000px){.topbar-center{display:none}.lobby-aside{display:none}.lobby-shade{justify-content:flex-start}.hud-bottom-center{bottom:99px}.minimap-wrap{transform:scale(.83);transform-origin:top right}.nav-button{font-size:9px;padding:0 8px}}
@media(max-width:660px){.topbar{padding:0 10px;height:58px;gap:8px}.brand{font-size:18px;letter-spacing:-1px}.brand img{width:34px;height:34px}.brand small{display:none}.topbar-actions{gap:5px}.nav-button{height:33px;font-size:8px;padding:0 7px}.nav-button:nth-child(1){font-size:0;padding:0 6px}.nav-button:nth-child(1)::after{content:'BUILD';font-size:8px}.sound-toggle{display:none}.wallet-button{height:33px;font-size:8px;padding:0 7px}.wallet-button>span:first-child{display:none}.game-stage{height:calc(100svh - 58px);min-height:590px}.lobby-shade{padding:15px;justify-content:center;align-items:center;background:#0b211788}.lobby-card{padding:19px 19px 16px;transform:none;box-shadow:5px 6px 0 var(--ink)}.lobby-card h1{font-size:clamp(36px,10vw,48px)}.lobby-lede{font-size:11px}.lobby-bottom{font-size:7px}.lobby-bottom>span{font-size:0}.lobby-bottom>span::after{content:'TAP FIRE · DASH TO DODGE · HOLD EXIT';font-size:7px}.controls-strip{margin:10px 0 -5px;padding:8px 9px}.controls-strip span{display:none}.controls-strip::after{content:'LEFT MOVE · RIGHT AIM/FIRE · HOLD FIRE BUTTON';font:900 8px var(--mono);color:#963c5a}.stakes-strip span{padding:6px 2px}.stakes-strip small{font-size:6px}.career-line small{font-size:6px}.mode-card strong{font-size:10px}.mode-card strong span{display:none}.mode-card small{font-size:8px}.mode-icon{height:37px;width:37px}.hud-top-left{top:7px;left:7px;gap:4px}.life-rows{min-width:92px;padding:6px}.life-label{font-size:7px}.life-label b{font-size:9px}.hud-mini-stat{min-width:37px;padding:5px}.hud-mini-stat strong{font-size:13px}.hud-mini-stat small{font-size:6px}.hud-top-center{top:66px;left:7px;transform:none;min-width:80px;padding:4px 6px}.match-label,#hudAlive,.hud-risk{font-size:6px}.hud-top-center strong{font-size:16px}.minimap-wrap{top:65px;right:5px;transform:scale(.62)}.hud-bottom-left{bottom:7px;left:6px;gap:5px;min-height:42px;padding:4px}.weapon-icon{width:30px;height:30px;font-size:19px}.weapon-copy small,.hud-bottom-right small{font-size:6px}.weapon-copy strong,.hud-bottom-right strong{font-size:9px}.weapon-copy span{font-size:7px}.dash-chip{display:none}.hud-bottom-right{bottom:7px;right:6px;min-width:100px;padding:4px;gap:4px;min-height:42px}.hud-bottom-right>span{padding:3px;font-size:7px}.hud-bottom-center{bottom:66px;left:10px;right:10px;transform:none;max-width:none;font-size:8px;padding:6px}.interact-prompt{bottom:107px;font-size:9px}.event-feed{top:142px;left:7px}.event-feed>div{font-size:7px}.fire-button{right:12px;bottom:188px;width:69px;height:69px;border-radius:50%}.fire-button span{font-size:21px}.fire-button strong{font-size:13px}.fire-button small{display:none}.touch-dash{display:block;bottom:110px;right:18px;width:57px;height:57px;font-size:9px}.result-card{padding:18px}.result-card h2{font-size:32px}.side-panel{padding:17px}.builder-panel{top:auto;bottom:0;height:54%;width:100%;border-left:0;border-top:3px solid var(--ink);box-shadow:0 -7px 0 #17132448}.toast{bottom:147px}}
/* Arena ownership, touch controls, and a viewport that never scrolls the HUD off-screen. */
:root{--topbar-height:66px}
.nft-guide{margin:10px 0 1px;border:2px solid var(--ink);border-radius:9px;background:#eaf4db;box-shadow:0 2px 0 var(--ink)}
.nft-guide summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 8px;list-style:none;cursor:pointer;user-select:none}
.nft-guide summary::-webkit-details-marker{display:none}
.nft-guide-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border:2px solid var(--ink);border-radius:7px;background:#e7bbff;font-size:19px}
.nft-guide-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.nft-guide-copy b{font:1000 10px var(--ui)}.nft-guide-copy small{font:800 8px/1.25 var(--mono);color:#76566e}
.nft-guide-plus{color:#9a3768;font:1000 21px var(--ui)}.nft-guide[open] .nft-guide-plus{transform:rotate(45deg)}
.nft-guide p{margin:0;padding:9px 11px 11px;border-top:1px solid #b8b1a6;color:#5a465c;font:700 11px/1.45 var(--ui)}
.controls-strip .touch-controls-copy{display:none}
.interact-prompt{appearance:none;color:var(--ink);touch-action:none;user-select:none;min-height:45px;justify-content:center;text-align:center}
.interact-prompt:disabled{opacity:.6;cursor:not-allowed}.interact-prompt.active{background:#ffe48a;box-shadow:0 1px 0 var(--ink);transform:translate(-50%,3px)}
.touch-stick{display:none;position:absolute;z-index:5;left:22px;bottom:118px;width:108px;height:108px;align-items:center;justify-content:center;pointer-events:none;user-select:none;opacity:.8}
.touch-stick-ring{display:grid;place-items:center;width:98px;height:98px;border:3px solid #fff3da;border-radius:50%;background:#191c2a77;box-shadow:0 0 0 3px #171324,0 4px 0 #171324}
.touch-stick-ring span{width:45px;height:45px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 3px 0 var(--ink)}
.touch-stick small{position:absolute;bottom:-18px;color:#fff8d8;text-shadow:1px 2px 2px #141329;font:1000 10px var(--mono);letter-spacing:.6px}
.touch-stick.active{opacity:1}.touch-stick.active .touch-stick-ring{background:#191c2a99}
.pause-button{display:none;pointer-events:auto;position:absolute;z-index:5;top:8px;right:8px;align-items:center;justify-content:center;gap:3px;min-width:44px;height:44px;padding:0 5px;border:2px solid var(--ink);border-radius:8px;background:#fff8e5;box-shadow:0 3px 0 var(--ink);font:1000 14px var(--ui);touch-action:manipulation}.pause-button span{font:900 7px var(--mono)}
.pause-shade{position:absolute;z-index:7;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:14px;background:#0c1b13d1;backdrop-filter:blur(3px)}
.pause-card{width:min(350px,100%);margin:auto 0;padding:23px;background:var(--cream);border:3px solid var(--ink);border-radius:15px;box-shadow:7px 8px 0 var(--ink);text-align:center}
.pause-card>span{color:#ae4877;font:900 10px var(--mono)}.pause-card h2{margin:10px 0;font:1000 29px/.95 var(--ui)}.pause-card p{margin:0 0 15px;color:#675467;font:700 12px/1.4 var(--ui)}
@media (pointer:coarse){
  html,body{height:100%;overflow:hidden;overscroll-behavior:none}
  .game-stage{height:calc(100dvh - var(--topbar-height));min-height:0}
  .lobby-shade,.result-shade,.crate-modal-wrap{overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;align-items:center;-webkit-overflow-scrolling:touch}
  .lobby-shade{flex-direction:column}.lobby-card{margin:auto 0;flex:none}.lobby-aside{display:none}
  .result-shade,.crate-modal-wrap{display:flex;flex-direction:column}.result-card,.crate-modal{margin:auto 0;flex:none}
  .touch-stick,.pause-button{display:flex}
  .touch-dash{display:block;right:18px;bottom:110px;width:57px;height:57px;touch-action:none;user-select:none}
  .fire-button{right:12px;bottom:188px;width:70px;height:70px;border-radius:50%}.fire-button small{display:none}
  .interact-prompt{left:auto;right:96px;bottom:108px;width:105px;min-height:59px;padding:5px 4px;flex-direction:column;gap:2px;white-space:normal;transform:none;font-size:10px;line-height:1.1}
  .interact-prompt .interact-key{display:none}.interact-prompt strong{font:1000 10px/1.1 var(--mono)}
  .interact-prompt .hold-track{width:85px;height:8px;border-radius:3px;overflow:hidden}
  .interact-prompt.active{transform:translateY(3px)}
  .hud-top-center{top:65px}.hud-bottom-center{pointer-events:none}
  .controls-strip span{display:none}.controls-strip .touch-controls-copy{display:block;white-space:normal;font:900 8px/1.3 var(--mono);color:#963c5a}
  .controls-strip::after{content:none}
}
@media (pointer:coarse) and (min-width:661px) and (min-height:551px){.pause-button{right:215px}}
@media (max-width:660px){
  :root{--topbar-height:58px}
  .game-stage{height:calc(100dvh - var(--topbar-height));min-height:0}
  .lobby-shade{overflow-y:auto;align-items:center;justify-content:flex-start}.lobby-card{margin:auto 0}
  .result-shade,.crate-modal-wrap{overflow-y:auto;align-items:center;justify-content:flex-start}.result-card,.crate-modal{margin:auto 0}
  .wallet-button{min-width:0}
}
@media (max-width:380px){
  .topbar{gap:4px;padding:0 6px}.brand{gap:4px;font-size:16px}.brand img{width:30px;height:30px}.topbar-actions{gap:3px}
  .nav-button{padding:0 5px}.wallet-button{padding:0 5px}.wallet-button #walletLabel{font-size:0}.wallet-button #walletLabel::after{content:'WALLET';font-size:8px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:550px){
  :root{--topbar-height:44px}
  .topbar{height:44px;padding:0 12px;gap:9px}.brand{font-size:18px}.brand img{width:28px;height:28px}.brand small{display:none}
  .nav-button,.wallet-button{height:32px;padding:0 8px;font-size:8px}.topbar-center{display:none}
  .game-stage{height:calc(100dvh - 44px);min-height:0}
  .lobby-shade{padding:10px 16px}.lobby-card{width:min(465px,100%);padding:16px 19px 13px;transform:none}
  .lobby-card h1{font-size:38px;margin:9px 0 8px}.lobby-lede{font-size:11px;margin-bottom:9px}
  .hud-top-left{top:6px;left:7px;gap:4px}.life-rows{min-width:92px;padding:5px}.life-label{font-size:7px}.life-label b{font-size:9px}
  .hud-mini-stat{min-width:36px;padding:5px}.hud-mini-stat strong{font-size:13px}.hud-mini-stat small{font-size:6px}
  .hud-top-center{top:6px;left:50%;transform:translateX(-50%);min-width:112px;max-width:150px;padding:3px 5px}
  .hud-top-center strong{font-size:17px}.match-label,#hudAlive{display:none}.hud-risk{font-size:7px;white-space:normal}
  .minimap-wrap{top:6px;right:7px;transform:scale(.60);transform-origin:top right}
  .pause-button{top:7px;right:137px}
  .hud-bottom-left{left:135px;bottom:6px;min-height:40px;padding:3px;gap:5px}.hud-bottom-right{right:7px;bottom:6px;min-width:130px;min-height:40px;padding:3px;gap:4px}
  .weapon-icon{width:29px;height:29px;font-size:18px}.weapon-copy small{display:none}.weapon-copy strong,.hud-bottom-right strong{font-size:9px}.weapon-copy span,.hud-bottom-right small{font-size:7px}.dash-chip{display:none}
  .hud-bottom-right>span{padding:3px;font-size:7px}
  .hud-bottom-center{top:74px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:min(290px,37vw);max-width:none;padding:5px;font-size:7px}
  .event-feed{top:72px;left:8px;max-width:180px}.event-feed>div{font-size:7px}
  .touch-stick{left:16px;bottom:58px;width:100px;height:100px}.touch-stick-ring{width:90px;height:90px}
  .fire-button{right:12px;bottom:62px;width:63px;height:63px}.fire-button strong{font-size:13px}
  .touch-dash{right:88px;bottom:66px;width:53px;height:53px;font-size:9px}
  .interact-prompt{right:12px;bottom:137px;width:106px;min-height:47px;font-size:9px}
  .builder-panel{top:0;bottom:0;right:0;width:min(360px,48vw);height:auto;border-top:0;border-left:3px solid var(--ink);box-shadow:-7px 0 0 #17132448}
  .toast{bottom:56px}
}
@media (max-width:660px) and (max-height:700px) and (orientation:portrait){
  .lobby-shade{padding:9px 12px}.lobby-card{padding:12px 15px 10px}.lobby-card h1{margin:8px 0 7px;font-size:clamp(29px,9vw,36px)}
  .lobby-lede{margin-bottom:8px;font-size:10px}.mode-card{padding:6px}.nft-guide{margin:6px 0 0}
  .controls-strip{margin:6px 0 -5px;padding:5px 7px}.stakes-strip{margin:7px 0 4px}.lobby-form{margin-top:6px}
  .play-button{min-height:44px}.lobby-bottom{margin-top:8px}
  .result-shade,.crate-modal-wrap{padding:9px}.result-card{padding:13px}.result-card h2{margin:8px 0;font-size:29px}
  .result-card p{font-size:11px;margin-bottom:9px}.result-stats>div{padding:5px 2px}.mutation-picker{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Private live-room lobby, standings and the shared in-raid scoreboard. */
.live-entry{margin-top:8px}.live-entry summary{list-style:none;cursor:pointer;user-select:none;background:#e9e4fa}.live-entry summary::-webkit-details-marker{display:none}.live-entry .mode-icon{background:#ed87b6;font-size:22px}.live-entry .mode-card>b{background:#ae58a5}.live-entry[open] summary{border-radius:10px 10px 0 0;box-shadow:none}.live-entry-body{display:grid;gap:7px;padding:10px 11px;background:#f6f0fb;border:2px solid var(--ink);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 3px 0 var(--ink)}.live-entry-body label{font:900 9px var(--mono);color:#824575}.live-entry-body input{width:100%;height:38px;min-width:0;padding:0 10px;border:2px solid var(--ink);border-radius:7px;background:#fffdf4;color:var(--ink);font:900 12px var(--mono);text-transform:uppercase;outline-offset:2px}.live-action,.live-join-row button{min-height:40px;padding:7px 10px;border:2px solid var(--ink);border-radius:7px;background:#ffa2bc;box-shadow:0 2px 0 var(--ink);color:var(--ink);font:1000 10px var(--mono)}.live-action:hover,.live-join-row button:hover{background:#ffd078}.live-join-row{display:flex;gap:6px}.live-join-row button{flex:none;background:var(--yellow)}.live-entry-body p{margin:1px 0 0;color:#745b76;font:700 9px/1.4 var(--ui)}.offline-live-note{margin:8px 0;padding:8px;background:#e9f4d3;border:2px dashed #795a73;border-radius:8px;font:900 9px/1.4 var(--mono)}
.room-shade{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px;background:#101c20c9;backdrop-filter:blur(4px);overscroll-behavior:contain}.room-card{width:min(470px,100%);margin:auto 0;padding:24px;background:var(--cream);border:3px solid var(--ink);border-radius:17px;box-shadow:7px 8px 0 var(--ink)}.room-card h2{margin:10px 0;font:1000 clamp(27px,6vw,38px)/.96 var(--ui);letter-spacing:-1.2px}.room-card>p{color:#645468;font:700 12px/1.45 var(--ui)}.room-code-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;background:#231b33;border:2px solid #1a1823;border-radius:10px}.room-code-line strong{color:#ffe074;font:1000 clamp(22px,6vw,32px) var(--mono);letter-spacing:3px}.room-code-line button{min-height:38px;flex:none;padding:0 9px;border:2px solid var(--ink);border-radius:7px;background:#ffa4b8;color:var(--ink);font:1000 9px var(--mono)}.room-arena{display:block;margin-top:7px;color:#75517c;font:900 10px var(--mono)}.room-player-list{display:grid;gap:6px;margin:18px 0}.room-player{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:35px;padding:5px 9px;border:2px solid var(--ink);border-radius:7px;background:#fcf8ed;font:900 11px var(--mono)}.room-player small{color:#6b5e6a;font:900 9px var(--mono);text-align:right}.room-player i{display:inline-block;flex:none;width:9px;height:9px;margin-right:6px;border:1px solid var(--ink);border-radius:2px}.room-player.empty{border-style:dashed;background:#e6e7da;color:#817884}.room-player.empty i{background:#c7c6bb}.room-card>.play-button{margin-top:10px}.room-card>.subtle-button{width:100%;min-height:40px;margin-top:10px}.room-card .room-fineprint{margin-bottom:0;color:#806e7b;font:800 9px/1.45 var(--ui)}.live-score{pointer-events:none;position:absolute;top:101px;left:20px;width:220px;padding:8px 10px;border:2px solid var(--ink);border-radius:9px;background:#fff9ebeb;box-shadow:0 4px 0 var(--ink);font:900 9px var(--mono)}.live-score>b{display:block;padding-bottom:4px;color:#a24680}.live-score-row,.result-standings-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-top:1px solid #ccbfc4}.live-score-row>span,.result-standings-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-score-row>small,.result-standings-row>small{white-space:nowrap;font:900 8px var(--mono)}.live-score-row.you>span{color:#9d3980}.result-live-standings{margin:4px 0 13px;padding:8px;background:#e8edda;border:2px solid var(--ink);border-radius:9px}.result-live-standings>b{display:block;margin-bottom:4px;font:900 9px var(--mono)}.result-standings-row{font:900 10px var(--mono)}.result-standings-row>small{font-size:9px}body.live-active .event-feed{top:250px}
@media (max-width:660px){.live-entry .mode-card small{font-size:7px}.live-entry-body{padding:8px}.live-score{top:125px;left:6px;width:155px;max-height:100px;overflow:hidden;padding:5px 7px;font-size:7px}.live-score-row{padding:2px 0}.live-score-row>small{font-size:7px}.room-shade{padding:10px}.room-card{padding:15px}.room-card h2{font-size:28px}body.live-active .event-feed{display:none}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:550px){.live-score{top:59px;left:7px;width:138px;max-height:95px}.room-card{width:min(600px,100%);padding:12px 17px}.room-card h2{font-size:24px;margin:5px 0}.room-player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:7px 0}.room-player{min-height:27px;padding:2px 6px;font-size:9px}.room-card>p{margin:5px 0;font-size:9px}.room-code-line{padding:4px 9px}.room-card .room-fineprint{font-size:8px}.room-card>.play-button{min-height:35px;margin-top:4px}.room-card>.subtle-button{min-height:31px;margin-top:5px}.result-live-standings{padding:5px;margin:0 0 6px}}
@media(max-width:660px){body.live-active .nav-button:nth-child(1)::after{content:'ROOM'}}
.player-dot{display:inline-block;vertical-align:-1px;width:9px;height:9px;margin-right:5px;border:1px solid #241c2a;border-radius:2px}

/* Hidden-box simulation: distinguish non-redeemable examples from free cosmetic crates. */
.reward-solo-card{width:100%;margin-top:8px;text-align:left;background:#fff0c2;cursor:pointer;color:var(--ink)}
.reward-solo-card:hover{background:#ffe494;transform:translateY(1px)}
.reward-solo-card>.mode-icon{background:#f69bb8;font-size:24px}
.reward-solo-card>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.reward-solo-card>b{flex:none;background:#a44881}
.reward-guide{margin:9px 0 0;border:2px solid var(--ink);border-radius:9px;background:#fff0d8;box-shadow:0 2px 0 var(--ink)}
.reward-guide summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:7px 9px;list-style:none;cursor:pointer;color:#462a40;font:1000 9px/1.3 var(--mono)}
.reward-guide summary::-webkit-details-marker{display:none}
.reward-guide summary b{flex:none;padding:4px 5px;border:1px solid var(--ink);border-radius:4px;background:#f7c9dc;font:900 8px var(--mono)}
.reward-guide>div{padding:9px 10px 11px;border-top:1px solid #d7bcb9}
.reward-guide p{margin:0 0 8px;color:#554b58;font:700 10px/1.4 var(--ui)}
.reward-guide p strong{color:#a63764}
.reward-guide button{width:100%;min-height:34px;margin:1px 0 7px;border:2px solid var(--ink);border-radius:7px;background:#f9df72;box-shadow:0 2px 0 var(--ink);font:900 9px var(--mono)}
.reward-guide button:disabled{opacity:.7}
.reward-guide small{display:block;color:#735b68;font:800 9px/1.35 var(--mono)}
.result-preview{margin:-9px 0 13px;padding:8px 9px;border:2px dashed #903b69;border-radius:7px;background:#ffebf0;color:#89315f;font:900 9px/1.45 var(--mono)}
body[data-offline='true'] .reward-guide,body[data-offline='true'] .reward-solo-card{display:none!important}
@media(max-width:380px){.reward-guide summary{font-size:8px}.reward-solo-card>b{font-size:7px}}
/* Keep the longer preview explanation reachable on shorter desktop viewports. */
.lobby-shade{overflow-y:auto;align-items:safe center;overscroll-behavior:contain}
/* Real-claim readiness is visible but cannot authorize a token transfer. */
.claim-guide{margin:8px 0 0;border:2px solid var(--ink);border-radius:9px;background:#e9ecf5;box-shadow:0 2px 0 var(--ink)}
.claim-guide summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:6px 9px;list-style:none;cursor:pointer;color:#393849;font:1000 9px/1.3 var(--mono)}
.claim-guide summary::-webkit-details-marker{display:none}
.claim-guide summary b{flex:none;padding:4px 5px;border:1px solid var(--ink);border-radius:4px;background:#e8afbd;color:#6a2d4c;font:900 8px var(--mono)}
.claim-guide>div{padding:9px 10px 10px;border-top:1px solid #c1bdcf}
.claim-guide p{margin:0 0 8px;color:#51495b;font:700 10px/1.4 var(--ui)}
.claim-guide button,.claim-guide .claim-portal-link{display:block;width:100%;min-height:34px;margin:0 0 7px;padding:8px 10px;text-align:center;text-decoration:none;color:var(--ink);border:2px solid var(--ink);border-radius:7px;background:#e5dfeb;box-shadow:0 2px 0 var(--ink);font:900 9px var(--mono)}.claim-guide .claim-portal-link{background:#eff2a1}
.claim-guide small{display:block;color:#6a5a70;font:800 9px/1.35 var(--mono)}
body[data-offline='true'] .claim-guide{display:none!important}

/* Phone play is landscape-only. Menus/rooms remain available in portrait. */
.rotate-shade{
  position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;
  padding:max(17px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(17px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  overflow-y:auto;overscroll-behavior:contain;
  background:radial-gradient(circle at 80% 15%,#f6b45136,transparent 35%),radial-gradient(circle at 10% 90%,#8de5a52b,transparent 42%),#0f2119;
  color:var(--ink);-webkit-overflow-scrolling:touch;
}
.rotate-card{
  width:min(430px,100%);max-height:100%;margin:auto;padding:22px clamp(18px,5vw,28px) 24px;
  overflow-y:auto;border:3px solid var(--ink);border-radius:20px;background:var(--cream);
  box-shadow:8px 9px 0 var(--ink),0 0 0 4px #ffffff26;text-align:center;
}
.rotate-kicker{display:flex;align-items:center;justify-content:center;gap:7px;color:#744c70;font:900 10px var(--mono);letter-spacing:.7px}
.rotate-pulse{width:9px;height:9px;border:2px solid #2a7248;border-radius:50%;background:#65d782;box-shadow:0 0 0 3px #65d78245}
.rotate-art{position:relative;width:140px;height:99px;margin:18px auto 10px;display:grid;place-items:center}
.rotate-art:before{content:'';position:absolute;width:127px;height:78px;transform:rotate(-20deg);border:2px dashed #4a8b68;border-radius:50%}
.rotate-device{position:relative;display:grid;place-items:center;width:91px;height:53px;transform:rotate(-18deg);border:4px solid var(--ink);border-radius:11px;background:linear-gradient(135deg,#fbd56b,#ff9a9f);box-shadow:4px 6px 0 #17132443;font-size:27px}
.rotate-device:before{content:'';position:absolute;left:5px;top:50%;width:4px;height:13px;transform:translateY(-50%);border-radius:5px;background:#171324}
.rotate-device:after{content:'';position:absolute;right:5px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:#171324}
.rotate-arrow{position:absolute;right:0;bottom:0;color:#d7497b;font:1000 39px/1 var(--ui);text-shadow:2px 2px 0 var(--ink)}
.rotate-card h2{margin:8px 0 11px;font:1000 clamp(27px,8vw,39px)/.98 var(--ui);letter-spacing:-1.3px}
.rotate-card h2 em{color:var(--pink);font-style:normal;-webkit-text-stroke:.6px var(--ink)}
.rotate-card>p{margin:0 auto 13px;max-width:320px;color:#5e5363;font:700 12px/1.45 var(--ui)}
.rotate-card .rotate-match-note{margin:0 auto 14px;padding:8px 9px;border:1px solid #c5d6aa;border-radius:7px;background:#e8f3d6;color:#394d36;font:900 9px/1.3 var(--mono)}
.rotate-menu-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:9px 13px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);box-shadow:0 4px 0 var(--ink);color:var(--ink);font:1000 11px var(--mono)}
.rotate-menu-button span{font-size:19px}.rotate-menu-button:focus-visible{outline:3px solid #a53d76;outline-offset:4px}
@media (pointer:coarse) and (orientation:landscape) and (max-height:550px){
  .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .hud-top-left,.event-feed,.live-score{left:calc(7px + env(safe-area-inset-left))}
  .hud-bottom-left{left:calc(135px + env(safe-area-inset-left))}
  .touch-stick{left:calc(16px + env(safe-area-inset-left))}
  .minimap-wrap,.hud-bottom-right{right:calc(7px + env(safe-area-inset-right))}
  .pause-button{right:calc(137px + env(safe-area-inset-right))}
  .fire-button,.interact-prompt{right:calc(12px + env(safe-area-inset-right))}
  .touch-dash{right:calc(88px + env(safe-area-inset-right))}
}
@media (pointer:coarse) and (orientation:portrait) and (max-width:700px) and (max-height:620px){
  .rotate-card{padding:14px 17px 17px}.rotate-art{margin:7px auto 3px;height:75px}.rotate-card h2{font-size:28px;margin:4px 0 8px}.rotate-card>p{font-size:11px;margin-bottom:9px}
}