@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%;min-height:100dvh;height:100%}body{font-family:var(--font-body);font-size:17px;color:var(--ink);image-rendering:pixelated;-webkit-tap-highlight-color:transparent;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)}body.is-playing{overflow:hidden;overscroll-behavior:none;touch-action:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}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%;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell.play-mode{height:100%;max-height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;padding-top:max(.9rem,env(safe-area-inset-top));border-bottom:3px solid var(--line);background:#0f0a05bf}.play-mode .topbar{padding:.45rem .75rem;padding-top:max(.45rem,env(safe-area-inset-top))}.play-mode .brand{font-size:.95rem}.play-mode .nav button{font-size:.95rem;padding:.4rem .7rem}.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%}.play-mode .main{padding:.5rem .65rem calc(.5rem + env(safe-area-inset-bottom));max-width:none;overflow:hidden;min-height:0}.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:.55rem;min-height:0;height:100%}.play-frame{border:4px solid #5a3d18;box-shadow:0 0 0 3px #1a1208,0 12px #00000059;background:#0a0805;overflow:hidden;flex:0 1 auto;min-height:0;touch-action:none}.game-host{width:100%;line-height:0;touch-action:none;position:relative;min-height:8rem;background:#0a0805}.game-host canvas{display:block;width:100%!important;height:auto!important;max-height:min(56dvh,56.25vw);touch-action:none;-webkit-user-select:none;user-select:none}.game-status{margin:0;padding:2rem 1rem;text-align:center;color:var(--muted);font-size:1.1rem;line-height:1.4}.game-status-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--danger)}.touch-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;touch-action:none;flex-shrink:0}.touch-move{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.touch-btn{min-height:3.4rem;font-family:var(--font-display);font-size:.85rem;touch-action:none;-webkit-user-select:none;user-select:none;padding:.65rem .5rem}.touch-btn:active:not(:disabled){border-color:var(--accent);background:linear-gradient(180deg,#e8b84a73,#c45c2659)}.touch-ice{grid-column:2;grid-row:1;min-height:3.4rem;color:#9adfff;border-color:#6ed8ff59}.touch-ice.ready{color:#0a1620;background:linear-gradient(180deg,#9adfff,#3aa8d8);border-color:#1e6f92;font-weight:700}.touch-move{grid-column:1}@media(min-width:900px){.touch-controls{display:none}.game-host canvas{max-height:none}.play-mode .main{padding:1rem 1.25rem 1.5rem;max-width:1180px}}.hud-bar{display:flex;flex-wrap:wrap;gap:.4rem .85rem;align-items:center;font-family:var(--font-body);font-size:13px;color:var(--muted);flex-shrink:0}.desktop-hint{flex-shrink:0}@media(max-width:899px){.desktop-hint{display:none}.hud-bar{font-size:12px}}.shield-on{color:var(--accent)}.ice-on{color:#6ed8ff}.hud-bar .progress{flex:1 1 100%;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}