*{box-sizing:border-box}
html,body{margin:0;min-width:100%;min-height:100%;background:#020504;touch-action:none;user-select:none}
body{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:"Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;color:#edf4f6;overflow:auto;background:radial-gradient(circle at 82% -6%,rgba(56,133,182,.12),transparent 34rem),linear-gradient(180deg,#07100e 0,#020504 74%)}
#cabinet{position:relative;isolation:isolate;contain:layout paint style;width:min(1200px,100vw,calc(100vh * 1.6));width:min(1200px,100dvw,calc(100dvh * 1.6));aspect-ratio:8/5;background:#02070b;overflow:hidden;box-shadow:0 0 0 1px #244d69,0 18px 50px rgba(0,0,0,.48)}
canvas{position:absolute;display:block;outline:none;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#02070b}
#tap{display:none}
#desktopRequired{display:none}
@media(max-width:760px){body{background:#071522;min-height:100dvh;padding:22px}#cabinet{display:none}#desktopRequired{display:flex;width:100%;min-height:calc(100dvh - 44px);align-items:center;justify-content:center}.desktop-required-panel{width:min(100%,560px);padding:28px 24px;background:rgba(7,21,34,.94);border:1px solid #244d69;box-shadow:inset 3px 0 0 #5ba6d2,inset 0 -1px 0 #f0d44f}.desktop-required-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#8ac8e9}.desktop-required-panel h1{margin:9px 0 14px;font-size:28px;letter-spacing:1.5px;color:#edf4f6}.desktop-required-panel p{margin:7px 0;color:#aab5b8;font-size:14px;line-height:1.55}}

canvas:focus-visible{box-shadow:inset 0 0 0 1px rgba(138,200,233,.55)}

/* Defender leaderboard overlay: same-window, no navigation, no persistent client state. */
#leaderboardOverlay{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(1,6,10,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}
#leaderboardOverlay[data-open="true"]{display:flex}
.leaderboard-panel{width:min(720px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(7,25,40,.985),rgba(3,12,20,.985));border:1px solid #244d69;box-shadow:inset 3px 0 0 #5ba6d2,inset 0 -1px 0 #f0d44f,0 22px 70px rgba(0,0,0,.6);padding:24px 26px 22px}
.leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(91,166,210,.28)}
.leaderboard-kicker{font:800 11px/1.2 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:2px;color:#8ac8e9;text-transform:uppercase}
.leaderboard-title{margin:5px 0 0;font:850 30px/1 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:1.4px;color:#edf4f6;text-transform:uppercase}
.leaderboard-close,.leaderboard-action{appearance:none;border:1px solid #345f79;background:#081a29;color:#dcecff;font:800 12px/1 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
.leaderboard-close{width:40px;height:34px;font-size:18px;letter-spacing:0}
.leaderboard-close:hover,.leaderboard-action:hover,.leaderboard-close:focus-visible,.leaderboard-action:focus-visible{border-color:#f0d44f;color:#f0d44f;outline:none}
.leaderboard-status{min-height:36px;padding:12px 0 8px;color:#aab5b8;font:700 13px/1.35 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.35px;text-transform:uppercase}
.leaderboard-status[data-tone="good"]{color:#8cff83}.leaderboard-status[data-tone="warn"]{color:#f3c969}.leaderboard-status[data-tone="bad"]{color:#ff8b83}
.leaderboard-list{display:grid;grid-template-columns:44px 1fr 130px;align-items:center;flex:none;min-height:260px;overflow:visible;border-top:1px solid rgba(91,166,210,.18);border-left:1px solid rgba(91,166,210,.18);margin-top:4px}
.leaderboard-row{display:contents}
.leaderboard-cell{min-height:26px;padding:5px 8px;border-right:1px solid rgba(91,166,210,.18);border-bottom:1px solid rgba(91,166,210,.18);font:700 12px/1.25 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;color:#dcecff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-rank{color:#8ac8e9;text-align:center}.leaderboard-score{color:#f0d44f;text-align:right;font-variant-numeric:tabular-nums}
.leaderboard-row-empty .leaderboard-cell{color:#526773}.leaderboard-row-empty .leaderboard-score{color:#526773}

/* Pre-run leaderboard identity gate: one required RAM-only name, no post-run form. */
#titleNameGate{position:absolute;z-index:20;left:50%;bottom:82px;transform:translateX(-50%);width:min(660px,calc(100% - 80px));display:none;padding:13px 14px 12px;background:rgba(3,14,23,.94);border:1px solid rgba(91,166,210,.5);box-shadow:inset 4px 0 0 rgba(91,166,210,.78),0 8px 28px rgba(0,0,0,.28);pointer-events:auto}
#titleNameGate[data-open="true"]{display:block}
.title-name-label{display:block;margin-bottom:8px;color:#8ac8e9;font:800 11px/1.15 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase}
.title-name-row{display:grid;grid-template-columns:1fr 62px;gap:9px;align-items:center}
#leaderboardName{min-width:0;height:44px;border:1px solid #3c708f;background:#03101a;color:#edf4f6;padding:0 13px;font:750 15px/1 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.5px;outline:none;user-select:text}
#leaderboardName:focus{border-color:#8ac8e9;box-shadow:0 0 0 1px rgba(138,200,233,.25)}
#leaderboardName[data-invalid="true"]{border-color:#ff8b83;color:#ffb1ac;box-shadow:0 0 0 1px rgba(255,139,131,.14)}
#leaderboardName::placeholder{color:#627783}
.title-name-count{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(91,166,210,.3);background:rgba(3,16,26,.68);color:#8ac8e9;font:800 12px/1 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
.title-name-count[data-tone="bad"]{border-color:rgba(255,139,131,.55);color:#ff8b83}
.title-name-count[data-tone="good"]{color:#8cff83}
.title-name-feedback{min-height:20px;padding-top:8px;color:#c0c9cc;font:700 12.5px/1.25 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.12px}
.title-name-feedback[data-tone="good"]{color:#8cff83}.title-name-feedback[data-tone="bad"]{color:#ff8b83}
.title-name-note{margin-top:3px;color:#8798a2;font:650 11px/1.3 "Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.12px}
.leaderboard-action{height:40px;border-color:#917d2f;color:#f0d44f}
.leaderboard-action:disabled{cursor:not-allowed;opacity:.38;border-color:#34505f;color:#667b86}
.leaderboard-footer{display:none;margin-top:14px;padding-top:14px;border-top:1px solid rgba(91,166,210,.24)}
.leaderboard-footer[data-open="true"]{display:flex;justify-content:center;gap:10px}
.leaderboard-play-again,.leaderboard-retry{width:min(300px,100%)}
.leaderboard-retry[hidden]{display:none}
@media(max-width:760px){#titleNameGate{display:none!important}}
@media(max-width:760px){#leaderboardOverlay{display:none!important}}