:root{font-family:DM Sans,system-ui,sans-serif;color:#ebe8de;background:#111d25;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#253b43 0,transparent 65%);min-height:100svh}.shell{max-width:1000px;margin:auto;padding:32px 40px 40px}.heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:22px;font-size:10px;letter-spacing:.12em;color:#96adb0}.heading a{color:#ddd5bd;text-decoration:none;letter-spacing:0;font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;margin:32px 0 24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#d6af6c}.intro .eyebrow{margin:0 0 7px}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:66px;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;margin:0}h1 em{font-style:normal;color:#d6af6c}.intro>p{font-size:13px;color:#acbab7;line-height:1.8}.cabinet{max-width:740px;margin:auto;background:#0e171e;border:1px solid #61716c;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #0005}.hud{display:flex;gap:30px;align-items:center;padding:15px 22px;border-bottom:1px solid #7182764d}.hud span{font-size:9px;letter-spacing:.12em;color:#96aaa4;display:block}.hud strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:30px;line-height:1.2}.hud .combo{margin-left:auto;width:110px;color:#ecc486}.hud button{border:1px solid #ffffff30;border-radius:6px;background:#233431;color:#fff;font-size:20px;width:35px;height:35px;cursor:pointer}.hud button:disabled{opacity:.35}.hud progress{display:block;width:100%;height:3px;appearance:none;border:0;background:#ffffff18}.hud progress::-webkit-progress-bar{background:#ffffff18}.hud progress::-webkit-progress-value{background:#ecc486}.stage{aspect-ratio:4/3;position:relative;background:#344c52}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.panel{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#14242b88,#09131be6);padding:24px}.panel[hidden]{display:none}.panel-card{text-align:center;max-width:360px}.panel-card h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:48px;line-height:1;margin:15px 0}.panel-card>p:not(.eyebrow){color:#bacac4;font-size:13px;line-height:1.8}.panel-card button{width:100%;background:#eac481;color:#192723;border:0;padding:16px 22px;font:700 14px DM Sans,sans-serif;text-align:left;border-radius:5px;cursor:pointer;margin-top:14px}.panel-card button span{float:right}.panel-card .keys{font-size:10px!important;letter-spacing:.08em;opacity:.65}.bar{display:flex;gap:18px;align-items:center;padding:16px 20px;font-size:11px;color:#acbab7;flex-wrap:wrap}.bar button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:0}.bar label{display:flex;gap:5px;align-items:center}.bar input{accent-color:#eac481}.bar>span{margin-left:auto;color:#eac481}.notes{max-width:740px;margin:23px auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#839c9c;font-size:11px;line-height:1.8}.notes b{color:#bacac4}.status{height:18px;text-align:center;font-size:11px;color:#d6af6c}.touch{display:none;padding:12px 16px;background:#16252b;border-top:1px solid #ffffff20;justify-content:space-between}.touch>div{display:flex;gap:8px}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;width:64px;height:50px;border:1px solid #657773;border-radius:6px;color:#f4ead4;background:#2b3e43;font-size:23px}.touch .jump{width:110px;font-size:12px;font-weight:700;color:#172821;background:#eac481}button:focus-visible,a:focus-visible{outline:3px solid #eac481;outline-offset:3px}@media(pointer:coarse){.touch{display:flex}}@media(max-width:600px){.shell{padding:18px 12px}.heading{font-size:8px;gap:10px}.heading>span:last-child{display:none}.intro{margin:26px 4px 20px}h1{font-size:49px}.intro>p{font-size:10px;max-width:120px}.hud{padding:10px 14px;gap:18px}.hud strong{font-size:25px}.hud .combo{width:80px}.panel{padding:15px}.panel-card h2{font-size:36px;margin:8px 0}.panel-card>p:not(.eyebrow){font-size:11px;line-height:1.5}.panel-card button{padding:12px 16px;margin-top:4px}.bar{gap:14px;padding:12px;font-size:10px}.notes{gap:12px;font-size:10px}.touch{display:flex}}.locker{max-width:740px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.locker .eyebrow{margin:0 0 6px}.locker-help{margin:0;color:#acbab7;font-size:11px}.skins{display:flex;gap:8px}.skins button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #566c6c;border-radius:7px;background:#1a2c34;color:#bacac4;font:500 11px system-ui;cursor:pointer}.skins button[aria-pressed=true]{border-color:#eac481;color:#eac481;background:#26383c}.skins button:disabled{cursor:default;opacity:.55}.skins button[aria-pressed=true]:disabled{opacity:1}.skins img{height:34px;width:27px;object-fit:contain;image-rendering:pixelated}.leaderboard{max-width:740px;margin:28px auto 0;padding:24px;border:1px solid #425b60;border-radius:12px;background:#14242b}.ranking-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.ranking-heading h2{margin:4px 0 18px;font:700 30px Barlow Condensed,Impact,sans-serif}.ranking-heading .eyebrow{margin:0}.ranking-heading [role=tablist]{display:flex;gap:5px}.leaderboard button{font:500 11px system-ui;padding:8px 12px;border-radius:5px;border:1px solid #526968;background:#20343c;color:#bacac4;cursor:pointer}.leaderboard button[aria-selected=true]{border-color:#eac481;color:#eac481}.leaderboard button:disabled{opacity:.5;cursor:default}.profile{display:flex;align-items:flex-end;gap:10px;padding:16px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;flex-wrap:wrap}.profile label{font-size:10px;color:#9fb4b0}.profile input{display:block;width:170px;margin-top:5px;border:1px solid #5b7373;background:#101f28;color:#ebe8de;font:500 13px system-ui;border-radius:5px;padding:8px 10px}.profile-account{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-account span{display:block;width:100%;font-size:10px;color:#9fb4b0}.ranking-scope{font-size:10px;color:#acbab7;margin:20px 0 10px}.ranking-scroll{overflow-x:auto}.leaderboard table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.leaderboard th{text-align:left;color:#92aaa7;font-weight:500;font-size:10px;padding:10px 8px;border-bottom:1px solid #526968}.leaderboard td{padding:12px 8px;border-bottom:1px solid #ffffff12}.leaderboard td:nth-child(3),.leaderboard td:nth-child(4){font-variant-numeric:tabular-nums;color:#eac481}.leaderboard tr.own{background:#eac4810c}.ranking-status{font-size:11px;color:#eac481;line-height:1.6;min-height:18px}.ranking-hint{font-size:10px;color:#8aa3a2;line-height:1.7;margin-bottom:0}@media(max-width:700px){.locker{display:block}.skins{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.skins button{padding:7px 3px;flex-direction:column;gap:4px;font-size:9px}.skins img{height:30px}.leaderboard{padding:16px}.ranking-heading{align-items:flex-start}.ranking-heading h2{font-size:27px}.ranking-heading [role=tablist]{flex-direction:column}.profile-account{margin-left:0;width:100%;margin-top:8px}.leaderboard td,.leaderboard th{padding:10px 6px}}