@font-face{font-family:"RuneScape Plain 12";src:url(/fonts/RuneScape-Plain-12.ttf) format("truetype");font-display:swap}@font-face{font-family:"RuneScape Bold 12";src:url(/fonts/RuneScape-Bold-12.ttf) format("truetype");font-display:swap}@font-face{font-family:RuneScape Quill Caps;src:url(/fonts/RuneScape-Quill-Caps.ttf) format("truetype");font-display:swap}:root{--bg-0: #1a1208;--bg-1: #2a1c0e;--bg-2: #3d2914;--ink: #f4e4c1;--muted: #a89070;--accent: #ffff00;--accent-hot: #c45c26;--danger: #d64545;--panel: rgba(26, 18, 8, .88);--line: rgba(232, 184, 74, .28);--font-display: "RuneScape Quill Caps", "RuneScape Bold 12", monospace;--font-body: "RuneScape Plain 12", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font-body);font-size:17px;color:var(--ink);image-rendering:pixelated;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px),radial-gradient(900px 500px at 20% 0%,rgba(232,184,74,.18),transparent 55%),radial-gradient(700px 400px at 90% 20%,rgba(196,92,38,.16),transparent 50%),linear-gradient(165deg,var(--bg-0),var(--bg-1) 50%,#0f0a05)}button,input{font:inherit}button{cursor:pointer;border:3px solid var(--line);background:linear-gradient(180deg,#e8b84a33,#e8b84a0d);color:var(--ink);border-radius:0;padding:.55rem 1rem;image-rendering:pixelated}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#e8b84a,#c45c26);color:#1a1208;border-color:#8a5a18;font-weight:700}button.ghost{background:transparent}.app-shell{min-height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-bottom:3px solid var(--line);background:#0f0a05bf}.brand{font-family:var(--font-display);font-size:1.15rem;color:var(--accent);letter-spacing:.06em}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav button{font-size:1.05rem;padding:.55rem .95rem}.main{padding:1.5rem 1.35rem 2rem;max-width:1180px;margin:0 auto;width:100%}.stack{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--panel);border:3px solid var(--line);padding:1.25rem}.screen{min-height:100%;display:grid;place-items:center;padding:1.5rem}.hero-screen{display:grid;gap:2rem}@media(min-width:900px){.hero-screen{grid-template-columns:1.15fr .95fr;align-items:start;gap:2.25rem}}.hero-copy{padding-top:.25rem}.eyebrow{font-family:var(--font-display);font-size:clamp(.85rem,2.2vw,1.1rem);color:var(--accent-hot);letter-spacing:.04em;margin:0}h1,h2{font-family:var(--font-display);margin:0;line-height:1.35}h1{font-size:clamp(2.2rem,6vw,3.4rem);color:var(--accent)}h2{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--accent)}.lede{margin:0;color:var(--ink);max-width:42ch;font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:1.45}.lede-secondary{color:var(--muted);font-size:clamp(1.05rem,2.1vw,1.25rem);max-width:44ch}.name-highlight{color:var(--accent);font-weight:700}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.35rem}.cta-primary,.cta-secondary{font-size:1.15rem;padding:.75rem 1.25rem}.level-map-wrap{display:flex;flex-direction:column;gap:.75rem}.level-map-title{margin:0;padding-left:.15rem}.level-map{list-style:none;margin:0;padding:0;border:3px solid var(--line);background:#00000040}.level-map li{display:grid;grid-template-columns:2.75rem 1fr;gap:.85rem;padding:.85rem 1rem;border-bottom:2px solid rgba(232,184,74,.12)}.level-map li:last-child{border-bottom:0}.level-map strong{display:block;font-family:var(--font-display);font-size:clamp(.85rem,1.8vw,1.05rem);color:var(--ink);margin-bottom:.2rem}.level-map em{font-style:normal;color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.35}.lvl-num{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.25rem);color:var(--accent);align-self:center}.play-screen{display:flex;flex-direction:column;gap:.75rem}.play-frame{border:4px solid #5a3d18;box-shadow:0 0 0 3px #1a1208,0 12px #00000059;background:#0a0805;overflow:hidden}.game-host{width:100%;line-height:0}.game-host canvas{display:block;width:100%!important;height:auto!important}.hud-bar{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.5rem 1rem;align-items:center;font-family:var(--font-body);font-size:14px;color:var(--muted)}.shield-on{color:var(--accent)}.ice-on{color:#6ed8ff}.hud-bar .progress{grid-column:1 / -1;height:10px;border:2px solid var(--line);background:#0a0805}.hud-bar .progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hot))}.hint{margin:0}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.result-screen{max-width:520px;margin:0 auto}.stats{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.stats strong{font-family:var(--font-display);font-size:.75rem;color:var(--accent);margin-left:.5rem}.submit-form label{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-display);font-size:.5rem;color:var(--muted)}.submit-form input{border:3px solid var(--line);background:#0a0805;color:var(--ink);padding:.55rem .7rem;border-radius:0;font-family:var(--font-body);font-size:1.3rem}.leaderboard .period-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.lb-list{list-style:none;margin:0;padding:0}.lb-list li{display:grid;grid-template-columns:3rem 1fr auto;gap:.75rem;padding:.45rem 0;border-bottom:2px solid rgba(232,184,74,.12);font-size:1.15rem}.lb-list .rank{color:var(--accent);font-family:var(--font-display);font-size:.55rem;align-self:center}.lb-list .score{font-family:var(--font-display);font-size:.55rem;color:var(--ink);align-self:center}