:root{--crt-green: #00ff41;--crt-green-dim: #00cc33;--crt-green-bright: #33ff66;--crt-green-glow: rgba(0, 255, 65, .15);--crt-amber: #ffb000;--crt-red: #ff0040;--crt-blue: #0080ff;--crt-green-dark: #003b00;--crt-orange: #ff8c00;--crt-yellow: #ffd700;--crt-bg: #0a0a0a;--crt-bg-lighter: #111111;--crt-bg-panel: #0d0d0d;--font-display: "Press Start 2P", monospace;--font-body: "Silkscreen", monospace;--font-mono: monospace;--font-report: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--crt-bg);color:var(--crt-green);font-family:var(--font-body);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#app{width:100%;height:100%;position:relative;overflow:hidden}.screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--spacing-lg);z-index:1;position:relative}.screen-container:has(.combat-screen){display:block;text-align:left;gap:0}.title-text{font-family:var(--font-display);font-size:48px;color:var(--crt-green);text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow),0 0 40px var(--crt-green-glow);letter-spacing:8px}.subtitle-text{font-family:var(--font-display);font-size:14px;color:var(--crt-green-dim);letter-spacing:4px}.status-text{font-family:var(--font-body);font-size:16px;color:var(--crt-green-dim);animation:blink 1.5s step-end infinite}.version-text{font-family:var(--font-mono);font-size:12px;color:var(--crt-green-dim);opacity:.5}@keyframes blink{50%{opacity:0}}#app{border-radius:12px;box-shadow:inset 0 0 80px #0000004d}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px)}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.slice-grid{display:inline-grid;grid-template-columns:28px repeat(8,40px);grid-template-rows:28px repeat(8,40px);gap:1px;background:var(--crt-bg);user-select:none}.slice-grid__col-header,.slice-grid__row-label{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim)}.slice-grid__cell{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;cursor:pointer;transition:border-color .1s}.cell-empty{border:1px solid rgba(0,255,65,.15);background:transparent}.cell-ship{border:1px solid var(--crt-green-dim);background:#00ff414d}.cell-hit{border:1px solid var(--crt-red);background:#ff00404d;animation:pulse-glow 1.5s ease-in-out infinite}.cell-hit:after{content:"×";color:var(--crt-red);font-size:18px}.cell-miss{border:1px solid rgba(0,255,65,.15);background:transparent}.cell-miss:after{content:"•";color:var(--crt-green-dim);opacity:.5;font-size:10px}.cell-sunk{border:1px solid var(--crt-amber);background:#ffb0004d}.cell-sunk:after{content:"×";color:var(--crt-amber);font-size:18px}.cell-decoy{border:1px solid var(--crt-amber);background:#ffb00033;animation:decoy-blink 1s step-end infinite}.cell-ghost{border:1px solid var(--crt-green);background:#00ff4126}.cell-ghost-invalid{border:1px solid var(--crt-red);background:#ff004026}.cell-hover{border-color:var(--crt-green-bright)!important;box-shadow:0 0 6px var(--crt-green-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #ff00404d}50%{box-shadow:0 0 12px #ff004099}}@keyframes decoy-blink{50%{opacity:.4}}.setup-screen{position:absolute;inset:0;overflow:hidden}.setup-screen__canvas{position:absolute;inset:0;z-index:0}.setup-screen__top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(to bottom,rgba(10,10,10,.85) 0%,transparent 100%);pointer-events:none}.setup-screen__top-bar>*{pointer-events:auto}.setup-screen__top-left{display:flex;align-items:center;gap:var(--spacing-sm)}.setup-screen__player-badge{font-family:var(--font-display);font-size:12px;color:var(--crt-green);border:1px solid var(--crt-green);padding:2px 8px;letter-spacing:2px}.setup-screen__title-label{font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim);letter-spacing:2px}.setup-screen__coord-display{font-family:var(--font-display);font-size:20px;color:var(--crt-green);letter-spacing:4px;text-shadow:0 0 10px var(--crt-green-glow);text-align:center;min-width:180px}.setup-screen__top-right{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:1px;opacity:.6}.setup-screen__status{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:9px;color:var(--crt-green-dim);letter-spacing:1px;pointer-events:none;text-align:center;white-space:nowrap}.tool-palette{position:absolute;bottom:88px;left:50%;transform:translate(-50%);z-index:10;background:#0a0a0ad9;border:1px solid rgba(0,255,65,.25);padding:4px 8px}.tool-palette__row{display:flex;align-items:center;gap:4px;padding:4px 0}.tool-palette__row--wrap{flex-wrap:wrap}.tool-palette__separator{height:1px;background:#00ff4133}.tool-palette__label{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);letter-spacing:1px;min-width:40px;text-align:right;margin-right:4px}.tool-palette__btn{font-family:var(--font-display);font-size:9px;padding:3px 10px;background:#0a0a0ab3;border:1px solid rgba(0,255,65,.25);color:var(--crt-green-dim);cursor:pointer;transition:all .1s;text-align:center}.tool-palette__btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.tool-palette__btn--active{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411f;text-shadow:0 0 6px var(--crt-green-glow)}.tool-palette--disabled{pointer-events:none;opacity:.3}.setup-screen__roster-panel{position:absolute;top:50%;right:70px;transform:translateY(-50%);z-index:10;max-height:60vh;overflow-y:auto}.setup-screen__auto-deploy{display:block;width:100%;margin-top:8px;font-size:.65rem;padding:6px 0;opacity:.7;background:transparent;border:1px solid var(--crt-green-dark);color:var(--crt-green);font-family:var(--font-primary),var(--font-secondary),var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:1px}.setup-screen__auto-deploy:hover{opacity:1;border-color:var(--crt-green);text-shadow:0 0 8px var(--crt-green)}.setup-screen__footer{position:absolute;bottom:28px;left:var(--spacing-md);right:var(--spacing-md);z-index:10;display:flex;align-items:center;justify-content:space-between}.setup-screen__hint{position:absolute;bottom:68px;left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:6px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px;pointer-events:none;white-space:nowrap}.depth-selector{display:flex;flex-direction:column;gap:2px}.depth-selector__btn{font-family:var(--font-display);font-size:10px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(0,255,65,.2);color:var(--crt-green-dim);cursor:pointer;transition:all .1s;text-align:center}.depth-selector__btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.depth-selector__btn--active{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411a;text-shadow:0 0 6px var(--crt-green-glow)}.axis-selector{display:flex;gap:2px}.axis-selector__btn{font-family:var(--font-display);font-size:10px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(0,255,65,.2);color:var(--crt-green-dim);cursor:pointer;transition:all .1s;flex:1;text-align:center}.axis-selector__btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.axis-selector__btn--active{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411a}.ship-roster{display:flex;flex-direction:column;gap:2px}.ship-roster__title{font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim);margin-bottom:var(--spacing-xs);letter-spacing:1px}.ship-roster__entry{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(0,255,65,.15);cursor:pointer;transition:all .1s;font-family:var(--font-body);font-size:14px;color:var(--crt-green-dim)}.ship-roster__entry:hover{border-color:var(--crt-green);color:var(--crt-green)}.ship-roster__entry--selected{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411a}.ship-roster__entry--placed{border-color:var(--crt-green-dim);color:var(--crt-green-dim);opacity:.6}.ship-roster__entry--placed:hover{opacity:1;border-color:var(--crt-red);color:var(--crt-red)}.ship-roster__entry--decoy{color:var(--crt-amber);border-color:#ffb00026;margin-top:4px}.ship-roster__entry--decoy-disabled{opacity:.3;cursor:default}.ship-roster__entry--decoy:not(.ship-roster__entry--decoy-disabled):hover{border-color:var(--crt-amber);color:var(--crt-amber)}.ship-roster__entry--decoy-selected{border-color:var(--crt-amber);color:var(--crt-amber);background:#ffb0001a}.ship-roster__entry--decoy-placed{border-color:#ffb0004d;color:var(--crt-amber);opacity:.6}.ship-roster__name{flex:1}.ship-roster__size{font-family:var(--font-display);font-size:10px;opacity:.7}.ship-roster__status{font-family:var(--font-display);font-size:8px;margin-left:var(--spacing-sm)}.coordinate-display{font-family:var(--font-display);font-size:12px;color:var(--crt-green);height:20px;text-shadow:0 0 6px var(--crt-green-glow)}.setup-screen__status{font-family:var(--font-body);font-size:14px;color:var(--crt-green-dim)}.crt-button{font-family:var(--font-display);font-size:12px;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid var(--crt-green);color:var(--crt-green);cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .15s;text-shadow:0 0 6px var(--crt-green-glow)}.crt-button:hover{background:#00ff411a;box-shadow:0 0 12px var(--crt-green-glow)}.crt-button:active{background:#00ff4133}.crt-button--danger{border-color:var(--crt-red);color:var(--crt-red);text-shadow:0 0 6px rgba(255,0,64,.3)}.crt-button--danger:hover{background:#ff00401a;box-shadow:0 0 12px #ff00404d}.crt-button:disabled{opacity:.3;cursor:not-allowed}.crt-button:disabled:hover{background:transparent;box-shadow:none}.combat-screen{position:absolute;inset:0;overflow:hidden}.combat-screen__canvas{position:absolute;inset:0;z-index:0}.combat-screen__top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(to bottom,rgba(10,10,10,.85) 0%,transparent 100%);pointer-events:none}.combat-screen__top-bar>*{pointer-events:auto}.combat-screen__top-left{display:flex;align-items:center;gap:var(--spacing-sm)}.combat-screen__player-badge{font-family:var(--font-display);font-size:12px;color:var(--crt-green);border:1px solid var(--crt-green);padding:2px 8px;letter-spacing:2px}.combat-screen__turn-label,.combat-screen__timer{font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim);letter-spacing:1px}.combat-screen__timer--low{color:var(--crt-amber);text-shadow:0 0 6px rgba(255,176,0,.3)}.combat-screen__timer--warning{color:var(--crt-red);text-shadow:0 0 8px rgba(255,0,64,.4);animation:timer-pulse .5s ease-in-out infinite alternate}@keyframes timer-pulse{0%{opacity:1}to{opacity:.4}}.combat-screen__coord-display{font-family:var(--font-display);font-size:20px;color:var(--crt-green);letter-spacing:4px;text-shadow:0 0 10px var(--crt-green-glow);text-align:center;min-width:180px}.combat-screen__top-right{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:1px;opacity:.6}.combat-screen__tab-strip{display:contents}.combat-screen__select-label{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:2px;pointer-events:none}.combat-screen__board-toggle{position:absolute;top:36px;left:var(--spacing-md);z-index:10;display:flex;gap:2px}.combat-screen__toggle-btn{font-family:var(--font-display);font-size:9px;padding:3px 8px;background:#0a0a0ab3;border:1px solid rgba(0,255,65,.2);color:var(--crt-green-dim);cursor:pointer;transition:all .1s}.combat-screen__toggle-btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.combat-screen__toggle-btn--active{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411a}.combat-screen__status{position:absolute;bottom:163px;left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:11px;color:var(--crt-green-dim);letter-spacing:1px;pointer-events:none;text-align:center;white-space:nowrap}.combat-screen__status--hit{color:var(--crt-red);text-shadow:0 0 8px rgba(255,0,64,.4)}.combat-screen__status--miss{color:var(--crt-green-dim)}.combat-screen__status--sunk{color:var(--crt-amber);text-shadow:0 0 8px rgba(255,176,0,.4)}.combat-screen__right-stack{position:absolute;bottom:68px;right:var(--spacing-md);z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.combat-screen__fleet-panel{pointer-events:none}.combat-screen__fleet-title{font-family:var(--font-display);font-size:7px;color:var(--crt-amber);letter-spacing:1px;margin-bottom:4px;text-align:right}.combat-screen__fleet-entry{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);padding:1px 0}.combat-screen__fleet-entry--sunk{color:var(--crt-red);text-decoration:line-through}.combat-screen__fleet-pips{display:flex;gap:2px}.combat-screen__pip{width:8px;height:6px;background:var(--crt-green);opacity:.8}.combat-screen__pip--hit{background:var(--crt-red);opacity:.8}.combat-screen__pip--sunk{background:var(--crt-red);opacity:.6}.combat-screen__fleet-separator{height:1px;background:#00ff4126;margin:6px 0}.combat-screen__end-turn{font-size:10px;padding:6px 16px;pointer-events:auto}.combat-screen__hint{position:absolute;bottom:68px;left:50%;transform:translate(-50%);z-index:10;font-family:var(--font-display);font-size:6px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px;pointer-events:none;white-space:nowrap}.combat-screen__bottom-bar{position:absolute;bottom:20px;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-around;padding:6px var(--spacing-lg);background:linear-gradient(to top,rgba(10,10,10,.85) 0%,transparent 100%);pointer-events:none}.combat-screen__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.combat-screen__stat-label{font-family:var(--font-display);font-size:6px;color:var(--crt-green-dim);opacity:.6;letter-spacing:1px}.combat-screen__stat-value{font-family:var(--font-display);font-size:14px;color:var(--crt-green);text-shadow:0 0 6px var(--crt-green-glow)}.victory-screen{display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto;text-align:center}.victory-screen__header{position:sticky;top:0;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);background:linear-gradient(to bottom,var(--crt-bg) 0%,var(--crt-bg) 80%,transparent 100%)}.victory-screen__label{font-family:var(--font-display);font-size:12px;color:var(--crt-green-dim);letter-spacing:3px}.victory-screen__winner{font-family:var(--font-display);font-size:36px;color:var(--crt-green);letter-spacing:6px;text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow)}.victory-screen__actions{display:flex;flex-direction:row;gap:var(--spacing-md)}.victory-screen__body{width:100%;padding-bottom:var(--spacing-xl)}.perk-store{position:absolute;left:70px;top:60px;bottom:60px;width:280px;z-index:20;background:#0a0a0aeb;border:1px solid rgba(0,255,65,.3);padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.perk-store__title{font-family:var(--font-display);font-size:10px;color:var(--crt-green);letter-spacing:2px;text-align:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,65,.2)}.perk-store__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-family:var(--font-display);font-size:10px;background:none;border:1px solid rgba(0,255,65,.3);color:var(--crt-green-dim);cursor:pointer;padding:2px 6px}.perk-store__close:hover{color:var(--crt-green);border-color:var(--crt-green)}.perk-store__section-label{font-family:var(--font-display);font-size:8px;letter-spacing:1px;margin-top:var(--spacing-sm)}.perk-store__section-label--offensive{color:var(--crt-red)}.perk-store__section-label--defensive{color:var(--crt-green)}.perk-store__item{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.perk-store__item--offensive{border:1px solid rgba(255,0,64,.3)}.perk-store__item--defensive{border:1px solid rgba(0,255,65,.3)}.perk-store__item--disabled{opacity:.4}.perk-store__item-header{display:flex;align-items:center;justify-content:space-between}.perk-store__name{font-family:var(--font-display);font-size:8px;color:var(--crt-green);letter-spacing:1px}.perk-store__cost{font-family:var(--font-display);font-size:8px;color:var(--crt-amber);padding:1px 4px;border:1px solid rgba(255,176,0,.3)}.perk-store__desc{font-family:var(--font-body);font-size:12px;color:var(--crt-green-dim);line-height:1.3}.perk-store__buy-btn{font-family:var(--font-display);font-size:8px;padding:3px 8px;background:transparent;border:1px solid var(--crt-amber);color:var(--crt-amber);cursor:pointer;letter-spacing:1px;align-self:flex-end;transition:all .1s}.perk-store__buy-btn:hover:not(:disabled){background:#ffb00026;box-shadow:0 0 8px #ffb00033}.perk-store__buy-btn:disabled{opacity:.3;cursor:not-allowed}.inventory-tray{position:absolute;bottom:66px;left:var(--spacing-md);z-index:10;display:flex;gap:4px;align-items:flex-end}.inventory-tray__empty{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px}.inventory-tray__item{padding:4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;background:#0a0a0acc;transition:all .1s}.inventory-tray__item--offensive{border:1px solid rgba(255,0,64,.3)}.inventory-tray__item--defensive{border:1px solid rgba(0,255,65,.3)}.inventory-tray__item--selected{box-shadow:0 0 8px #00ff4166}.inventory-tray__item--selected.inventory-tray__item--offensive{border-color:var(--crt-red);box-shadow:0 0 8px #ff004066}.inventory-tray__item--selected.inventory-tray__item--defensive{border-color:var(--crt-green)}.inventory-tray__item-name{font-family:var(--font-display);font-size:6px;color:var(--crt-green);letter-spacing:1px;white-space:nowrap}.inventory-tray__item-info{display:flex;align-items:center;gap:4px}.inventory-tray__slot-badge{font-family:var(--font-display);font-size:5px;letter-spacing:1px;padding:1px 3px}.inventory-tray__count{font-family:var(--font-display);font-size:7px;color:var(--crt-amber);letter-spacing:1px}.inventory-tray__slot-badge--ping{color:var(--crt-amber);border:1px solid rgba(255,176,0,.3)}.inventory-tray__slot-badge--attack{color:var(--crt-red);border:1px solid rgba(255,0,64,.3)}.inventory-tray__slot-badge--defend{color:var(--crt-green);border:1px solid rgba(0,255,65,.3)}.action-slots{position:absolute;top:56px;left:var(--spacing-md);z-index:10;display:flex;gap:4px}.action-slots__slot{font-family:var(--font-display);font-size:7px;padding:2px 6px;letter-spacing:1px;border:1px solid rgba(0,255,65,.2);background:#0a0a0ab3}.action-slots__slot--available{color:var(--crt-green-dim);border-color:#00ff414d}.action-slots__slot--used{color:var(--crt-green);border-color:var(--crt-green);background:#00ff411a;text-shadow:0 0 6px var(--crt-green-glow)}.action-slots__slot--unavailable{color:#00ff4126;border-color:#00ff4114;opacity:.5}.combat-screen__credits{font-family:var(--font-display);font-size:10px;color:var(--crt-amber);letter-spacing:1px;text-shadow:0 0 6px rgba(255,176,0,.3)}.combat-screen__store-btn{font-family:var(--font-display);font-size:8px;padding:3px 8px;background:#0a0a0ab3;border:1px solid rgba(255,176,0,.3);color:var(--crt-amber);cursor:pointer;letter-spacing:1px;transition:all .1s}.combat-screen__store-btn:hover{border-color:var(--crt-amber);background:#ffb0001a}.combat-screen__store-btn--active{border-color:var(--crt-amber);background:#ffb00026}.combat-screen__status--sonar-positive{color:#3fc;text-shadow:0 0 8px rgba(51,255,204,.4)}.combat-screen__status--sonar-negative{color:var(--crt-green-dim)}.combat-screen__mute-btn{font-family:var(--font-display);font-size:8px;padding:3px 8px;background:#0a0a0ab3;border:1px solid rgba(0,255,65,.4);color:var(--crt-green);cursor:pointer;letter-spacing:1px;transition:all .1s}.combat-screen__mute-btn:hover{border-color:var(--crt-green);background:#00ff411a;text-shadow:0 0 6px var(--crt-green-glow)}.combat-screen__mute-btn--muted{color:var(--crt-green-dim);border-color:#00ff4133;opacity:.6}.notification-banner{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:30;pointer-events:none;display:flex;flex-direction:column;align-items:center}.notification-banner__message{font-family:var(--font-display);font-size:1rem;color:var(--crt-green);text-shadow:0 0 8px var(--crt-green),0 0 16px var(--crt-green);background:#000a00d9;border:1px solid var(--crt-green);padding:12px 24px;margin-bottom:8px;animation:notif-appear .3s ease-out;white-space:nowrap}.notification-banner__message--dismiss{animation:notif-dismiss .4s ease-in forwards}.notification-banner__message--sunk{color:var(--crt-amber);text-shadow:0 0 8px var(--crt-amber),0 0 16px var(--crt-amber);border-color:var(--crt-amber);font-size:1.2rem}.notification-banner__message--credits{color:var(--crt-green);font-size:.8rem}@keyframes notif-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes notif-dismiss{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:4px var(--spacing-md);background:#0a0a0a99;pointer-events:none}.app-footer__left,.app-footer__right{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px}.app-auth-badge{position:fixed;top:32px;right:16px;z-index:5;display:flex;flex-direction:row-reverse;align-items:center;gap:6px;pointer-events:none;color:var(--crt-green-dim)}.app-auth-badge__icon{width:12px;height:12px;flex-shrink:0;opacity:.6}.app-auth-badge__name{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);opacity:.6;letter-spacing:1px;white-space:nowrap}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-xl);text-align:center}.title-screen__label{font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim);letter-spacing:4px;opacity:.6}.title-screen__title{font-family:var(--font-display);font-size:48px;color:var(--crt-green);letter-spacing:8px;text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow),0 0 40px var(--crt-green-glow)}.title-screen__subtitle{font-family:var(--font-display);font-size:14px;color:var(--crt-green-dim);letter-spacing:4px}.title-screen__version{font-family:var(--font-mono);font-size:10px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px}.title-screen__actions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.help-screen{display:flex;flex-direction:column;align-items:center;height:100%;padding:var(--spacing-lg);overflow-y:auto}.help-screen__header{font-family:var(--font-display);font-size:24px;color:var(--crt-green);letter-spacing:4px;text-shadow:0 0 10px var(--crt-green-glow);margin-bottom:var(--spacing-xl);flex-shrink:0}.help-screen__content{max-width:700px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.help-screen__section-title{font-family:var(--font-display);font-size:12px;color:var(--crt-green);letter-spacing:2px;margin-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,65,.2);padding-bottom:var(--spacing-xs)}.help-screen__text{font-family:var(--font-body);font-size:14px;color:var(--crt-green-dim);line-height:1.6}.help-screen__table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:13px}.help-screen__table th{font-family:var(--font-display);font-size:9px;color:var(--crt-green);letter-spacing:1px;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid rgba(0,255,65,.3)}.help-screen__table td{color:var(--crt-green-dim);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid rgba(0,255,65,.1)}.help-screen__return{margin-top:var(--spacing-lg);flex-shrink:0;margin-bottom:var(--spacing-lg)}.title-screen__model-selector,.title-screen__rank-selector{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.title-screen__rank-label{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:2px;opacity:.6}.title-screen__rank-buttons{display:flex;gap:var(--spacing-sm)}.title-screen__rank-btn{font-family:var(--font-display);font-size:10px;padding:6px 14px;background:transparent;border:1px solid rgba(0,255,65,.25);color:var(--crt-green-dim);cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .15s}.title-screen__rank-btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.title-screen__rank-btn--active{border-color:var(--crt-green);color:var(--crt-green);background:#00ff411a;text-shadow:0 0 8px var(--crt-green-glow);box-shadow:0 0 8px #00ff4126}.notification-banner__message--rank-bonus{color:#fa0;text-shadow:0 0 8px #ffaa00,0 0 16px #ffaa00;border-color:#fa0}.title-screen__mode-selector,.title-screen__api-key-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.title-screen__api-key-input{font-family:var(--font-display);font-size:10px;color:var(--crt-green);background:#0009;border:1px solid var(--crt-green-dim);padding:8px 14px;width:320px;max-width:90vw;letter-spacing:1px;outline:none;transition:border-color .15s}.title-screen__api-key-input::placeholder{color:var(--crt-green-dim);opacity:.6}.title-screen__api-key-input:focus{border-color:var(--crt-green);box-shadow:0 0 8px #00ff4126}.title-screen__api-key-error{font-family:var(--font-display);font-size:8px;color:#f33;min-height:14px;letter-spacing:1px}.title-screen__model-desc{font-size:.6em;opacity:.6}.title-screen__forget-key-btn{font-family:var(--font-display);font-size:8px;background:transparent;border:1px solid #ff3333;color:#f33;padding:2px 8px;cursor:pointer;letter-spacing:1px}.title-screen__forget-key-btn:hover{background:#ff333326}.combat-screen__ai-thinking{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;font-family:var(--font-display);font-size:14px;color:var(--crt-green);text-shadow:0 0 12px var(--crt-green-glow),0 0 24px var(--crt-green-glow);letter-spacing:3px;animation:ai-thinking-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes ai-thinking-pulse{0%,to{opacity:.4}50%{opacity:1}}.combat-screen--ai-thinking .combat-screen__toggle-btn,.combat-screen--ai-thinking .combat-screen__store-btn{pointer-events:none;opacity:.3}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-xl);text-align:center}.login-screen__label{font-family:var(--font-display);font-size:10px;color:var(--crt-green-dim);letter-spacing:4px;opacity:.6}.login-screen__title{font-family:var(--font-display);font-size:48px;color:var(--crt-green);letter-spacing:8px;text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow),0 0 40px var(--crt-green-glow)}.login-screen__subtitle{font-family:var(--font-display);font-size:14px;color:var(--crt-green-dim);letter-spacing:4px}.login-screen__version{font-family:var(--font-mono);font-size:10px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px}.login-screen__auth-label{font-family:var(--font-display);font-size:10px;color:var(--crt-amber);letter-spacing:3px;text-shadow:0 0 8px rgba(255,176,0,.3)}.login-screen__auth-label--pulse{animation:ai-thinking-pulse 1.5s ease-in-out infinite}.login-screen__provider-btn{font-family:var(--font-display);font-size:11px;min-width:280px;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:2px solid var(--crt-green);color:var(--crt-green);cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .15s;text-shadow:0 0 6px var(--crt-green-glow);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-screen__provider-btn:hover{background:#00ff411a;box-shadow:0 0 12px var(--crt-green-glow)}.login-screen__provider-btn:active{background:#00ff4133}.login-screen__provider-btn--google:hover{border-color:#4285f4;color:#4285f4;text-shadow:0 0 6px rgba(66,133,244,.3);box-shadow:0 0 12px #4285f433}.login-screen__provider-btn svg{width:18px;height:18px;flex-shrink:0}.login-screen__error{font-family:var(--font-display);font-size:8px;color:#f33;min-height:14px;letter-spacing:1px}.login-screen__note{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);opacity:.4;letter-spacing:1px}.lobby-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-xl);text-align:center}.lobby-screen__title{font-family:var(--font-display);font-size:24px;color:var(--crt-green);letter-spacing:6px;text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow),0 0 40px var(--crt-green-glow)}.lobby-screen__mode-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.lobby-screen__panel{flex-direction:column;align-items:center;gap:var(--spacing-lg);min-width:320px}.lobby-screen__section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.lobby-screen__action-btn{min-width:200px;letter-spacing:3px}.lobby-screen__field-label{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:2px;opacity:.6;align-self:flex-start}.lobby-screen__input{font-family:var(--font-display);font-size:10px;color:var(--crt-green);background:#0009;border:1px solid var(--crt-green-dim);padding:8px 14px;width:320px;max-width:90vw;letter-spacing:2px;outline:none;transition:border-color .15s;text-transform:uppercase}.lobby-screen__input::placeholder{color:var(--crt-green-dim);opacity:.5;font-size:9px}.lobby-screen__input:focus{border-color:var(--crt-green);box-shadow:0 0 8px #00ff4126}.lobby-screen__wait-area{flex-direction:column;align-items:center;gap:var(--spacing-md)}.lobby-screen__join-code-label{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:3px;opacity:.7}.lobby-screen__join-code{font-family:var(--font-display);font-size:32px;color:var(--crt-green);letter-spacing:10px;text-shadow:0 0 10px var(--crt-green-glow),0 0 20px var(--crt-green-glow);border:2px solid var(--crt-green);padding:var(--spacing-sm) var(--spacing-xl);background:#00ff410d;animation:join-code-pulse 2.5s ease-in-out infinite}@keyframes join-code-pulse{0%,to{box-shadow:0 0 8px #00ff4133}50%{box-shadow:0 0 20px #00ff4166}}.lobby-screen__session-info{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);letter-spacing:2px;opacity:.4}.lobby-screen__waiting{font-family:var(--font-display);font-size:10px;color:var(--crt-amber);letter-spacing:2px;text-shadow:0 0 8px rgba(255,176,0,.3);animation:ai-thinking-pulse 1.5s ease-in-out infinite}.lobby-screen__cancel-btn{margin-top:var(--spacing-sm)}.lobby-screen__invite-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,255,65,.15);width:100%}.lobby-screen__invite-label{font-family:var(--font-display);font-size:8px;color:var(--crt-green-dim);letter-spacing:2px;opacity:.7}.lobby-screen__channel-toggle{display:flex;gap:var(--spacing-sm)}.lobby-screen__invite-status{flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,255,65,.15);width:100%}.lobby-screen__status-text{font-family:var(--font-display);font-size:10px;color:var(--crt-green);letter-spacing:2px}.lobby-screen__countdown{font-family:var(--font-display);font-size:12px;color:var(--crt-green);letter-spacing:2px}.lobby-screen__countdown--warning{color:var(--crt-amber);text-shadow:0 0 6px rgba(255,176,0,.3)}.lobby-screen__countdown--critical{color:var(--crt-red);text-shadow:0 0 8px rgba(255,0,64,.4);animation:timer-pulse .5s ease-in-out infinite alternate}.lobby-screen__countdown--expired{color:var(--crt-red);text-shadow:0 0 8px rgba(255,0,64,.4)}.lobby-screen__accept-panel{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.lobby-screen__accept-loading{font-family:var(--font-display);font-size:10px;color:var(--crt-amber);letter-spacing:2px;animation:ai-thinking-pulse 1.5s ease-in-out infinite}.lobby-screen__challenger-info{font-family:var(--font-display);font-size:10px;color:var(--crt-green);letter-spacing:2px;text-shadow:0 0 8px var(--crt-green-glow);text-align:center;line-height:1.8}.lobby-screen__accept-details{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.lobby-screen__accept-btn{min-width:240px;letter-spacing:3px;border-color:var(--crt-amber);color:var(--crt-amber);text-shadow:0 0 6px rgba(255,176,0,.3)}.lobby-screen__accept-btn:hover{background:#ffb0001a;box-shadow:0 0 12px #ffb0004d}.lobby-screen__accept-actions{display:flex;align-items:flex-end;gap:var(--spacing-md)}.lobby-screen__accept-error{flex-direction:column;align-items:center;gap:var(--spacing-md)}.lobby-screen__expired-msg{font-family:var(--font-display);font-size:9px;color:var(--crt-red);letter-spacing:1px;text-align:center;line-height:1.6;max-width:360px}.title-screen__rank-btn--locked{opacity:.5;pointer-events:none;cursor:default}.title-screen__welcome{font-family:var(--font-display);font-size:10px;color:var(--crt-green);letter-spacing:2px;text-shadow:0 0 6px var(--crt-green-glow)}.combat-screen__disconnect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;font-family:var(--font-display);gap:1rem}.combat-screen__disconnect-title{color:var(--crt-amber);font-size:1.2rem;text-align:center;line-height:1.8}.combat-screen__disconnect-timer{color:var(--crt-red);font-size:.9rem;text-align:center}.command-console{position:absolute;left:var(--spacing-md);top:90px;bottom:100px;z-index:10;width:240px;display:flex;flex-direction:column;border:1px solid var(--crt-green-dark);background:#0a0a0ad9;pointer-events:auto}.command-console__scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding:var(--spacing-xs) var(--spacing-sm)}.command-console__scroll::-webkit-scrollbar{display:none}.command-console__entry{font-family:var(--font-body);font-size:9px;line-height:1.4;margin-bottom:2px;word-wrap:break-word}.command-console__prefix{font-weight:700}.command-console__prefix--alpha{color:var(--crt-green)}.command-console__prefix--bravo{color:#6cf}.command-console__text--emote{font-style:italic;color:var(--crt-green-dim)}.command-console__text--chat{color:var(--crt-green)}.command-console__input-row{display:flex;border-top:1px solid var(--crt-green-dark);padding:2px}.command-console__input{flex:1;background:transparent;border:none;color:var(--crt-green);font-family:var(--font-body);font-size:9px;padding:4px;outline:none}.command-console__input::placeholder{color:var(--crt-green-dark)}.command-console__send-btn{font-family:var(--font-display);font-size:7px;color:var(--crt-green-dim);background:transparent;border:1px solid var(--crt-green-dark);padding:2px 6px;cursor:pointer}.command-console__send-btn:hover{border-color:var(--crt-green);color:var(--crt-green)}.notification-banner{filter:brightness(1.05) blur(.3px);text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.2)}.notification-banner--sunk{text-shadow:0 0 10px rgba(255,176,0,.8),0 0 20px rgba(255,176,0,.5),0 0 40px rgba(255,176,0,.2)}.notification-banner--credits{text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.2)}.combat-screen__status{filter:brightness(1.05) blur(.3px);text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.2)}.combat-screen__status--sonar-positive{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.2)}.aar{width:100%;max-width:720px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);font-family:var(--font-report);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ffffffde;font-size:14px;line-height:1.5}.aar__title{font-family:var(--font-report);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#fff6;text-align:center;margin-bottom:var(--spacing-lg)}.aar__section{margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden}.aar__section-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;padding:10px 16px 8px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.aar__section-body{padding:12px 16px}.aar__stat-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}.aar__stat-column-header{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.aar__stat-column-header--left{text-align:right;padding-right:12px}.aar__stat-column-header--center{text-align:center;padding:0 8px 8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.aar__stat-column-header--right{text-align:left;padding-left:12px}.aar__stat-row{display:contents}.aar__stat-value--left{text-align:right;padding:3px 12px 3px 0;font-family:var(--font-mono);font-size:14px;color:var(--crt-amber)}.aar__stat-label{text-align:center;padding:3px 8px;font-size:12px;color:#ffffff80;white-space:nowrap}.aar__stat-value--right{text-align:left;padding:3px 0 3px 12px;font-family:var(--font-mono);font-size:14px;color:var(--crt-amber)}.aar__stat-value--winner{color:var(--crt-green)}.aar__perk-row{display:flex;align-items:center;gap:8px;padding:4px 0}.aar__perk-row+.aar__perk-row{border-top:1px solid rgba(255,255,255,.04)}.aar__perk-name{flex:0 0 110px;font-size:12px;color:#fff9;text-align:right}.aar__perk-bars{flex:1;display:flex;gap:4px;align-items:center}.aar__perk-bar-track{flex:1;height:14px;background:#ffffff0a;border-radius:2px;overflow:hidden;position:relative}.aar__perk-bar-fill{height:100%;border-radius:2px;min-width:2px}.aar__perk-bar-fill--alpha{background:var(--crt-green-dim)}.aar__perk-bar-fill--bravo{background:var(--crt-amber)}.aar__perk-count{font-family:var(--font-mono);font-size:11px;color:#ffffff80;flex:0 0 28px;text-align:center}.aar__table{width:100%;border-collapse:collapse;font-size:13px}.aar__table th{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff6;padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.aar__table th:first-child{padding-left:0}.aar__table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.03)}.aar__table td:first-child{padding-left:0;color:#ffffffb3}.aar__table tr:last-child td{border-bottom:none}.aar__fate--survived{color:var(--crt-green);font-weight:600}.aar__fate--sunk{color:var(--crt-red)}.aar__kill-entry{display:flex;align-items:center;gap:10px;padding:5px 0}.aar__kill-entry+.aar__kill-entry{border-top:1px solid rgba(255,255,255,.04)}.aar__kill-turn{font-family:var(--font-mono);font-size:11px;color:#ffffff59;flex:0 0 32px;text-align:right}.aar__kill-player{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;flex:0 0 56px}.aar__kill-player--alpha{color:var(--crt-green)}.aar__kill-player--bravo{color:var(--crt-amber)}.aar__kill-ship{flex:1;font-size:13px;color:#ffffffb3}.aar__kill-method{font-size:11px;color:#ffffff4d;font-style:italic}.aar__momentum-row{display:flex;align-items:center;gap:6px;padding:3px 0}.aar__momentum-turn{font-family:var(--font-mono);font-size:11px;color:#ffffff59;flex:0 0 28px;text-align:right}.aar__momentum-bars{flex:1;display:flex;align-items:center;gap:4px}.aar__momentum-bar-group{display:flex;align-items:center;gap:4px;flex:1}.aar__momentum-bar-track{flex:1;height:12px;background:#ffffff0a;border-radius:2px;overflow:hidden;max-width:100px}.aar__momentum-bar-fill--alpha{height:100%;background:var(--crt-green-dim);border-radius:2px}.aar__momentum-bar-fill--bravo{height:100%;background:var(--crt-amber);border-radius:2px}.aar__momentum-count{font-family:var(--font-mono);font-size:11px;color:#ffffff80;flex:0 0 24px}.aar__momentum-credits{font-family:var(--font-mono);font-size:10px;color:#ffffff4d;flex:0 0 44px;text-align:right}.aar__momentum-sep{font-size:10px;color:#ffffff26;flex:0 0 6px;text-align:center}.aar__timeline-entry{display:flex;align-items:flex-start;gap:10px;padding:4px 0}.aar__timeline-entry+.aar__timeline-entry{border-top:1px solid rgba(255,255,255,.04)}.aar__timeline-turn{font-family:var(--font-mono);font-size:11px;color:#ffffff59;flex:0 0 28px;text-align:right}.aar__timeline-detail{font-size:13px;color:#fff9}.aar__ai-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.aar__ai-stat-label{font-size:12px;color:#ffffff80}.aar__ai-stat-value{font-family:var(--font-mono);font-size:14px;color:var(--crt-amber);text-align:right}.aar__meta{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;font-size:12px;color:#ffffff59}.aar__meta-value{color:#fff9}@media(max-width:768px)and (orientation:portrait){.aar{padding:var(--spacing-md) var(--spacing-sm);font-size:13px}.aar__stat-columns{grid-template-columns:1fr auto 1fr}.aar__stat-value--left,.aar__stat-value--right{font-size:13px}.aar__stat-label{font-size:11px;padding:3px 4px}.aar__perk-name{flex:0 0 80px;font-size:11px}.aar__momentum-bar-track{max-width:60px}.aar__ai-stats{grid-template-columns:1fr}}@media(max-width:768px)and (orientation:portrait){:root{--mobile-tap: 44px;--mobile-tap-sm: 38px;--mobile-gap: 4px}#app{border-radius:0;box-shadow:none}.crt-overlay:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px)}.app-footer{display:none}.app-auth-badge{top:28px;right:8px}.app-auth-badge__name{font-size:6px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.crt-button{min-height:var(--mobile-tap);padding:10px 16px;font-size:11px}.title-screen{gap:var(--spacing-md);padding:0 var(--spacing-md)}.title-screen__title{font-size:28px;letter-spacing:4px}.title-screen__subtitle{font-size:10px;letter-spacing:2px}.title-screen__label{font-size:8px;letter-spacing:2px}.title-screen__actions{flex-direction:column;width:100%;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.title-screen__actions .crt-button{width:100%}.title-screen__rank-buttons{flex-wrap:wrap;justify-content:center}.title-screen__rank-btn{min-height:var(--mobile-tap-sm);padding:8px 12px;font-size:9px}.title-screen__mode-selector .crt-button{min-height:var(--mobile-tap-sm);font-size:9px;padding:8px 12px}.title-screen__api-key-input{width:100%;min-height:var(--mobile-tap)}.victory-screen__header{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm)}.victory-screen__winner{font-size:24px;letter-spacing:4px}.victory-screen__label{font-size:10px}.victory-screen__actions{flex-direction:column;width:100%;gap:var(--spacing-sm)}.victory-screen__actions .crt-button{width:100%}.help-screen{padding:var(--spacing-md) var(--spacing-sm)}.help-screen__header{font-size:16px;letter-spacing:2px}.help-screen__content{max-width:100%;padding:0 var(--spacing-xs);gap:var(--spacing-lg)}.help-screen__text{font-size:12px}.help-screen__section-title{font-size:10px}.help-screen__table{font-size:11px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.setup-screen__canvas{bottom:38%}.setup-screen{display:flex;flex-direction:column}.setup-screen__top-bar{position:absolute;top:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm)}.setup-screen__player-badge{font-size:10px;padding:2px 6px}.setup-screen__title-label{font-size:8px}.setup-screen__coord-display{font-size:14px;min-width:auto;letter-spacing:2px}.setup-screen__top-right{display:none}.setup-screen__status{top:36px;font-size:8px;white-space:normal;max-width:90vw}.setup-screen__roster-panel{position:absolute;inset:63% 0 auto;transform:none;max-height:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;z-index:10;padding:0 var(--spacing-sm);display:flex;flex-direction:row;align-items:center;gap:var(--mobile-gap);scrollbar-width:none}.setup-screen__roster-panel::-webkit-scrollbar{display:none}.ship-roster{flex-direction:row;overflow-x:visible;overflow-y:hidden;gap:var(--mobile-gap);padding:var(--spacing-xs) 0;flex-shrink:0}.ship-roster__title{display:none}.ship-roster__entry{flex-shrink:0;min-height:34px;padding:5px 10px;font-size:10px;white-space:nowrap;justify-content:center;gap:6px}.ship-roster__status{font-size:7px;margin-left:4px}.ship-roster__size{font-size:8px}.setup-screen__auto-deploy{min-height:34px;width:auto;margin-top:0;padding:5px 10px;white-space:nowrap;flex-shrink:0}.tool-palette{position:absolute;top:calc(63% + 42px);bottom:auto;left:0;right:0;transform:none;border-left:none;border-right:none;border-radius:0;padding:2px var(--spacing-sm)}.tool-palette__row{flex-wrap:wrap;justify-content:center;gap:3px;padding:2px 0}.tool-palette__label{font-size:6px;min-width:28px;margin-right:2px}.tool-palette__btn{min-height:32px;min-width:32px;padding:4px 8px;font-size:8px}.setup-screen__footer{bottom:0;left:0;right:0;padding:var(--spacing-sm);background:#0a0a0ae6;gap:var(--spacing-sm)}.setup-screen__footer .crt-button{flex:1;min-height:var(--mobile-tap);font-size:10px;padding:8px 12px}.setup-screen__hint{display:none}.combat-screen__canvas{bottom:32%}.command-console{display:none}.combat-screen__top-bar{padding:var(--spacing-xs) var(--spacing-sm)}.combat-screen__player-badge{font-size:10px;padding:2px 6px}.combat-screen__turn-label{font-size:8px}.combat-screen__coord-display{font-size:14px;min-width:auto;letter-spacing:2px}.combat-screen__credits{font-size:9px}.combat-screen__store-btn,.combat-screen__mute-btn{min-height:32px;min-width:32px;padding:4px 8px;font-size:7px}.combat-screen__top-right{display:flex;align-items:center;gap:4px}.combat-screen__tab-strip{position:absolute;top:30px;left:0;right:0;z-index:10;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--mobile-gap);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(to bottom,rgba(10,10,10,.85) 0%,transparent 100%);scrollbar-width:none;pointer-events:auto}.combat-screen__tab-strip::-webkit-scrollbar{display:none}.combat-screen__tab-strip .combat-screen__board-toggle,.combat-screen__tab-strip .action-slots{position:static;display:flex;gap:var(--mobile-gap);flex-shrink:0}.combat-screen__toggle-btn{min-height:var(--mobile-tap-sm);padding:6px 12px;font-size:8px;flex-shrink:0}.action-slots__slot{min-height:var(--mobile-tap-sm);padding:6px 10px;font-size:7px;flex-shrink:0}.combat-screen__select-label{top:78px;font-size:7px}.combat-screen__end-turn{position:fixed;bottom:0;left:0;right:0;width:100%;min-height:var(--mobile-tap);font-size:12px;border-radius:0;border-left:none;border-right:none;border-bottom:none;z-index:10}.combat-screen__bottom-bar{bottom:var(--mobile-tap);padding:4px var(--spacing-sm)}.combat-screen__stat-value{font-size:11px}.combat-screen__stat-label{font-size:5px}.combat-screen__right-stack{position:absolute;inset:auto 0 72px;flex-direction:column;align-items:stretch;gap:4px;padding:0 var(--spacing-sm)}.combat-screen__fleet-panel{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:0 16px;pointer-events:none}.combat-screen__fleet-panel>.combat-screen__fleet-title:first-child{grid-column:1}.combat-screen__fleet-panel>.combat-screen__friendly-fleet{grid-column:1}.combat-screen__fleet-panel>.combat-screen__fleet-title:nth-of-type(2){grid-column:2;grid-row:1}.combat-screen__fleet-panel>.combat-screen__enemy-fleet{grid-column:2;grid-row:2}.combat-screen__fleet-title{text-align:left;font-size:8px;color:var(--crt-amber)}.combat-screen__fleet-entry{justify-content:flex-start;font-size:8px;gap:4px;padding:1px 0}.combat-screen__pip{width:8px;height:6px}.combat-screen__fleet-separator{display:none}.combat-screen .tool-palette{inset:auto 0 178px;transform:none;padding:2px var(--spacing-sm);border-left:none;border-right:none}.combat-screen .tool-palette__row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:3px;padding:2px 0}.combat-screen .tool-palette__row::-webkit-scrollbar{display:none}.combat-screen .tool-palette__btn{min-height:30px;min-width:30px;padding:4px 8px;font-size:7px;flex-shrink:0}.combat-screen .tool-palette__label{font-size:6px;min-width:28px}.combat-screen__status{top:auto;bottom:265px;font-size:9px;white-space:normal;max-width:90vw}.combat-screen__hint{display:none}.perk-store{inset:0;width:100%;border-radius:0}.perk-store__close{min-height:var(--mobile-tap);min-width:var(--mobile-tap);padding:8px 12px;font-size:12px}.perk-store__buy-btn{min-height:var(--mobile-tap-sm);padding:6px 12px;font-size:9px}.perk-store__desc{font-size:11px}.inventory-tray{inset:94px 0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 var(--spacing-sm);scrollbar-width:none}.inventory-tray::-webkit-scrollbar{display:none}.inventory-tray__item{min-height:var(--mobile-tap-sm);padding:4px 10px;flex-shrink:0}.inventory-tray__item-name{font-size:6px}.notification-banner{top:20%}.notification-banner__message{font-size:.8rem;padding:10px 16px;max-width:90vw;white-space:normal;text-align:center}.notification-banner__message--sunk{font-size:1rem}.combat-screen__ai-thinking{font-size:11px;letter-spacing:2px}.login-screen{gap:var(--spacing-md);padding:0 var(--spacing-md)}.login-screen__title{font-size:28px;letter-spacing:4px}.login-screen__subtitle{font-size:10px;letter-spacing:2px}.login-screen__label{font-size:8px;letter-spacing:2px}.login-screen__provider-btn{min-width:auto;width:100%;max-width:320px;min-height:var(--mobile-tap);font-size:10px}}