html{background:#03080b;min-width:320px;min-height:100%}a{color:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#03080b;--panel:#091216eb;--panel-soft:#0b191fc7;--line:#87a8af38;--ink:#f2fbf6;--muted:#90a4a5;--teal:#50e0b5;--amber:#ffd04d;--danger:#ff6f5b;--shadow:0 28px 110px #0000009e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit;cursor:pointer}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 46% 34%,#49c9a421,#0000 32%),linear-gradient(#03080b47,#03080bf5),repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 18px),#03080b;min-height:100vh;padding:clamp(12px,2.2vw,30px)}.game-frame{border:1px solid var(--line);width:min(1500px,100%);min-height:calc(100vh - clamp(24px,4.4vw,60px));box-shadow:var(--shadow);background:linear-gradient(#091216f5,#040a0cf5);border-radius:8px;margin:0 auto;overflow:hidden}.top-hud{border-bottom:1px solid var(--line);grid-template-columns:248px 250px minmax(210px,280px) minmax(210px,1fr) 220px 72px;align-items:center;min-height:104px;display:grid}.title-lockup,.ruin-label,.timer-block,.seed-block,.best-block{border-right:1px solid var(--line);min-height:104px;padding:16px 22px}.title-lockup{align-items:center;gap:14px;display:flex}.relic-mark{width:56px;height:56px;color:var(--amber);background:#50e0b51f;border:2px solid #50e0b559;border-radius:6px;flex:0 0 56px;place-items:center;display:grid}.title-lockup h1{letter-spacing:0;margin:0;font-size:34px;font-weight:950;line-height:.95}.title-lockup p,.top-hud span{color:var(--muted);margin:0;font-size:13px;font-weight:850}.title-lockup p,.ruin-label strong,.seed-block strong{color:var(--teal)}.ruin-label,.seed-block,.best-block{align-content:center;gap:7px;display:grid}.ruin-label strong,.seed-block strong,.best-block strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:950;overflow:hidden}.timer-block{grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;display:grid}.timer-block strong{color:#66ffd0;font-variant-numeric:tabular-nums;grid-column:2;font-size:44px;font-weight:950;line-height:.9}.timer-block svg,.best-block svg{color:var(--amber)}.best-block{grid-template-columns:28px 1fr;gap:3px 10px}.best-block strong{color:var(--amber);grid-column:2;font-size:27px}.icon-button{width:48px;height:48px;color:var(--ink);background:#ffffff0f;border:1px solid #a1bac147;border-radius:8px;place-items:center;margin:0 auto;display:grid}.content-grid{grid-template-columns:224px minmax(0,1fr) 240px;min-height:calc(100vh - clamp(128px,12vw,164px));display:grid}.score-panel,.run-panel{background:#040c0fc7;flex-direction:column;gap:12px;min-width:0;padding:20px 14px;display:flex}.score-panel{border-right:1px solid var(--line)}.run-panel{border-left:1px solid var(--line)}.panel-title{color:var(--teal);font-size:15px;font-weight:950}.metric,.controls-card{background:linear-gradient(#112128d6,#081115d6);border:1px solid #87a8af33;border-radius:8px;min-height:82px;padding:15px;position:relative}.metric-icon{color:var(--amber);position:absolute;top:17px;left:14px}.metric span:not(.metric-icon),.metric small{color:var(--muted);font-size:13px;font-weight:850;display:block}.metric strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:8px;font-size:31px;font-weight:950;line-height:1;display:block}.metric .metric-icon+span{padding-left:34px}.metric.accent strong,.metric.accent small{color:var(--amber)}.metric.danger strong{color:var(--danger)}.controls-card{margin-top:auto}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.key-grid span,.key-grid strong{min-height:32px;color:var(--ink);background:#ffffff12;border:1px solid #b4d1d859;border-radius:5px;place-items:center;font-size:16px;font-weight:900;display:grid}.key-grid strong{grid-column:1/-1}.mobile-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.mobile-keys button{min-height:52px;color:var(--ink);background:#50e0b51f;border:1px solid #50e0b561;border-radius:8px;place-items:center;font-size:22px;font-weight:950;display:grid}.controls-card small{color:var(--muted);margin-top:10px;font-size:12px;font-weight:800;line-height:1.35;display:block}.canvas-shell{background:linear-gradient(90deg,#50e0b50f,#0000 16% 84%,#50e0b50f),#050b0d;flex-direction:column;min-width:0;padding:8px;display:flex}.game-canvas{background:#071012;border:1px solid #50e0b538;border-radius:6px;flex:1;min-height:440px;position:relative;overflow:hidden}.game-loading{color:var(--teal);place-items:center;font-size:18px;font-weight:950;display:grid;position:absolute;inset:0}.game-canvas canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.progress-rail{border:1px solid var(--line);background:#071115eb;border-radius:6px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;height:52px;margin-top:8px;padding:0 18px;display:grid;position:relative;overflow:hidden}.progress-rail span{background:linear-gradient(90deg,#50e0b575,#ffd04d47);width:0;position:absolute;inset:0 auto 0 0}.progress-rail i,.progress-rail b{z-index:1;font-style:normal;font-weight:950;position:relative}.progress-rail i{color:var(--amber)}.progress-rail b{color:var(--ink)}.primary-button,.secondary-button{min-height:56px;color:var(--ink);background:linear-gradient(#25b37ff0,#0f7553f0);border:1px solid #50e0b573;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-size:18px;font-weight:950;display:inline-flex}.secondary-button{background:#ffffff0f;border-color:#a1bac147}.toast{z-index:20;border:1px solid var(--line);min-width:210px;max-width:calc(100vw - 28px);color:var(--ink);background:#070f12f5;border-radius:8px;padding:13px 16px;font-weight:950;position:fixed;bottom:clamp(14px,3vw,34px);right:clamp(14px,3vw,34px);box-shadow:0 18px 38px #0000006b}.toast.success{border-color:#50e0b580}.toast.danger{border-color:#ff6f5b85}@media (max-width:1200px){.top-hud{grid-template-columns:220px 1fr minmax(190px,250px) 200px 64px}.seed-block{display:none}.content-grid{grid-template-columns:196px minmax(0,1fr)}.run-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr)) 150px 130px;align-items:stretch;display:grid}.run-panel .panel-title{display:none}}@media (max-width:820px){.app-shell{padding:0}.game-frame{border-left:0;border-right:0;border-radius:0;min-height:100vh}.top-hud{grid-template-columns:1fr 54px}.title-lockup{border-right:0}.title-lockup h1{font-size:30px}.ruin-label,.timer-block,.seed-block,.best-block{display:none}.content-grid{grid-template-columns:1fr}.score-panel{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.controls-card{grid-column:1/-1;margin-top:0}.game-canvas{min-height:62vh}.run-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button{min-height:50px}}@media (max-width:520px){.score-panel,.run-panel{padding:12px}.score-panel{grid-template-columns:1fr}.metric{min-height:70px}.metric strong{font-size:26px}.key-grid,.mobile-keys{grid-template-columns:repeat(3,minmax(0,1fr))}.key-grid strong{grid-column:auto}.canvas-shell{padding:6px}}