: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}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 0h12L6 8z' fill='%2333ff66'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}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}.solo-row{align-items:stretch}.screen-split{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.screen-split.lobby{grid-template-columns:5fr 7fr}.pane{flex-direction:column;gap:16px;min-height:0;padding:32px;display:flex;overflow-y:auto}.pane+.pane{border-left:2px solid var(--ui-dim)}.pane .pager{margin-top:auto}.pane-bottom{flex-direction:column;gap:16px;margin-top:auto;display:flex}@media (width<=640px){.screen-split,.screen-split.lobby{grid-template-columns:1fr;overflow-y:auto}.pane{padding:24px 16px;overflow-y:visible}.pane+.pane{border-left:none;border-top:2px solid var(--ui-dim)}}.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}.preview-frame{border:2px solid var(--ui)}.preview-frame canvas{image-rendering:pixelated;margin:0 auto;display:block}.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)}.weapon-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.weapon-cell.other{opacity:.55}.weapon-cell{padding:8px;line-height:1.3}.weapon-switch{flex-direction:row;gap:4px;width:100%;display:flex}.weapon-switch button{flex:1;min-width:0;height:36px;padding:2px;font-size:12px;line-height:1.2;overflow:hidden}.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;justify-content:flex-end;align-items:center;gap:4px;min-height:0;display:flex;overflow:hidden}.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-line{background:var(--bg);align-items:center;gap:8px;padding:2px 8px;display:flex}.turn-label{white-space:nowrap;font-size:16px}.turn-count{font-variant-numeric:tabular-nums;white-space:nowrap;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{flex:none;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)}.options{border-color:var(--ui-dim);width:100%;color:var(--ui-dim);flex:none;padding:0;font-size:16px}.fire{touch-action:none;letter-spacing:.1em;justify-content:center;align-items:center;width:100%;padding:0;font-size:20px;display:flex}.fire.held{background:var(--ui);color:var(--bg)}.gauge{border:2px solid var(--ui-dim);touch-action:none;cursor:pointer;width:100%;position:relative;overflow:hidden}.gauge-fill{background:var(--ui);position:absolute;bottom:0;left:0;right:0}.gauge-marker{background:linear-gradient(var(--bg) 1px, var(--ui) 1px 3px, var(--bg) 3px);pointer-events:none;height:4px;position:absolute;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}}.map-thumb{box-sizing:content-box;border:2px solid var(--ui-dim);background:var(--bg);width:160px;height:90px;image-rendering:pixelated;display:block}.map-thumb-random{color:var(--ui);justify-content:center;align-items:center;font-size:48px;display:flex}.map-pick{flex-direction:column;align-items:center;gap:8px;padding:8px;display:inline-flex}.map-modal{max-width:600px;max-height:90vh;overflow-y:auto}.map-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-tile{border-color:var(--ui-dim);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.map-tile.active{border-color:var(--ui)}.map-tile.active,.map-tile.active span{background:var(--bg);color:var(--ui)}@media (width<=600px){.map-grid{grid-template-columns:repeat(2,1fr)}}.menu-shell{--menu-muted:#74a681;flex-direction:column;height:100dvh;line-height:1.4;display:flex;overflow:hidden}.menu-content{flex:1;min-width:0;min-height:0;overflow:auto}.menu-shell .pane{min-width:0;padding:24px}.menu-shell .pane>*{flex-shrink:0}.menu-shell .dim,.menu-hint,.menu-shell input::placeholder{color:var(--menu-muted)}.menu-shell :is(button,input,select){min-width:0;min-height:44px}.menu-shell button{line-height:1.3}.menu-shell :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #fff}.menu-shell .row>*{min-width:0}.menu-shell .title{overflow-wrap:anywhere}.menu-shell .primary-action:not(:disabled){background:var(--ui);color:var(--bg)}.menu-shell .color-cell{min-height:44px}.menu-shell .weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-hint{margin:0;font-size:14px;line-height:1.6}.menu-actions{padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:2px solid var(--ui-dim);background:var(--bg);flex:none;gap:8px;display:grid}.setup-actions{grid-template-columns:1fr 1fr}.room-content{flex-direction:column;gap:16px;width:min(800px,100%);margin:0 auto;padding:24px;display:flex}.room-content>*{flex-shrink:0}.room-content .list .row{flex-wrap:wrap}.room-content .list .row>*{overflow-wrap:anywhere;flex:220px}.room-actions{grid-template-columns:1fr 1fr;align-self:center;width:min(800px,100%)}.room-actions>:first-child{grid-column:1/-1}.lobby-shell .list-row{grid-template-columns:minmax(0,2fr) 1fr auto}.lobby-shell .list-row>*{overflow-wrap:anywhere}.lobby-shell .pager{background:var(--bg);padding-top:8px}@media (width<=900px){.menu-shell .screen-split{grid-template-columns:1fr;grid-auto-rows:max-content;height:auto;min-height:0}.menu-shell .pane{padding:16px;overflow:visible}.setup-actions{grid-template-columns:1fr}.lobby-shell .pane{gap:10px}.lobby-shell .box{gap:8px;padding:10px}.lobby-shell .title{font-size:24px}.room-content{gap:12px;padding:16px}.room-content .title{font-size:24px}.room-actions{grid-template-columns:1fr}}@media (width>=641px) and (width<=900px) and (orientation:landscape){.menu-shell .screen-split{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);overflow:hidden}.menu-shell .pane{overflow-y:auto}.menu-shell .pane+.pane{border-top:0;border-left:2px solid var(--ui-dim)}.setup-actions,.room-actions{grid-template-columns:1fr 1fr}.lobby-shell .pane{gap:8px;padding:8px 12px}.lobby-shell .box{border:0;padding:0}.lobby-shell .box>.label{display:none}}#root:has(.menu-shell)>.rotate-hint{display:none}.menu-shell .map-pick{flex-direction:row;justify-content:center}.menu-shell .map-pick .map-thumb{flex:none;width:64px;height:36px}.menu-shell .map-pick .map-thumb-random{font-size:24px}.menu-shell .map-modal{width:min(600px,100% - 24px)}.menu-shell .map-tile .map-thumb{aspect-ratio:16/9;width:100%;height:auto}.menu-shell .map-grid{min-height:0;overflow:auto}.menu-shell .map-modal>button{flex:none}.room-invite{flex-wrap:wrap;justify-content:space-between}.room-invite>span{flex:none}.room-invite>button{flex:0 auto;font-size:14px}.lobby-shell .row>.map-pick{flex:1.6}.lobby-shell .map-pick .map-thumb{width:48px;height:27px}.menu-shell .map-pick>span{overflow-wrap:anywhere;min-width:0}.lobby-shell input[aria-label=room\ code]{flex:2}@media (width<=900px){.lobby-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-filters>input{grid-column:1/-1}}.selection-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.selected-colors,.selected-weapons{white-space:nowrap;align-items:center;gap:8px;display:flex}.selection-summary>button{flex:none}.picker-dialog{width:min(720px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ui);background:var(--bg);border:2px solid var(--ui);padding:0;overflow:hidden}.picker-dialog::backdrop{background:#000c}.picker-inner{flex-direction:column;gap:12px;max-height:calc(100dvh - 28px);padding:16px;display:flex}.picker-inner>:not(.picker-content){flex:none}.picker-content{flex-direction:column;gap:16px;min-height:0;display:flex;overflow-y:auto}.picker-content>*{flex-shrink:0}.picker-preview{align-self:center;width:min(320px,100%)}.weapon-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=600px){.weapon-pickers{grid-template-columns:1fr}}.profile-settings{flex-direction:column;gap:24px;display:flex}.menu-shell .setup-preview-pane>.preview-frame{flex:1;min-height:0;overflow:hidden}@media (width<=900px) and (orientation:portrait),(width<=640px){.menu-shell .setup-preview-pane{height:32dvh;min-height:240px}}@media (width<=900px){.selected-weapons{font-size:14px}}