:root{--bg:#000;--ui:#3f6;--ui-dim:#0f4d24;--terrain:#fff;--font-jp:"DotGothic16", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ui);font-family:var(--font-jp);-webkit-font-smoothing:none;font-smooth:never;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:16px;line-height:1;overflow:hidden}button,input,select{font:inherit;color:var(--ui);background:var(--bg);border:2px solid var(--ui);cursor:pointer;touch-action:manipulation;border-radius:0;outline:none;padding:8px 12px}button:disabled{color:var(--ui-dim);border-color:var(--ui-dim);cursor:default}button.active{background:var(--ui);color:var(--bg)}input{cursor:text}input::placeholder{color:var(--ui-dim)}a{color:var(--ui)}.screen{flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:100%;height:100%;padding:32px 16px;display:flex;overflow-y:auto}.column{flex-direction:column;gap:16px;width:min(640px,100%);display:flex}.row{align-items:center;gap:8px;display:flex}.row>*{flex:1}.title{letter-spacing:.1em;font-size:32px}.label{color:var(--ui);font-size:16px}.dim{color:var(--ui-dim)}.box{border:2px solid var(--ui);padding:12px}.box.dim{border-color:var(--ui-dim)}.blink{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.list{flex-direction:column;gap:8px;display:flex}.list-row{border:2px solid var(--ui);grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.list-row.dim{border-color:var(--ui-dim)}.swatch{vertical-align:middle;width:16px;height:16px;display:inline-block}.swatches{gap:4px;margin-right:8px;display:inline-flex}.color-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.color-cell{cursor:pointer;border:2px solid #0000;height:32px}.color-cell.selected{border-color:var(--ui)}.game-root{background:var(--bg);touch-action:none;overscroll-behavior:none;display:flex;position:fixed;inset:0}.panel{background:var(--bg);flex-direction:column;flex:none;justify-content:space-between;display:flex;position:relative}.panel-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.map-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-frame{position:relative}.map-frame canvas{image-rendering:pixelated;display:block}.hud-top{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.turn-label{background:var(--bg);white-space:nowrap;padding:2px 8px;font-size:16px}.turn-banner{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.turn-banner-text{letter-spacing:.1em;background:var(--bg);white-space:nowrap;border:2px solid;padding:12px 32px;font-size:48px}.timer{border:2px solid var(--ui);background:var(--bg);color:var(--ui);text-align:center;font-variant-numeric:tabular-nums;border-top:none;min-width:3ch;padding:2px 8px}.map-topline{background:var(--ui-dim);z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.overlay{z-index:3;background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dpad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.dpad button{touch-action:none;justify-content:center;align-items:center;padding:0;display:flex}.dpad button.held{background:var(--ui);color:var(--bg)}.fire{touch-action:none;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.fire.held{background:var(--ui);color:var(--bg)}.gauge{border:2px solid var(--ui-dim);width:100%;position:relative;overflow:hidden}.gauge-fill{background:var(--ui);position:absolute;bottom:0;left:0;right:0}.steps{gap:1px;display:flex}.rotate-hint{background:var(--bg);color:var(--ui);z-index:10;justify-content:center;align-items:center;font-size:32px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=900px){.rotate-hint{display:flex}}