:root{color-scheme:dark;--ink:#091f28;--panel:#0d2630;--edge:#bbcbbe25;--cream:#eee8d3;--muted:#a5b7b3;--gold:#dabd7b;--blue:#79c7d2;--red:#ea9a7e;font-family:DM,'Trebuchet MS',sans-serif;background:var(--ink);color:var(--cream)}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button,select{color:inherit}a{color:inherit;text-underline-offset:4px}button{border:1px solid var(--edge);background:transparent;cursor:pointer}button:hover{background:#e4ce9c13;border-color:#d2ba7b99}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button[hidden],[hidden]{display:none!important}select{background:#102f3a;border:1px solid #536b6e;border-radius:3px;max-width:100%}button{border-radius:3px;min-height:40px}p{line-height:1.65}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}.eyebrow{font:10px/1.6 'Courier New',monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:12px;z-index:20;padding:12px;background:var(--cream);color:var(--ink)}.skip:focus{top:12px}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;border-bottom:1px solid var(--edge)}.lab-link{font:10px 'Courier New',monospace;letter-spacing:1px;text-decoration:none}.lab-link span{display:block;color:var(--muted);margin-top:7px;font-size:9px}.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none}.wordmark>svg{width:38px;height:42px;stroke:var(--gold);stroke-width:1;fill:none}.wordmark>span{font:33px/1 Georgia,serif;letter-spacing:4px}.wordmark small{display:block;font:8px 'Courier New',monospace;letter-spacing:2px;margin-top:9px;color:var(--muted)}#about-button{font-size:11px;padding:0 12px;border-color:transparent}#about-button span{margin-left:12px;color:var(--gold)}
.battle-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--edge);padding:14px 32px}.collection-label>span{display:block}.collection-label>span+span{font:14px Georgia,serif;color:var(--cream);margin-top:4px}.battle-tabs{display:flex;gap:5px}.battle-tabs button{padding:9px 17px;border-color:transparent;display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.battle-tabs button span{font:11px 'Courier New',monospace;color:var(--gold)}.battle-tabs button[aria-pressed=true]{background:#d5ba7c15;border-color:#d5ba7c65;color:var(--cream)}
.atlas{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:2000px;margin:auto}.chart-column{min-width:0}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:28px 32px 22px;background:linear-gradient(110deg,#102e38,#0b242e)}h1{font:52px/.98 Georgia,serif;margin-top:8px;letter-spacing:-1.5px}#battle-takeaway{font:italic 17px Georgia,serif;color:#cccfbd;margin-top:11px}.view-switch{display:flex;gap:0;padding-top:4px}.view-switch button{font-size:10px;padding:0 12px;min-height:33px;border-radius:0}.view-switch button[aria-pressed=true]{background:var(--cream);border-color:var(--cream);color:var(--ink)}.chart{position:relative;background:radial-gradient(ellipse at center,#215964,#102d38);overflow:hidden;isolation:isolate;height:clamp(420px,42vw,680px);perspective:1100px;touch-action:pan-y}.chart-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #061c2b80;z-index:1}#sea{display:block;width:100%;height:100%;cursor:grab;transform-origin:50% 50%;transition:transform .65s ease;overflow:visible}#sea.dragging{cursor:grabbing}.chart.atmosphere #sea{transform:rotateX(25deg) scale(1.16)}.sea-label{font:italic 20px Georgia,serif;letter-spacing:9px;fill:#d8e8d0;opacity:.13;pointer-events:none}.wind-key{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:10px;max-width:190px;pointer-events:none;color:#d0ddcc}.wind-key svg{width:42px;height:42px;flex-shrink:0;stroke:var(--gold);fill:none;stroke-width:1}.wind-key span{font:9px/1.6 'Courier New',monospace;letter-spacing:.6px}.map-tools{position:absolute;right:18px;bottom:54px;display:flex;flex-direction:column;gap:3px}.map-tools button{background:#0a2432e8;width:40px;font-size:23px;min-height:40px;border-color:#bdc9b744}.map-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:14px 22px;background:linear-gradient(transparent,#061e2bb5);font:9px 'Courier New',monospace;letter-spacing:1px;pointer-events:none}.map-caption span:first-child{color:var(--gold)}.start-hint{position:absolute;bottom:57px;left:22px;font:11px/1.7 DM,'Trebuchet MS',sans-serif;background:#0a2632d9;border-left:2px solid var(--gold);padding:9px 14px;max-width:230px;pointer-events:none}.start-hint strong{font-weight:400;display:block;color:var(--muted)}
.ship{cursor:pointer;outline:none}.ship .hitbox{fill:transparent;stroke:none}.ship .selection{fill:none;stroke:var(--gold);stroke-width:1.5;opacity:0}.ship.selected .selection,.ship:focus-visible .selection{opacity:1}.ship.highlighted .selection{opacity:.8;stroke-dasharray:3 4;stroke:var(--gold)}.ship:hover .selection{opacity:.65}.ship .side-marker{stroke-width:2;fill:var(--blue)}.ship.enemy .side-marker{fill:var(--red)}.ship .ship-label{font:9px DM,'Trebuchet MS',sans-serif;fill:#f4efd9;paint-order:stroke;stroke:#0a2934;stroke-width:4;stroke-linejoin:round;text-anchor:middle;pointer-events:none}.ship .marker-label{fill:#b6d0cd;font-size:8px}.ship .wake{fill:none;stroke:#dceacb;stroke-width:.7;opacity:.22}.chart.playing .wake{stroke-dasharray:5 8;animation:wake-flow 4s linear infinite}.ship .vessel{filter:url(#shadow)}.course{fill:none;stroke:var(--blue);stroke-width:1.4;stroke-dasharray:4 6;opacity:.52;stroke-linecap:round}.course.enemy{stroke:var(--red)}.course.focus-course{opacity:.95;stroke-width:2.3}.sector{fill:#f0deb01a;stroke:#ead4a1;stroke-width:.7;stroke-opacity:.55}.gun-smoke{fill:#e8e7d2;opacity:.14;pointer-events:none}.ship.highlighted .side-marker{stroke:#e9d4a1;stroke-width:1}
.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--edge);background:#102d38}.legend{display:flex;gap:15px;flex-wrap:wrap}.legend span{font-size:10px;display:flex;gap:7px;align-items:center}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue)}.legend span+span i{background:var(--red)}.layer-controls{display:flex;gap:5px;flex-wrap:wrap}.layer-controls button{font-size:9px;padding:0 9px;min-height:32px;color:var(--muted);border-color:transparent}.layer-controls button:before{content:'○';margin-right:5px}.layer-controls button[aria-pressed=true]{color:var(--cream);background:#d9c48b10;border-color:#d9c48b40}.layer-controls button[aria-pressed=true]:before{content:'●';color:var(--gold)}
.playback{padding:14px 22px 16px;background:#0a212d;border-bottom:1px solid var(--edge)}.playback-top{display:flex;align-items:center;gap:13px}.playback-top button{border-color:transparent;min-width:32px}.playback-top .play{border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:19px;width:43px;height:43px}.speed-label{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}#speed{padding:5px}.playback-top>.eyebrow{font-size:8px;letter-spacing:.8px}.playback-top .share{margin-left:auto;font-size:10px;color:var(--gold);padding:6px}input[type=range]{display:block;appearance:none;width:100%;height:24px;cursor:pointer;background:transparent;margin:13px 0 0}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--gold) var(--progress,0%),#566e70 var(--progress,0%))}input[type=range]::-moz-range-track{height:3px;background:#566e70}input[type=range]::-moz-range-progress{height:3px;background:var(--gold)}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--cream);border:2px solid var(--gold);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--cream);border:2px solid var(--gold);border-radius:50%}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.chapters button{position:relative;border-color:transparent;text-align:center;padding:8px 2px;font:italic 12px Georgia,serif;color:var(--muted);min-height:40px}.chapters button span{display:block;font:8px 'Courier New',monospace;color:#8fa5a2;margin-bottom:4px}.chapters button[aria-pressed=true]{color:var(--gold);background:#c5b5810b;border-bottom-color:var(--gold)}.share-status{font-size:11px;color:var(--gold);overflow-wrap:anywhere}.share-status:not(:empty){padding:10px 0 0}
.inspector{border-left:1px solid var(--edge);background:var(--panel);padding:25px 24px;min-width:0}.inspector-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:19px}.inspector-heading .eyebrow{font-size:8px;letter-spacing:1px}.little-star{font-size:25px;color:var(--gold)}.moment{padding-top:25px;min-height:260px}.moment h2{font:32px/1.13 Georgia,serif;margin:9px 0 15px;letter-spacing:-.6px}.moment>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#c5d0c6}.source-link{display:inline-block;font:9px 'Courier New',monospace;color:var(--gold);text-decoration:none;border-bottom:1px solid #d5b77350;padding-bottom:3px;margin-top:14px}#return-story{display:block;font-size:10px;margin-top:12px;padding:0 9px}.ship-detail{padding:24px 0;border-top:1px solid var(--edge);margin-top:24px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:13px}.section-line h2{font:18px Georgia,serif}.section-line>span{font:8px 'Courier New',monospace;color:var(--muted);letter-spacing:.5px}#ship-select{width:100%;padding:10px 8px;font-size:11px;min-height:42px}.vessel-detail{display:flex;gap:12px;align-items:center;margin:14px 0}.vessel-detail>svg{width:52px;height:70px;flex-shrink:0;background:#173b46;border-radius:30px;border:1px solid #476160}.vessel-detail h3{font:20px Georgia,serif;margin:4px 0}.vessel-detail .eyebrow{font-size:8px;letter-spacing:.7px}.vessel-detail span{font-size:10px;color:var(--gold)}#ship-role{font-size:11px;color:#c1cdc2}#ship-marker{font:9px/1.65 'Courier New',monospace;color:var(--muted);margin-top:10px}.questions{border-top:1px solid var(--edge);padding-top:22px}.questions>p{font-size:11px;color:var(--muted);margin-bottom:15px}.questions button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;border-width:0 0 1px;border-radius:0;padding:13px 0;font-size:11px;line-height:1.5;min-height:47px}.questions button:after{content:'↗';color:var(--gold)}.questions button[aria-pressed=true]{color:var(--gold)}.method-link{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:25px}
.sources,.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px max(32px,6vw);border-top:1px solid var(--edge);max-width:2000px;margin:auto}.sources h2,.about h2{font:36px/1.2 Georgia,serif;margin:16px 0 20px}.sources h2 em,.about h2 em{color:var(--gold)}.sources p,.about p{font-size:13px;color:#b9c8bd;max-width:470px}.about p+p{margin-top:16px}.sources details{border:1px solid var(--edge);padding:16px 18px}.sources summary{font-size:12px;cursor:pointer;color:var(--gold);line-height:1.6}.sources details p{margin-top:16px;font-size:11px}.sources h3{font:18px Georgia,serif;margin:24px 0 15px}.sources ol{padding:0 0 0 20px;color:var(--gold);font:11px 'Courier New',monospace}.sources li{padding-left:6px;margin-bottom:17px}.sources li a{font:12px/1.6 DM,'Trebuchet MS',sans-serif;color:var(--cream)}.sources li p{font-size:10px;margin-top:6px;color:var(--muted)}footer{padding:24px 32px;border-top:1px solid var(--edge);display:flex;gap:20px;justify-content:space-between;align-items:center}footer a{font-size:10px}footer span{font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}.no-script{position:fixed;inset:20%;padding:30px;background:var(--panel);border:1px solid var(--gold);line-height:1.8;z-index:30}
@media(min-width:801px){.masthead{padding-top:15px;padding-bottom:15px}.battle-bar{padding-top:10px;padding-bottom:10px}.chart-column{position:relative}.chart-header{position:absolute;top:0;left:0;right:0;z-index:2;pointer-events:none;background:linear-gradient(#08222dcc,transparent);padding:24px 28px 32px}.chart-header h1,.chart-header p{text-shadow:0 2px 15px #00131e}.view-switch{pointer-events:auto;flex-direction:row}.chart{height:clamp(340px,calc(100svh - 350px),650px)}.wind-key{top:auto;bottom:54px;left:24px;max-width:200px}.start-hint{left:24px;bottom:115px}.inspector-heading{padding-bottom:14px}.inspector{padding-top:22px}.moment{padding-top:18px;min-height:230px}.moment h2{font-size:30px}.ship-detail{margin-top:15px;padding-top:18px}.chart-toolbar{padding-top:9px;padding-bottom:9px}.playback{padding-top:10px;padding-bottom:11px}}
@keyframes wake-flow{to{stroke-dashoffset:-52}}@media(min-width:1600px){.atlas{grid-template-columns:minmax(0,1fr) 360px}.inspector{padding:30px}.moment h2{font-size:37px}.moment>p:not(.eyebrow){font-size:14px}.ship-detail{margin-top:30px}}
@media(max-width:1100px){.masthead{padding:20px}.battle-bar{padding:14px 20px}.collection-label>span+span{display:none}.battle-tabs button{padding:9px 10px}.atlas{grid-template-columns:minmax(0,1fr) 290px}.chart-header{padding:24px 22px}h1{font-size:46px}.view-switch{flex-direction:column}.chart-toolbar{align-items:flex-start;flex-direction:column}.chart{height:480px}.inspector{padding:22px 19px}.playback-top>.eyebrow{display:none}.moment h2{font-size:29px}.wind-key{max-width:155px}.sources{gap:5%}}
@media(max-width:800px){.masthead{padding:16px}.wordmark>span{font-size:28px;letter-spacing:2px}.wordmark small{font-size:7px;letter-spacing:1.2px}.wordmark>svg{width:28px}.lab-link{font-size:8px}.lab-link span{font-size:7px}#about-button{font-size:9px;padding:0 4px}.battle-bar{display:block;padding:13px 16px}.collection-label{margin-bottom:8px}.battle-tabs{width:100%;justify-content:space-between}.battle-tabs button{flex-direction:column;gap:3px;padding:8px 12px;font-size:11px;flex:1}.atlas{grid-template-columns:minmax(0,1fr)}.chart-header{padding:24px 22px}.view-switch{flex-direction:row}.chart{height:490px}.chart-toolbar{flex-direction:row;align-items:center}.inspector{border-left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:35px;padding:25px 24px}.inspector-heading{grid-column:1/-1}.moment{min-height:0;padding-top:20px}.ship-detail{margin-top:20px;padding:0 0 20px;border-top:0;grid-column:2;grid-row:2/4}.questions{grid-column:1/-1}.method-link{grid-column:1/-1}.playback-top>.eyebrow{display:inline}.sources,.about{padding:42px 24px;gap:30px}.sources h2,.about h2{font-size:30px}}
@media(max-width:520px){.masthead{gap:7px}.lab-link{max-width:80px;line-height:1.5}.lab-link span{display:none}.wordmark{gap:6px}.wordmark>span{font-size:23px}.wordmark small{font-size:6px;letter-spacing:.7px}.wordmark>svg{width:23px}#about-button{max-width:62px;line-height:1.5;font-size:9px}#about-button span{display:none}.battle-tabs button{padding:8px 5px;font-size:10px}.collection-label .eyebrow{font-size:8px}.chart-header{padding:20px 16px}.chart-header .eyebrow{font-size:8px;letter-spacing:.7px;max-width:220px}h1{font-size:43px}#battle-takeaway{font-size:14px;line-height:1.4;max-width:230px}.view-switch{flex-direction:column;gap:2px}.view-switch button{min-height:32px;font-size:9px;padding:0 7px}.chart{height:365px}#sea{min-width:100%}.wind-key{left:12px;top:12px;max-width:135px;gap:6px}.wind-key svg{width:32px;height:32px}.wind-key span{font-size:8px}.start-hint{left:12px;bottom:47px;font-size:9px;max-width:180px;padding:6px 10px}.map-tools{right:10px;bottom:45px}.map-tools button{width:36px;min-height:36px}.map-caption{padding:12px;font-size:7px;letter-spacing:.6px}.chart-toolbar{display:block;padding:12px}.legend{gap:14px;margin-bottom:11px}.legend span{font-size:9px}.layer-controls{justify-content:space-between;gap:2px}.layer-controls button{font-size:8px;padding:0 6px;min-height:36px}.playback{padding:13px 12px}.playback-top{gap:7px}.playback-top .play{width:39px;height:39px;min-width:39px}.playback-top>.eyebrow{display:none}.playback-top .share{font-size:9px}.speed-label{font-size:9px;gap:4px}.chapters button{font-size:10px;min-height:45px}.chapters button span{font-size:7px}.inspector{display:block;padding:22px 20px}.moment h2{font-size:31px;max-width:310px}.moment>p:not(.eyebrow){font-size:13px}.ship-detail{border-top:1px solid var(--edge);margin-top:24px;padding-top:22px}.ship-detail .vessel-detail{margin-bottom:12px}#ship-role{font-size:12px}.questions button{font-size:12px}.sources,.about{grid-template-columns:1fr;padding:35px 20px;gap:25px}.sources h2,.about h2{font-size:31px}.sources p,.about p{font-size:12px}footer{padding:20px;flex-wrap:wrap;gap:17px}footer span{order:3;width:100%;font-size:8px}.no-script{inset:10%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.weapon-note{padding:8px 22px;background:#193742;border-bottom:1px solid var(--edge);font-size:10px;color:var(--gold)}.questions{padding-bottom:20px;margin-top:20px}.ship-detail{border-top:1px solid var(--edge)}

.ship-chip{position:absolute;left:22px;bottom:110px;max-width:calc(100% - 90px);background:#09232ef0;border:1px solid #bca36c66;border-radius:3px;color:var(--gold);font-size:10px;line-height:1.5;padding:10px 12px;text-decoration:none;min-height:40px}.back-to-chart{display:none}@media(max-width:800px){.back-to-chart{display:block;font:10px 'Courier New',monospace;color:var(--gold)}.inspector-heading .little-star{display:none}.ship-chip{left:12px;bottom:96px;max-width:220px;font-size:9px}}
/* Dimensional sea: the original SVG remains the keyboard-accessible fallback. */
.ocean-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;z-index:0}.dimensional #sea{position:absolute;inset:0;opacity:0;pointer-events:none;transform:none!important}.scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.scene-ship-label{position:absolute;transform:translate(-50%,10px);color:#f4f0de;font:10px/1.4 'Trebuchet MS',sans-serif;white-space:nowrap;text-shadow:0 1px 4px #001a22,0 1px 9px #001a22;background:#0a263342;border-radius:2px;padding:2px 4px}.scene-ship-label.selected{color:#fff0c8;border-bottom:1px solid #dfca92;background:#0a263375}.dimensional .chart-vignette{box-shadow:inset 0 0 100px #061c2b55;z-index:2}.wind-key,.map-caption,.map-tools,.ship-chip,.start-hint{z-index:3}.scene-status{font-size:11px;color:var(--gold);background:#102d38}.scene-status:not(:empty){padding:12px 22px;border-bottom:1px solid var(--edge)}.layer-controls #classic-chart{border-left:1px solid var(--edge);margin-left:5px;padding-left:12px}.chart-header{z-index:4!important}.chart.dimensions{perspective:none}@media(min-width:801px){.atlas{grid-template-columns:minmax(0,1fr) 340px}.chart{height:clamp(490px,65svh,760px)}.chart-header{padding:25px 28px 35px;background:linear-gradient(#071e2bde,transparent)}.chart-header h1{font-size:54px}.inspector{background:linear-gradient(130deg,#102a35,#0a202c)}.moment h2{font-size:34px}.moment>p:not(.eyebrow){font-size:13px;line-height:1.8}.chart-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.layer-controls button{font-size:10px;min-height:36px}.playback{border-top:1px solid #d6bf8138}}@media(max-width:800px){.chart{height:510px}.chart-header{background:#0d2934}.scene-ship-label{font-size:10px}.layer-controls{gap:3px}.layer-controls #classic-chart{margin-left:0;padding-left:7px}.chart-toolbar{display:block}.legend{margin-bottom:10px}}@media(max-width:520px){.chart{height:420px}.scene-ship-label{font-size:9px}.layer-controls{justify-content:flex-start}.layer-controls button{min-height:36px;font-size:9px}.layer-controls #classic-chart{margin-left:0}.chart-header h1{font-size:43px}}

.salvo-control{position:absolute;right:22px;top:82px;z-index:4;background:#102b36e8;border:1px solid #d8bb7977;color:var(--gold);font-size:10px;min-height:40px;padding:8px 12px}.salvo-control:hover{background:#33453be8}.shot-smoke{filter:blur(2px)}@media(max-width:800px){.salvo-control{top:16px;right:14px}}@media(max-width:520px){.salvo-control{font-size:9px;right:12px;min-height:36px;padding:7px 10px}}

.event-guide{padding:24px 0;border-bottom:1px solid var(--line)}.event-guide p{font-size:12px;line-height:1.7;opacity:.8}.event-guide a{font-size:11px;text-underline-offset:3px}.event-guide #event-list>div{padding:14px 0;border-top:1px solid #e7dfbb22}.event-guide button{padding:8px 0;text-align:left;font-family:inherit;background:none;color:inherit;border:0;cursor:pointer}.event-guide button[aria-pressed="true"]{color:#edcf88}.event-guide button:focus-visible{outline:2px solid #edcf88;outline-offset:3px}

.battle-picker{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.battle-picker select{min-height:44px;width:280px;padding:9px 14px;color:var(--cream)}.loss-key{position:absolute;right:22px;top:13px;font:9px 'Courier New',monospace;color:#efd2b6;background:#09232ec9;padding:6px 8px;border-radius:3px;pointer-events:none}.loss-cross{fill:none;stroke:#ffb69c;stroke-width:4;paint-order:stroke;filter:drop-shadow(0 1px 2px #071b24)}.ship-fate{padding:14px;margin:12px 0;border:1px solid #e7a58766;background:#a6553217}.ship-fate strong{color:#ffc0a3;font:12px 'Courier New',monospace}.ship-fate p{font-size:12px;line-height:1.6;margin:8px 0}.ship-fate a{font-size:11px}@media(max-width:800px){.battle-picker{width:100%;justify-content:space-between}.battle-picker select{width:min(75%,360px)}.loss-key{top:auto;bottom:78px;right:12px;font-size:8px}.event-guide{grid-column:1/-1}}

.loss-events{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border-top:1px solid var(--edge);padding-top:14px;margin-top:12px}.loss-events span{font:8px 'Courier New',monospace;color:var(--muted);letter-spacing:1px}.loss-events button{font-size:10px;min-height:38px;padding:7px 10px;color:#ffd0ba}

.loss-key{z-index:4}

#ship-damage{padding:12px 0;margin:10px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
#ship-damage button{min-height:38px;padding:7px 10px;color:var(--gold);font-size:11px}
#ship-damage p{font-size:12px;line-height:1.6;margin:8px 0}
#ship-damage a{font-size:11px}
#wreck-source:not([hidden]){display:block;margin-top:8px}