.icon-button[data-v-d08e4c28]{position:relative;display:inline-grid;width:var(--icon-button-size, 44px);height:var(--icon-button-size, 44px);place-items:center;color:var(--text);background:#f2f7ec11;border:1px solid var(--border);border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-button[data-v-d08e4c28]:hover{background:#f2f7ec1f;border-color:#c6f26a6b;transform:translateY(-1px)}.icon-button[data-v-d08e4c28]:active{transform:translateY(0)}.icon-button[data-v-d08e4c28]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-button.active[data-v-d08e4c28]{color:var(--ink);background:var(--accent);border-color:transparent}.icon-button[data-v-d08e4c28] svg{width:calc(var(--icon-button-size, 44px) * .46);height:calc(var(--icon-button-size, 44px) * .46);stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.controls[data-v-7e32fd0a]{display:grid;gap:18px;--icon-button-size: 44px}.main-actions[data-v-7e32fd0a]{display:flex;gap:10px}.dpad[data-v-7e32fd0a]{display:grid;grid-template-columns:repeat(3,var(--icon-button-size));grid-template-rows:repeat(2,var(--icon-button-size));gap:8px;justify-content:start}@media (max-width: 680px){.controls[data-v-7e32fd0a]{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;--icon-button-size: clamp(50px, 14vw, 58px)}.main-actions[data-v-7e32fd0a]{flex-direction:column;gap:8px}.dpad[data-v-7e32fd0a]{grid-template-columns:repeat(3,var(--icon-button-size));grid-template-rows:repeat(2,var(--icon-button-size));gap:8px;justify-content:end}}@media (max-width: 380px){.controls[data-v-7e32fd0a]{--icon-button-size: 48px}}.hud[data-v-265bd5f5]{display:grid;grid-template-columns:repeat(4,minmax(68px,1fr));gap:8px;margin:0}.hud-item[data-v-265bd5f5]{min-width:0;padding:12px;background:#f2f7ec0e;border:1px solid var(--border);border-radius:8px}dt[data-v-265bd5f5]{margin:0 0 4px;color:var(--muted);font-size:12px}dd[data-v-265bd5f5]{margin:0;color:var(--text);font-size:24px;font-weight:760;font-variant-numeric:tabular-nums}@media (max-width: 680px){.hud[data-v-265bd5f5]{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hud-item[data-v-265bd5f5]{padding:8px 6px}dt[data-v-265bd5f5]{margin-bottom:2px;font-size:11px}dd[data-v-265bd5f5]{font-size:18px;line-height:1.1}}@media (max-width: 360px){dd[data-v-265bd5f5]{font-size:16px}}:root{--bg: #101511;--panel: #182119;--panel-strong: #1d281f;--text: #f2f7ec;--muted: #9eaa9a;--border: rgba(242, 247, 236, .12);--accent: #c6f26a;--accent-2: #f5c35d;--danger: #ff7a66;--ink: #101511;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{overflow-x:hidden}body{min-width:320px;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;background:linear-gradient(180deg,rgba(245,195,93,.05),transparent 34%),var(--bg)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100dvh;margin:0 auto;padding:28px 0;display:grid;align-content:center;gap:18px}.topbar{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:stretch}.brand,.side-panel{background:color-mix(in srgb,var(--panel) 92%,black 8%);border:1px solid var(--border);border-radius:8px}.brand{min-width:0;padding:18px}.eyebrow{margin:0 0 6px;color:var(--accent-2);font-size:12px;font-weight:780;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:6px;color:var(--text);font-size:32px;line-height:1.05;letter-spacing:0}.state{margin-bottom:0;color:var(--muted);font-size:14px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.arena-shell{position:relative;width:100%;min-height:0;padding:12px;background:linear-gradient(135deg,rgba(198,242,106,.08),transparent 36%),var(--panel-strong);border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 70px #0000004d}.game-canvas{display:block;width:100%;aspect-ratio:1;max-height:min(72vh,760px);background:#151d18;border-radius:6px;touch-action:none;-webkit-user-select:none;user-select:none}.arena-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;background:#1015116b;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-kicker{margin-bottom:0;color:var(--accent-2);font-size:13px;font-weight:760;letter-spacing:0;text-transform:uppercase}.arena-overlay h2{margin:0;color:var(--text);font-size:34px;line-height:1.1}.primary-action{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 16px;color:var(--ink);background:var(--accent);border:0;border-radius:8px;cursor:pointer;font-weight:780;transition:transform .16s ease,filter .16s ease}.primary-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-action:active{transform:translateY(0)}.primary-action svg{width:18px;height:18px;fill:currentColor}.side-panel{display:grid;gap:18px;padding:18px}.panel-section{display:grid;gap:12px}.panel-section h2{margin:0;color:var(--text);font-size:15px;line-height:1.2}.toggle-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:14px}.select-row{display:grid;gap:8px;color:var(--text);font-size:14px}.select-row span{color:var(--muted);font-size:12px}.select-row select{width:100%;min-height:40px;color:var(--text);background:#f2f7ec13;border:1px solid var(--border);border-radius:8px;padding:0 34px 0 10px;cursor:pointer;outline:0}.select-row select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.select-row select option{color:#101511}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:48px;height:28px;flex:0 0 auto;background:#f2f7ec1f;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .16s ease}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text);border-radius:999px;transition:transform .16s ease,background .16s ease}.toggle-row input:checked{background:#c6f26ab8}.toggle-row input:checked:after{background:var(--ink);transform:translate(20px)}.toggle-row input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resource-note{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.resource-note code{min-width:0;overflow:hidden;color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap}@media (max-width: 920px){.app-shell{align-content:start}.topbar,.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.app-shell{width:100%;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));gap:10px;align-content:start}.topbar{gap:8px}.brand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px}.eyebrow{display:none}h1{margin:0;font-size:22px}.state{margin:0;padding:4px 8px;color:var(--ink);background:var(--accent);border-radius:999px;font-size:11px;font-weight:760}.game-layout{gap:10px}.arena-shell{width:min(100%,calc(100dvh - 232px));min-width:300px;margin:0 auto;padding:6px;box-shadow:0 14px 36px #00000047}.game-canvas{max-height:none}.arena-overlay{top:6px;right:6px;bottom:6px;left:6px}.arena-overlay h2{font-size:26px}.side-panel{width:min(100%,520px);margin:0 auto;grid-template-columns:1fr;gap:10px;padding:0;background:transparent;border:0}.panel-section{padding:10px;background:color-mix(in srgb,var(--panel) 92%,black 8%);border:1px solid var(--border);border-radius:8px}.panel-section h2{display:none}.toggle-row{min-height:36px}.skin-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-note{display:none}}@media (max-width: 380px){.arena-shell{min-width:0;width:min(100%,calc(100dvh - 218px))}}@media (max-width: 920px) and (orientation: landscape) and (max-height: 560px){.app-shell{width:min(100% - 20px,960px);grid-template-columns:174px minmax(280px,1fr) 210px;grid-template-areas:"topbar arena controls";align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom))}.topbar{grid-area:topbar;grid-template-columns:1fr;gap:8px}.game-layout{display:contents}.arena-shell{grid-area:arena;width:min(100%,calc(100dvh - 20px));min-width:0}.side-panel{grid-area:controls;width:100%;align-self:center}.brand{grid-template-columns:1fr;justify-items:start}.state{justify-self:start}}