:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f0ff;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--accent:#78ff78;background:#05070a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app{background:#05070a;position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button,input{color:inherit;letter-spacing:.03em;text-transform:uppercase;background:#10171c;border:2px solid #3a5a4a;border-radius:10px;padding:10px 16px;font:700 .9rem/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}#ui{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0}.screen{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:auto;text-align:center;background:radial-gradient(circle at 50% -10%,#1c2b22 0,#0a0f0c 55%,#05070a 100%);justify-content:center;align-items:safe center;padding:16px;display:flex;position:fixed;overflow-y:auto}.screen[hidden]{display:none}.loading-screen{letter-spacing:.1em;font-size:1.4rem}.menu-panel{flex-direction:column;gap:10px;width:min(440px,100%);margin:auto;display:flex}.menu-panel button{min-height:48px}.menu-title{letter-spacing:.15em;color:var(--accent);text-shadow:0 0 18px #78ff7866;margin:0;font-size:2.4rem}.menu-tagline{opacity:.75;margin:-4px 0 6px;font-size:.9rem}.primary-button{border-color:var(--accent);color:#eaffea;background:#1e4a2e}.secondary-button{background:#10171c}.menu-play{min-height:56px;font-size:1.05rem}.menu-card{background:#10171cb3;border:1px solid #23372c;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.menu-card-title{letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin:0;font-size:.8rem}.join-row{gap:8px;display:flex}.join-input{text-align:center;letter-spacing:.2em;flex:auto;min-width:0}.join-button{white-space:nowrap;flex:none}.name-input{text-align:center;letter-spacing:.05em}.menu-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bot-picker{align-items:center;gap:8px;display:flex}.bot-picker button{flex:1}.bot-picker button[aria-pressed=true]{border-color:var(--accent);background:#1e4a2e}.help-panel{text-align:left;background:#0d1114;border-radius:8px;padding:8px 12px}.help-panel summary{cursor:pointer;font-weight:700}.help-panel p{margin:8px 0 0;font-size:.85rem;line-height:1.4}.credits-line{opacity:.6;font-size:.7rem}@media (orientation:landscape) and (max-height:520px){.menu-screen .menu-panel{grid-template-columns:1fr 1fr;align-items:start;column-gap:16px;width:min(760px,100%);display:grid}.menu-screen .menu-title,.menu-screen .menu-tagline,.menu-screen .help-panel,.menu-screen .credits-line{grid-column:1/-1}.menu-title{font-size:1.8rem}}.room-code{letter-spacing:.3em;color:var(--accent);margin:8px 0;font-size:2.2rem;font-weight:800;display:block}.lobby-seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby-seat{border-left:6px solid var(--seat-color,#666);text-align:left;background:#10171c;border-radius:6px;padding:8px 12px}.lobby-hint{opacity:.7}.connection-banner{top:calc(var(--safe-top) + 8px);opacity:0;pointer-events:none;z-index:4;background:#781414d9;border-radius:999px;padding:6px 14px;font-size:.8rem;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.connection-banner.visible{opacity:1}#touch{z-index:2;pointer-events:none;opacity:0;transition:opacity .15s;position:fixed;top:0;bottom:0;left:0;right:0}#touch.visible{opacity:1}.touch-zone{touch-action:none;width:55%;position:absolute;top:0;bottom:0}.touch-zone-left{left:0}.stick-base{opacity:.45;pointer-events:none;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:50%;width:128px;height:128px;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%)}.touch-zone-left .stick-base{left:calc(var(--safe-left) + 110px);top:calc(100% - var(--safe-bottom) - 110px)}.touch-zone.active .stick-base{opacity:1;transition:none}.stick-knob{background:#78ff7859;border:2px solid #ffffff80;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-actions{right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 12px);pointer-events:none;width:230px;height:230px;position:absolute}.touch-button{color:#fff;background:#10171cb3;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform 80ms,background-color 80ms;display:flex;position:absolute}.touch-button svg{pointer-events:none;width:28px;height:28px}.touch-button:active{transform:scale(.92)}.touch-fire{background:#c832288c;border-color:#ffb4aa99;width:96px;height:96px;bottom:24px;right:24px}.touch-fire svg{width:44px;height:44px}.touch-fire.pressed{background:#e64637bf;box-shadow:0 0 18px #ff5a3cb3}.touch-reload,.touch-grenade,.touch-use{width:58px;height:58px}.touch-reload{bottom:43px;right:143px}.touch-grenade{bottom:113.7px;right:113.7px}.touch-use{bottom:143px;right:43px}.fire-knob{pointer-events:none;opacity:0;background:#ffffff80;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-fire.dragging .fire-knob{opacity:1}.touch-pause[hidden]{display:none}.touch-pause{top:calc(var(--safe-top) + 12px);border-radius:50%;width:44px;height:44px;position:absolute;left:50%;transform:translate(-50%)}.touch-pause svg{width:20px;height:20px}.touch-pause:active{transform:translate(-50%)scale(.92)}#touch.visible .touch-zone,#touch.visible .touch-button{pointer-events:auto}.sound-toggle{top:calc(var(--safe-top) + 12px);pointer-events:auto;background:#10171cb3;border:2px solid #ffffff59;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.2rem;display:none;position:fixed;left:calc(50% - 76px)}#ui[data-screen=game] .sound-toggle,#ui[data-screen=pause] .sound-toggle{display:block}.rotate-device{display:none}@media (orientation:portrait) and (pointer:coarse){#ui[data-screen=game] .rotate-device,#ui[data-screen=pause] .rotate-device{z-index:5;text-align:center;pointer-events:auto;background:radial-gradient(circle at 50% -10%,#1c2b22 0,#0a0f0c 55%,#05070a 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-device strong{color:var(--accent);letter-spacing:.1em;font-size:1.05rem}.rotate-device>span:last-child{opacity:.8}.phone-glyph{border:3px solid var(--accent);border-radius:8px;width:42px;height:70px;display:block;position:relative;box-shadow:inset 0 0 0 3px #10171c}.phone-glyph:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}}@media (orientation:portrait) and (pointer:coarse) and (prefers-reduced-motion:no-preference){#ui[data-screen=game] .phone-glyph,#ui[data-screen=pause] .phone-glyph{animation:2.4s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,35%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}