@layer host-app{body.ranked-page #ranked-status{right:auto;bottom:max(14px,env(safe-area-inset-bottom));text-align:left;border:1px solid #72846550;width:min(620px,100vw - 460px);max-width:none;min-height:42px;padding:12px 16px;line-height:1.5;left:16px}body.transaction-busy #ranked-status{pointer-events:auto;background:#203627;border-color:#b0ca83;padding-left:52px}body.transaction-busy #ranked-status:before{content:"";border:2px solid #789361;border-top-color:var(--brand-yellow);border-radius:50%;width:16px;height:16px;margin-top:-9px;animation:1s linear infinite payment-spin;position:absolute;top:50%;left:18px}body.transaction-busy #ranked-status:after{content:"Keep this tab open. If disconnected, restore your saved run—never pay twice.";color:#c3d3b6;margin-top:4px;font-size:10px;display:block}@keyframes payment-spin{to{transform:rotate(360deg)}}body.ranked-playing:not(.ranked-paused):not(.transaction-busy) #ranked-status{display:none}body.ranked-paused:not(.transaction-busy) #ranked-status{display:none!important}body.ranked-page #ranked-dialog.ranked-run-dialog{text-align:center;border:0;border-radius:14px;width:min(470px,100vw - 32px);max-height:calc(100dvh - 32px);padding:38px;top:50%;transform:translate(-50%,-50%)}.ranked-run-dialog .mode-eyebrow{color:var(--brand-yellow);letter-spacing:.17em;font-size:9px;margin:0 0 13px!important}.ranked-page .ranked-run-dialog h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font:900 clamp(43px,7vw,62px)/.9 Barlow Condensed,Impact,sans-serif}.ranked-page .ranked-run-dialog .ranked-dialog-copy{color:#c5d0c1;text-wrap:pretty;max-width:370px;margin:20px auto 0;font-size:14px;line-height:1.65}.ranked-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;display:grid}.ranked-dialog-actions>button:only-of-type{grid-column:1/-1}.ranked-page .ranked-dialog-actions button{letter-spacing:.04em;border-radius:5px;min-height:48px;margin:0;padding:12px 16px;font-size:12px}.ranked-page #ranked-resume{background:var(--brand-yellow);color:#17251f;grid-column:1/-1}.ranked-page #ranked-reconnect,.ranked-page #ranked-new{grid-column:1/-1}.ranked-page #ranked-mints:empty{display:none}.ranked-page #ranked-mints:not(:empty){grid-column:1/-1;gap:8px;display:grid}.ranked-page #ranked-mints button{width:100%}.ranked-page #ranked-back-menu.ranked-dialog-exit{color:#aebbaa;letter-spacing:.08em;text-underline-offset:4px;background:0 0;border:0;margin:18px 0 0;padding:6px;font-size:10px;text-decoration:underline}.ranked-dialog-board{margin:11px 0 0!important}.ranked-dialog-board:has(a[hidden]){display:none}.ranked-dialog-board a{font-size:11px}body.ranked-page #ranked-hud.player-hud strong{font-size:28px}body.ranked-page #ranked-hud.player-hud span{font-size:inherit}body.ranked-page #ranked-hud.player-hud .label{font-size:9px}body.ranked-page #ranked-hud.player-hud small{font-size:10px}.ranked-page #ranked-hud.player-hud .hud-speed strong small{font-size:12px}@media (max-width:700px){body.ranked-page #ranked-hud.player-hud strong{font-size:23px}body.ranked-page #ranked-hud.player-hud .hud-speed strong{font-size:17px}body.ranked-page #ranked-hud.player-hud .hud-speed .label,body.ranked-page #ranked-hud.player-hud .hud-speed>small{font-size:8px}body.ranked-page #ranked-status{text-align:center;width:auto;font-size:11px;bottom:52px;left:10px;right:10px}body.ranked-page #ranked-dialog.ranked-run-dialog{max-height:calc(100dvh - 24px);padding:28px 22px;top:50%;transform:translate(-50%,-50%)}.ranked-page .ranked-run-dialog h2{font-size:46px}.ranked-page .ranked-run-dialog .ranked-dialog-copy{font-size:13px}.ranked-dialog-actions{margin-top:20px}}body.ranked-dialog-open #ranked-status{display:none!important}.ranked-page .ranked-dialog-status{color:#c5d0c1;text-wrap:pretty;justify-content:center;align-items:center;gap:9px;max-width:370px;margin:16px auto 0;font-size:12px;line-height:1.5;display:flex}body.transaction-busy .ranked-dialog-status:before{content:"";border:2px solid #789361;border-top-color:var(--brand-yellow);border-radius:50%;flex:none;width:12px;height:12px;animation:1s linear infinite payment-spin}.ranked-page #ranked-gesture-hint{z-index:12;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));color:#eef0d9;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#0f1c17b3;border-radius:999px;margin:0;padding:9px 16px;font-size:12px;font-weight:700;transition:opacity .3s;animation:.25s ease-out gesture-hint-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #050c0966}.ranked-page #ranked-gesture-hint.fading{opacity:0}body.ranked-paused #ranked-gesture-hint{display:none}@keyframes gesture-hint-in{0%{opacity:0;transform:translate(-50%,6px)}}@media (prefers-reduced-motion:reduce){body.transaction-busy #ranked-status:before,body.transaction-busy .ranked-dialog-status:before,.ranked-page #ranked-gesture-hint{animation:none}.ranked-page #ranked-gesture-hint{transition:none}}body.ranked-page #ranked-hud.player-hud .hud-stat small{letter-spacing:normal;display:block}body.ranked-page #ranked-hud.player-hud .hud-speed strong small{font-size:12px;display:inline}body.ranked-page #ranked-hud.player-hud .hud-speed strong{white-space:nowrap}@media (max-width:700px){body.ranked-page #ranked-hud.player-hud .hud-coins small{font-size:8px}body.ranked-page #ranked-hud.player-hud .hud-speed strong{display:block}body.ranked-page #ranked-hud.player-hud .hud-stat>small{font-size:9px}body.ranked-page #ranked-hud.player-hud .hud-speed>small{font-size:8px}}}
