:root{--base: #0a0a0a;--qb: #5a1414;--wr: #a5acaf;--gold: #ffb612;--lit: #e8e6e1;--red: #c8102e}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--lit);font-family:Oswald,sans-serif}.shell{--chrome-h: 150px;max-width:1240px;margin:0 auto;padding:12px 10px}@media(max-height:560px){.shell.play{--chrome-h: 12px;padding:0;max-width:none}.shell.play header{display:none}.shell.play .route-bar{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:20;margin:0;padding:4px 8px;max-width:96vw;overflow-x:auto;background:#0a0a0a99}.shell.play .route-bar .route-label{display:none}.shell.play .stage{border:none}}@media(max-width:980px),(max-height:540px){.shell{padding:4px 6px}header{margin-bottom:4px}h1{font-size:24px}.level-info{font-size:17px;gap:10px}.route-bar{flex-wrap:wrap;gap:5px;margin-bottom:5px}.route-btn{padding:6px 10px;font-size:12px}.result-title{font-size:44px}}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}h1{font-family:VT323,monospace;font-size:38px;margin:0;color:var(--gold);letter-spacing:2px}.level-info{font-family:VT323,monospace;font-size:24px;display:flex;gap:16px}.level-info .tier{color:var(--wr)}.route-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.route-label{font-size:13px;letter-spacing:2px;color:var(--wr)}.route-btn{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:1px;padding:4px 14px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.3);cursor:pointer}.route-btn.active{border-color:var(--gold);color:var(--gold)}.route-btn.demo-btn{margin-left:auto;border-color:#ffb6128c;color:var(--gold)}.stage{position:relative;border:1px solid rgba(232,230,225,.2)}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a0a0aa6}.result-title{font-family:VT323,monospace;font-size:64px;letter-spacing:4px}.stars{font-size:36px;color:var(--gold)}.stars-dim{color:#e8e6e133}.select-screen{display:flex;flex-direction:column;gap:14px}.stat-panel{border:1px solid rgba(232,230,225,.2);padding:10px 14px}.stat-panel-header{display:flex;align-items:baseline;gap:16px}.stat-panel h2,.tier-header h2{font-family:VT323,monospace;font-size:24px;margin:0 0 6px;color:var(--lit);letter-spacing:2px}.points-badge{font-family:VT323,monospace;font-size:20px;color:var(--gold)}.stat-row{display:flex;align-items:center;gap:10px;padding:2px 0}.stat-label{width:170px;font-size:14px;letter-spacing:1px}.stat-pips{color:var(--gold);letter-spacing:3px;width:90px}.pips-dim{color:#e8e6e140}.plus-btn{font-family:Oswald,sans-serif;font-size:16px;width:26px;height:26px;background:transparent;color:var(--gold);border:1px solid var(--gold);cursor:pointer;line-height:1}.stat-desc{font-size:12px;color:#e8e6e180}.tier-section{border:1px solid rgba(232,230,225,.15);padding:8px 14px 12px}.tier-section.locked{opacity:.45}.tier-header{display:flex;align-items:baseline;gap:16px}.tier-progress{font-family:VT323,monospace;font-size:18px;color:var(--wr)}.lock-note{font-size:12px;letter-spacing:1px;color:var(--red)}.level-grid{display:flex;flex-wrap:wrap;gap:8px}.level-btn{width:64px;padding:6px 0 4px;background:transparent;border:1px solid rgba(232,230,225,.3);color:var(--lit);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.level-btn:disabled{cursor:default}.level-btn:not(:disabled):hover{border-color:var(--gold)}.lvl-num{font-family:VT323,monospace;font-size:22px;line-height:1}.lvl-stars{font-size:12px;color:var(--gold);min-height:14px}.demo-hint{font-family:Oswald,sans-serif;font-size:15px;letter-spacing:1px;color:var(--wr)}.result-buttons{display:flex;gap:12px}.result-buttons button{font-family:Oswald,sans-serif;font-size:16px;letter-spacing:2px;padding:8px 24px;background:transparent;color:var(--lit);border:1px solid rgba(232,230,225,.5);cursor:pointer}.result-buttons button.primary{border-color:var(--gold);color:var(--gold)}