:root{--brand: #2ee98c;--gold: #e8b45c;--ink: #f6efe2;--ink-dim: #a8998a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{background:#0a121e;color:var(--ink);font-family:Inter,system-ui,sans-serif}.app{height:100%;max-width:min(1600px,100%);margin:0 auto;padding:clamp(10px,2vw,20px);display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:clamp(4px,1vh,10px)}.stageRow{min-height:0;display:grid;place-items:center}.group{display:grid;justify-items:center;gap:4px}.app.side .group{grid-template-columns:auto auto;gap:8px;align-items:start}.app.side .hudTop{grid-column:1 / -1}.stage{position:relative;width:var(--fw, 1200px);height:var(--fh, 675px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:14px;overflow:hidden;padding:7px;background-image:linear-gradient(160deg,#7d5f27,#d8b45f 16%,#6f5220 40%,#e2c274 60%,#6a4e1e);box-shadow:0 0 0 1px #1e1206e6,0 18px 44px #0000008c,0 0 46px #12e27e21}.stage img{-webkit-user-drag:none;user-drag:none}.stage:before{content:"";position:absolute;inset:4px;border-radius:11px;box-shadow:inset 0 0 0 2px #281808d9;pointer-events:none;z-index:3}.view{position:relative;width:100%;height:100%;border-radius:9px;overflow:hidden;background:#0b0f1a;container-type:size}.paint{position:absolute;top:0;left:50%;height:100%;aspect-ratio:16 / 9;transform:translate(-50%);background:center / cover no-repeat;container-type:size}.hudTop{--u: calc(var(--fw, 1200px) / 100);--hh: clamp(32px, calc(var(--u) * 3), 48px);--well: #0a1522;--line: rgba(255, 255, 255, .09);--cap: rgba(214, 198, 170, .5);--dim: rgba(214, 198, 170, .62);width:var(--fw, 100%);height:clamp(48px,calc(var(--u) * 4.6),72px);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,calc(var(--u) * 1.35),24px);padding:0 clamp(12px,calc(var(--u) * 1.35),24px);border-radius:clamp(10px,calc(var(--u) * 1),16px);background:#0f1c2e;box-shadow:0 0 0 1px var(--line);font-family:Archivo,sans-serif;user-select:none;-webkit-user-select:none}.brand{display:flex;align-items:center;gap:9px}.brand img{height:clamp(18px,calc(var(--u) * 1.85),30px);width:auto}.brand b{font-size:clamp(15px,calc(var(--u) * 1.5),24px);font-weight:900;letter-spacing:.02em;color:var(--brand)}.brand span{font-size:clamp(12px,calc(var(--u) * 1.25),20px);font-weight:700;letter-spacing:.06em;color:var(--dim)}.hudMid{display:flex;justify-content:flex-end;gap:8px;min-width:0}.hudBtn{height:var(--hh);padding:0 clamp(10px,calc(var(--u) * 1.2),18px);border:0;border-radius:999px;background:var(--well);box-shadow:0 0 0 1px var(--line);color:var(--dim);font:800 clamp(11px,calc(var(--u) * 1.05),14px) / 1 Archivo,sans-serif;letter-spacing:.06em;cursor:pointer}.hudBtn:hover{color:var(--ink)}.hudBtn .lShort{display:none}@media(max-width:640px){.hudTop{gap:8px;padding:0 10px}.hudBtn{padding:0 12px}.hudBtn .lFull{display:none}.hudBtn .lShort{display:inline}.brand{gap:6px}.brand span{font-size:11px}.wallet{padding:0 12px;gap:0}.wallet small{display:none}}.wallet{height:var(--hh);display:flex;align-items:center;gap:10px;padding:0 clamp(10px,calc(var(--u) * 1.2),18px);border-radius:999px;background:var(--well);box-shadow:0 0 0 1px var(--line)}.wallet small{font-size:clamp(9px,calc(var(--u) * .84),13px);font-weight:800;letter-spacing:.2em;color:var(--cap)}.wallet b{font-size:clamp(15px,calc(var(--u) * 1.45),23px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.panel{width:var(--fw, 100%);height:clamp(96px,calc(var(--fw, 1200px) / 100 * 10.6),128px);border-radius:clamp(10px,calc(var(--fw, 1200px) / 100),16px);background:#0f1c2e;box-shadow:0 0 0 1px #ffffff17;display:grid;place-items:center}.panelNote{font:800 12px/1 Archivo,sans-serif;letter-spacing:.2em;color:#d6c6aa59}@media(max-width:640px){.panel{height:150px}}.app.side .panel{width:250px;height:var(--fh)}