@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#1c414b;--muted:#71888b;--paper:#f2f1e8;--line:#d4ddd5;--amber:#e9ae68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:600 12px DM Sans,sans-serif;border:1px solid #c7d5cf;border-radius:7px;background:#edf2eb;color:var(--ink);padding:12px 16px;cursor:pointer;transition:transform .15s,background .15s}button:hover{background:#dde9e1;transform:translateY(-1px)}button:focus-visible{outline:3px solid #3bafb6;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font:700 24px Space Grotesk,sans-serif;letter-spacing:2px}.brand small{font-size:12px;font-weight:500;letter-spacing:3px}.brand-symbol{font-size:35px;color:#d2934e;line-height:1}.brand-divider{height:21px;width:1px;background:#b4c5bf}.header-right{display:flex;align-items:center;gap:12px}.edition{font-size:9px;letter-spacing:2px;margin-right:12px;color:var(--muted)}.dark{background:var(--ink);color:#f1f4e8;border-color:var(--ink)}.dark:hover{background:#2e626d}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100svh - 85px)}.stage{position:relative;min-height:800px;background:#cbd5d1;overflow:hidden}#view{position:absolute;inset:0}canvas{display:block;touch-action:none}.stage-heading{position:absolute;left:32px;top:30px;pointer-events:none;transition:opacity .3s}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px}.stage-heading h1{font:500 clamp(30px,3.1vw,48px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-2px;margin:12px 0}.stage-heading p{font-size:12px;color:#657d7f}.stage-top{position:absolute;right:24px;top:30px;display:flex;gap:7px}.badge{font-size:8px;letter-spacing:1px;border:1px solid #9cb4b280;padding:8px 10px;border-radius:20px;background:#e5eeea85}.badge i{display:inline-block;width:5px;height:5px;background:#45a5a9;border-radius:50%;margin-right:6px}.event{position:absolute;left:50%;transform:translate(-50%);top:175px;padding:8px 15px;background:#234852e0;color:#eef4e8;border-radius:20px;font-size:10px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 15px #23485212}.view-actions{position:absolute;bottom:104px;left:24px;display:flex;gap:6px}.view-actions button{background:#edf3edf0;font-size:10px;padding:9px 12px}.stage-bottom{position:absolute;bottom:22px;left:24px;right:24px;border:1px solid #e5eee8b3;border-radius:11px;background:#edf3eddb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 20px #254c4a0a}.stage-bottom div>span{display:block;font-size:10px;letter-spacing:1.3px;font-weight:700}.stage-bottom small{display:block;margin-top:5px;font-size:10px;color:#71888a}.primary{background:var(--amber);border-color:var(--amber);font-size:13px;padding:14px 22px;color:#243d40;min-width:155px;box-shadow:0 3px #b9824930}.primary:hover{background:#f0bd80}.primary span{margin-left:20px}aside{padding:30px 25px;background:#f5f4eb;border-left:1px solid var(--line)}.status-heading{display:flex;align-items:center;justify-content:space-between}.live-tag{font-size:8px;font-weight:600;color:#5e888b;background:#e1ebe4;border-radius:20px;padding:5px 8px}.timer{font:500 62px/.95 Space Grotesk,sans-serif;letter-spacing:-4px;margin-top:25px}.timer>span{color:#9aafa9;padding:0 3px}.hearts{color:#d78d61;font-size:20px;letter-spacing:6px;margin:14px 0 25px}.metrics{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.metrics b{display:block;font:600 21px Space Grotesk;letter-spacing:-.5px}.metrics span{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-top:4px}.loadout{display:flex;border-bottom:1px solid var(--line);padding:18px 0;gap:24px}.loadout>span{display:grid;grid-template-columns:20px 1fr;gap:3px 8px;align-items:center}.loadout i{font-size:21px;font-style:normal;color:#dca565;grid-row:span 2}.loadout b{font-size:13px}.loadout small{font-size:7px;letter-spacing:1px;color:var(--muted)}aside h2{font:500 24px/1.15 Space Grotesk,sans-serif;letter-spacing:-.8px;margin:24px 0 12px}.intro{font-size:12px;line-height:1.75;color:#71878a}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:#6c8384;margin:18px 0}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:2px}.legend-wall{background:#355967}.legend-crate{background:#d89c55}.legend-upgrade{background:#64c7d3}.control-card{padding:16px;background:#e7eee6;border:1px solid #dce5db;border-radius:9px;display:grid;gap:18px}.hand-label{display:block;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#729196;margin-bottom:6px}.control-card strong{font-size:11px;display:block;margin-bottom:4px}.control-card small{font-size:10px;line-height:1.55;color:#6c8381}.desktop-controls{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;margin:20px 0;font-size:9px;align-items:center;color:#768a87}kbd{font:600 9px DM Sans;border:1px solid #c6d5cd;padding:5px 7px;border-radius:4px;color:var(--ink)}.tracking{font-size:8px;letter-spacing:.8px;color:#6e9294;line-height:1.6}.footer-actions{display:flex;gap:6px;margin:18px 0}.footer-actions button{font-size:9px;padding:9px 10px}footer{font-size:8px;color:#96a6a0;line-height:1.7}.result{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:355px;max-width:90%;background:#f7f5e9f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid white;border-radius:16px;padding:35px;text-align:center;box-shadow:0 20px 100px #153b4855}.result-mark{font-size:58px;color:#dca15c;line-height:1;margin-bottom:20px}.result h2{font:500 38px/1.05 Space Grotesk;letter-spacing:-1.5px;margin:16px 0}.result p{font-size:11px;color:#6e8787;line-height:1.7;margin-bottom:25px}[hidden]{display:none!important}.touch{display:none}.playing .stage-heading{opacity:.28}.playing .stage-heading h1{font-size:28px}.playing .stage-heading p{display:none}.playing .event{top:25px}@media(min-width:1400px){.stage{min-height:880px}main{grid-template-columns:minmax(0,1fr) 350px}aside{padding:35px}}@media(max-width:1000px){header{padding:0 20px}.edition{display:none}main{grid-template-columns:minmax(0,1fr) 280px}aside{padding:25px 20px}.stage-heading{left:22px}.stage-heading h1{font-size:32px}.stage-top{top:140px;right:20px}.event{top:190px;font-size:9px}.stage-bottom small{max-width:140px}}@media(max-width:720px){header{height:72px;padding:0 15px}.brand{font-size:19px;gap:7px}.brand small{font-size:9px;letter-spacing:1px}.brand-symbol{font-size:28px}.header-right{gap:6px}.header-right button{font-size:10px;padding:11px}#sound{display:none}main{grid-template-columns:1fr}.stage{min-height:560px;height:calc(100svh - 72px)}.stage-heading h1{font-size:29px}.stage-top{top:25px;right:16px;flex-direction:column}.event{top:155px;max-width:90%;white-space:normal;text-align:center}.stage-bottom{left:14px;right:14px;bottom:14px;padding:12px}.primary{min-width:132px;padding:12px}.view-actions{bottom:95px;left:14px}.touch{display:flex;position:absolute;bottom:135px;left:14px;right:14px;justify-content:space-between;align-items:end;pointer-events:none}.touch button{pointer-events:auto;touch-action:none;background:#ecf3e9d9;padding:10px}.dpad{display:grid;grid-template-columns:repeat(3,35px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-left:0}.status-heading,.timer,.hearts,.metrics,.loadout{grid-column:1}.status-heading{grid-row:1}.timer{grid-row:2}.hearts{grid-row:3}.metrics{grid-row:4}.loadout{grid-row:5}aside h2,.intro,.legend,.control-card{grid-column:2}aside h2{grid-row:1/3}.intro{grid-row:3/5}.legend{grid-row:5}.control-card{grid-column:1/-1;margin-top:20px;grid-template-columns:1fr 1fr}.desktop-controls{display:none}.tracking,.footer-actions,footer{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){button,.stage-heading{transition:none}}@media(min-width:721px){body{overflow:hidden}main{height:calc(100svh - 85px);min-height:0}.stage{min-height:0;height:100%}aside{overflow:auto}.stage-heading h1{font-size:34px}.stage-heading p{max-width:180px}.event{top:25px}.stage-top{top:60px}}