/* α sea's stylesheet is served verbatim as /alpha.css. Only match-specific layout is adapted here. */
#seaInfo{margin:0;padding:10px 12px;overflow-wrap:anywhere}#seaActions .it{white-space:normal;overflow-wrap:anywhere}#seaActions .it:disabled{opacity:.55}.sea-guide{margin:8px 0}
:root [hidden]{display:none!important}*{box-sizing:border-box}h1{font-size:20px;margin:0}h2,h3{margin:0 0 10px}.topbar{padding-right:0}.small{font-size:12px;color:var(--text-2);line-height:1.65}label{display:flex;flex-direction:column;gap:5px;font-size:13px;margin:8px 0}select,input{max-width:100%;width:100%}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions input{width:65px}.turnActions{margin-bottom:10px}.unit{border-bottom:1px solid var(--border);padding:10px 0;font-size:13px}.unit>img{width:32px;height:32px;float:left;margin:0 7px 6px 0;image-rendering:pixelated}.unit>span{display:block;font-size:12px;color:var(--text-2)}.unit>button{width:100%;margin-top:6px}.unit>button:not(:disabled){background:var(--accent-btn);color:white}.unit>button:disabled{background:#2a3b53;color:#cdd9e6}#catalog{clear:both}#clock{margin:4px 0}#sideLabel{max-width:260px}#message{color:var(--gold-soft);font-size:13px}#message:not(:empty){padding:8px 12px;background:var(--panel);border:1px solid var(--border);margin-bottom:8px;border-radius:8px}.scoreboard{display:flex;gap:8px;flex-wrap:wrap;width:100%}.scoreboard>div{flex:1;padding:7px 10px;background:var(--panel-2);border-radius:8px;font-size:14px}.scoreboard strong{color:#9fc0dd}.scoreboard strong.red{color:#ffb3ab}
#mapwrap{width:100%;height:488px;overflow:hidden;touch-action:none}#mapstage{height:480px;overflow:hidden}#mapstage #map{width:100%;height:100%;touch-action:none}#fleetlayer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.cell.fleet.submerged.subpeek17b60 img.til{opacity:1}#mapCoords{font-size:12px;margin-left:auto}.mapcrumb{flex-wrap:wrap}#mapZoom{z-index:5}#mapZoom select{width:66px;font-size:12px;padding:4px}#fleetLayerFilter17amx{z-index:5}.overview{display:flex;gap:10px;align-items:center;margin-top:9px}.overview>canvas{width:130px;flex:0 0 130px;height:auto;cursor:pointer;touch-action:manipulation}#selInfo{font:12px var(--font-ui);line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
#cellmenu .it{width:100%;border:0;border-radius:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}#cellmenu .it:disabled{cursor:default}#cellmenu .hd button.cm-name{font-size:13px;padding:3px 6px;background:#1a3856;border:1px solid #4b7296;text-align:left}#cellmenu .sub{font-size:12px;color:var(--text-2)}#cellmenu .cm-stack-detail{font-family:inherit}#cellmenu .cm-stack-list:empty{display:none}#cellmenu #moveChoice>p{padding:0 12px}#fleetCard .pictureButton{padding:0;background:none;border:0;align-self:center;flex:none}#fleetCard #fcName{padding:0;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer}#fleetCard .fill.unknown{background:#8794a5}#fleetCard .act button{white-space:nowrap}#fleet button{display:flex;align-items:center;gap:7px;width:100%;margin:5px 0;background:var(--panel-2);color:var(--text);text-align:left;font-size:12px;border:1px solid var(--border)}#fleet button.chosen{border-color:#d7b85d;color:#ffe8a5}#fleet img{width:32px;height:32px;image-rendering:pixelated}#fleet small{display:block;font-size:11px;color:var(--text-2)}#bases{display:grid;gap:8px}#bases button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-size:13px;text-align:left;line-height:1.6}#logs{max-height:350px;overflow:auto;font-size:12px;line-height:1.8}.trial-detail{position:fixed;z-index:251;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 24px));max-height:70dvh;overflow:auto;box-shadow:0 12px 40px #000b}.trial-detail h3{font-size:16px;margin:0}.trial-detail .actions{justify-content:space-between}.trial-detail span{display:inline-block;font-size:13px;margin:5px 10px 0 0}.trial-detail p{font-size:13px;line-height:1.7}#moveBar #moveText{flex:1 1 auto;min-width:0}details{margin-top:12px}summary{cursor:pointer}
@media(max-width:760px){body.mmode #message:not(:empty){position:fixed;top:7px;left:12px;right:12px;z-index:250;pointer-events:none;box-shadow:0 2px 14px #0008}body.mmode #mapwrap{height:100%;padding:0}body.mmode #mapstage{height:100%}body.mmode #mapPanel .mapwrap{overflow:hidden}body.mmode .overview{display:none}body.mmode #selInfo{display:none}body.mmode #mapCrumb{white-space:normal;gap:5px}body.mmode #mapCrumb strong{font-size:12px}body.mmode #mapCrumb .lnk{font-size:11px;padding:4px 6px;min-height:32px}body.mmode #mapZoom{right:8px;bottom:8px}body.mmode #mapZoom button{min-width:32px;min-height:36px;padding:4px;font-size:16px}body.mmode #mapZoom select{display:none}body.mmode #fleetLayerFilter17amx{left:8px;right:auto;top:8px}body.mmode #fleetLayerFilter17amx button{padding:5px 7px;font-size:11px}body.mmode #fleetCard .pictureButton{grid-row:1 / span 3;width:44px;height:44px}body.mmode #fleetCard .pictureButton .pic{width:44px;height:44px}body.mmode #fleetCard .act{grid-row:1 / span 3}body.mmode #fleetCard .act button{padding:5px 8px;font-size:11px;min-height:38px}body.mmode #fleetCard .nm{font-size:12px}body.mmode #fleetCard .st{font-size:11px}body.mmode #fleetCard .specs{font-size:11px}body.mmode #moveBar{flex-wrap:wrap;gap:5px}body.mmode #moveBar #moveText{font-size:12px;flex-basis:100%}body.mmode #moveBar button{min-height:40px;font-size:12px;padding:7px 10px}body.mmode #trialSheetContent{padding:0 8px 14px}body.mmode #trialSheetContent>section{display:block}body.mmode .msheet .mgrip{background:none;border:0;text-align:left;font-family:inherit}body.mmode .msheet .mgrip::after{display:none}body.mmode .settings input,body.mmode .settings select{font-size:16px;min-height:44px}body.mmode #mResBar{font-size:12px;gap:7px}body.mmode #mobileStats{gap:9px}body.mmode #trialNav button{min-height:44px}.trial-detail{top:46%;max-height:65dvh}}

.trial-retry17beo{position:fixed;z-index:270;left:50%;top:15%;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));max-height:70dvh;overflow:auto;box-shadow:0 10px 60px #000a;border:1px solid var(--gold-soft);padding:16px}.trial-retry17beo h3{font-size:17px}.trial-retry17beo p{line-height:1.7;font-size:13px}.trial-retry17beo button{min-height:44px}
.trial-lobby17beq{max-width:920px}.trial-lobby17beq .panel{margin-bottom:16px}.trial-lobby17beq p{line-height:1.7}.trial-lobby17beq h3{margin-top:22px}.trial-lobby17beq .actions button,.trial-lobby17beq .actions a{min-height:44px}#lobbyMessage17beq{color:var(--gold-soft);margin:10px 0}#trialAir17beq{margin-top:14px}#trialAir17beq button{min-height:44px}#trialResult17beq{margin-top:8px}

/* 17BER: stable tactical markers; only the selected unit needs an emphasis. */
#fleetlayer .cell.fleet{left:0;top:0;transition:none}
#fleetlayer .cell.fleet img.til{animation:none}
#fleetlayer .cell.fleet.selship img.til{filter:drop-shadow(0 0 3px #ffe6a5)}
.trial-hp17ber{position:absolute;z-index:5;left:10%;right:10%;bottom:0;height:4px;background:#071422;border:1px solid #06101c;border-radius:2px;overflow:hidden}
.trial-hp17ber>span{display:block;height:100%;background:#77dca8}.trial-hp17ber>span.low{background:#f4af6c}
.trial-unit-badge17ber{position:absolute;z-index:6;right:-2px;top:-3px;min-width:12px;height:12px;padding:0 2px;border-radius:3px;background:#10243d;color:#ffe8a5;font:9px/12px var(--font-ui);text-align:center}
.fl-war .trial-unit-badge17ber{color:#ffc0b2}
#mapPanel .overview>canvas{border:1px solid #45627d;border-radius:5px}
@media(prefers-reduced-motion:reduce){#fleetlayer .cell.fleet.selship img.til{animation:none}}

/* 17BEX: shared PC/mobile objective and result; no animation or extra polling. */
.trial-outcome17bex{margin:6px 0 9px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.trial-outcome17bex>strong{display:block;color:var(--gold-soft)}.trial-outcome17bex>p{margin:3px 0 0;font-size:11px;color:var(--text-2)}.trial-outcome17bex.finished{border-color:var(--gold-soft)}.trial-outcome17bex .lnk{display:inline-block;margin-top:4px;min-height:32px}
@media(max-width:760px){body.mmode .trial-outcome17bex{flex:0 0 auto;margin:4px 0 6px;padding:6px 8px;font-size:11px}body.mmode .trial-outcome17bex.finished{font-size:12px}}

.trial-player-help17bez{padding:10px;margin:8px 0 14px;border:1px solid var(--bd);border-radius:8px;background:var(--panel)}.trial-player-help17bez p{margin:6px 0}.trial-player-help17bez details{margin-top:8px}

/* 17BFP: shogi-style paired clocks; only numbers update once a second. */
.trial-clocks17bfp{flex:0 0 auto;margin:6px 0 8px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.trial-clock-pair17bfp{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trial-clock-card17bfp{min-width:0;padding:7px 10px;border:1px solid #45627d;border-radius:8px;background:var(--panel);display:grid;grid-template-columns:1fr auto;gap:2px 8px}.trial-clock-card17bfp.red{border-color:#815857}.trial-clock-name17bfp{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-2)}.trial-clock-card17bfp strong{font:700 30px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#aed1f2}.trial-clock-card17bfp.red strong{color:#ffbeb8}.trial-clock-state17bfp{font-size:11px;align-self:center;color:var(--text-2)}.trial-clock-card17bfp.running{background:#15354a;border-color:#89bedf}.trial-clock-card17bfp.red.running{background:#3b272f;border-color:#d99090}.trial-clock-card17bfp.low strong{color:#ffca80}.trial-clock-card17bfp progress{grid-column:1/-1;width:100%;height:4px;accent-color:#9ebedf}.trial-clock-card17bfp.red progress{accent-color:#d79391}#trialClockVote17bfp{display:block;margin:7px 0 0;width:100%;min-height:44px}.trial-mobile-clock17bfp{font:11px ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:760px){body.mmode .trial-clocks17bfp{margin:4px 0;padding:5px}body.mmode .trial-clock-card17bfp{padding:4px 6px;gap:1px 4px}body.mmode .trial-clock-card17bfp strong{font-size:23px}body.mmode .trial-clock-name17bfp,body.mmode .trial-clock-state17bfp{font-size:10px}body.mmode #mResBar{flex-wrap:wrap;row-gap:2px}body.mmode #trialMobileClock17bfp{flex-basis:100%;text-align:left}body.mmode #mResBar .mres-more{position:absolute;right:8px}body.mmode #trialClockVote17bfp{margin-top:5px;font-size:12px}}
