:root{--bg:#0a0a06;--panel:#12120b;--wall:#c9b458;--wall-dim:#8a7a3a;--carpet:#3a3320;--text:#e8e2c4;--text-dim:#9a9376;--accent:#e4c94a;--danger:#b4462e;--border:#2a2818;--font-ui:"Courier New", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);image-rendering:pixelated;-webkit-font-smoothing:none}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.menu-shell{background:repeating-linear-gradient(0deg, transparent, transparent 3px, #00000026 3px, #00000026 4px), radial-gradient(circle at 50% 30%, #1a1810 0%, var(--bg) 80%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:2rem;display:flex}.title{letter-spacing:.4rem;text-transform:uppercase;color:var(--wall);text-shadow:0 0 12px #e4c94a59;font-size:clamp(2rem,6vw,4rem)}.subtitle{color:var(--text-dim);letter-spacing:.2rem;font-size:.8rem}.menu-nav{flex-direction:column;gap:.75rem;width:min(320px,90vw);display:flex}.menu-btn{background:var(--panel);color:var(--text);border:2px solid var(--border);border-left:4px solid var(--wall-dim);letter-spacing:.15rem;text-transform:uppercase;padding:.9rem 1.2rem;font-size:.9rem;transition:border-color .12s steps(2,end),background .12s steps(2,end),transform 80ms steps(2,end)}.menu-btn:hover{border-left-color:var(--accent);background:#1c1a10;transform:translate(4px)}.menu-btn:disabled{opacity:.45;cursor:not-allowed}.menu-btn:disabled:hover{border-left-color:var(--wall-dim);background:var(--panel);transform:none}.tag{color:var(--text-dim);margin-left:.5rem;font-size:.65rem}.page{flex-direction:column;gap:1.5rem;max-width:720px;min-height:100dvh;margin:0 auto;padding:3rem 1.5rem;display:flex}.page h1{color:var(--wall);letter-spacing:.2rem;text-transform:uppercase}.field{background:var(--panel);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.field label{color:var(--text-dim);letter-spacing:.1rem}.back-link{color:var(--text-dim);letter-spacing:.1rem;align-self:flex-start}.back-link:hover{color:var(--accent)}.game-viewport{background:#000;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;overflow:hidden}.game-viewport canvas{image-rendering:pixelated}.hint{color:var(--text-dim);font-size:.8rem;line-height:1.6}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.skin-card{aspect-ratio:1;background:var(--panel);border:2px solid var(--border);color:var(--text-dim);text-align:center;letter-spacing:.1rem;justify-content:center;align-items:center;font-size:.7rem;display:flex}.level-list{flex-direction:column;gap:.75rem;display:flex}.level-card{text-align:left;background:var(--panel);border:2px solid var(--border);border-left:4px solid var(--wall-dim);color:var(--text);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;transition:border-color .12s steps(2,end),background .12s steps(2,end),transform 80ms steps(2,end);display:flex}.level-card:not(:disabled):hover{border-left-color:var(--accent);background:#1c1a10;transform:translate(4px)}.level-card:disabled{opacity:.4;cursor:not-allowed}.level-card--current{border-left-color:var(--accent)}.level-card__name{letter-spacing:.12rem;text-transform:uppercase;font-size:.9rem}.level-card__blurb{color:var(--text-dim);font-size:.75rem;line-height:1.5}.level-card__lock{color:var(--danger)}.field--stack{flex-direction:column;align-items:stretch;gap:.75rem}.segmented{gap:.4rem;display:flex}.seg-btn{background:var(--bg);border:2px solid var(--border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1rem;flex:1;padding:.6rem;font-size:.8rem;transition:border-color .12s steps(2,end),color .12s steps(2,end)}.seg-btn--on{border-color:var(--accent);color:var(--accent);background:#1c1a10}