:root{color:#e9f7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-width:320px}#app{background:radial-gradient(circle at 50% 12%,#3e8f8f3d,#0000 34%),linear-gradient(#102b32 0%,#071315 100%);place-items:center;display:grid}#game{width:min(100vw,142.86vh);height:min(100vh,70vw);image-rendering:pixelated;background:#071315;box-shadow:0 18px 54px #0000006b}#touchControls{inset:auto 14px calc(14px + env(safe-area-inset-bottom)) 14px;pointer-events:none;justify-content:space-between;gap:12px;display:none;position:fixed}#touchControls button{color:#fbf3cf;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e262bb8;border:1px solid #e1c6746b;border-radius:8px;width:60px;height:60px;font-weight:800}body.touch-labels #touchControls button{font-size:14px;line-height:1.05;position:relative}body.touch-labels .dpad button{font-size:20px}#touchControls button:active,#touchControls button.active{color:#102b32;background:#d4a73ddb}.dpad{pointer-events:none;grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);gap:1px;width:176px;height:176px;display:grid}.dpad button:first-child{grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:3/2}.dpad button:nth-child(4){grid-area:2/3}.actions{pointer-events:none;grid-template-columns:repeat(3,60px);align-self:end;gap:8px;display:grid}@media (hover:none),(pointer:coarse),(width<=820px){html,body,#app{height:100dvh}#app{padding-top:max(4px, env(safe-area-inset-top));place-items:start center}#game{width:min(104vw, calc((100dvh - 182px - env(safe-area-inset-bottom)) * 1.4286));max-width:none;height:min(calc(104vw * .7), calc(100dvh - 182px - env(safe-area-inset-bottom)));transform-origin:top;box-shadow:none;transform:translate(-2vw)}#touchControls{top:min(calc(104vw * .7 + 90px), calc(100dvh - 206px - env(safe-area-inset-bottom)));align-items:end;display:flex;bottom:auto}}@media (hover:none),(pointer:coarse),(width<=430px){#touchControls{gap:8px;inset-inline:10px}#touchControls button{width:56px;height:56px;font-size:13px}.dpad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px);width:170px;height:170px}.actions{grid-template-columns:repeat(3,56px);gap:6px}.actions [data-touch=attack]{grid-column:3}}@media (hover:none) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){#app{place-items:center;padding-top:0}#game{width:min(100vw,142.86dvh);height:min(100dvh,70vw);transform:none}#touchControls{inset-inline:18px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto}}