.card{position:relative;touch-action:pan-y;will-change:transform}.card.swiping{transition:none}.card.swipe-reset{transition:transform .25s cubic-bezier(.2,.9,.3,1.2)}.card.swipe-exit-left{transform:translateX(-130vw) rotate(-18deg)!important;transition:transform .23s ease-in}.card.swipe-exit-right{transform:translateX(130vw) rotate(18deg)!important;transition:transform .23s ease-in}.swipe-stamp{position:absolute;z-index:4;top:22px;padding:7px 10px;border:3px solid;border-radius:9px;font-weight:900;letter-spacing:.08em;opacity:0;pointer-events:none;text-shadow:0 2px 5px #000}.swipe-left{right:18px;color:#e4b961;border-color:#e4b961;transform:rotate(8deg);opacity:var(--left-opacity,0)}.swipe-right{left:18px;color:#ff776d;border-color:#ff776d;transform:rotate(-8deg);opacity:var(--right-opacity,0)}.fx-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.fx-layer.flash{animation:fx-flash .35s ease-out}.fx-ring,.fx-spark,.fx-smoke{position:absolute;display:block;pointer-events:none}.fx-ring{width:16px;height:16px;border:4px solid #ffc45b;border-radius:50%;transform:translate(-50%,-50%);animation:fx-ring .65s ease-out forwards}.fx-spark{width:7px;height:3px;border-radius:5px;background:#ffd56d;box-shadow:0 0 10px #ff8c25;transform:translate(-50%,-50%);animation:fx-spark .7s var(--delay) cubic-bezier(.2,.8,.2,1) forwards}.fx-smoke{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#c7d0d5aa,#4f5b6277 45%,transparent 72%);transform:translate(-50%,-50%);animation:fx-smoke .95s var(--delay) ease-out forwards}.fx-layer.victory .fx-ring{border-color:#ffd35d}.fx-layer.victory .fx-spark{background:#fff2a6;box-shadow:0 0 14px #ffb21c}.fx-layer.defeat .fx-ring{border-color:#ff665b}.fx-layer.defeat .fx-spark{background:#ff8a67;box-shadow:0 0 14px #e52d20}.danger-soft{background:#612f38;border-color:#994855;color:#ffdadd}.actions .danger-soft{grid-column:auto}.match-flags{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.division-check{display:flex;align-items:center;gap:8px;color:#9fb0bc}.division-check input{width:20px;height:20px;accent-color:#d7ad56}@keyframes fx-flash{0%{background:#fff0}12%{background:#ffd37a2b}100%{background:#fff0}}@keyframes fx-ring{to{width:420px;height:420px;opacity:0;border-width:1px}}@keyframes fx-spark{0%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(420deg);opacity:0}}@keyframes fx-smoke{0%{opacity:.85;scale:.45}100%{transform:translate(calc(-50% + var(--drift)),-140px);scale:2.1;opacity:0}}@media(prefers-reduced-motion:reduce){.fx-layer{display:none!important}}
.top3-select,.top3-check{display:flex;align-items:center;gap:10px;color:#9fb0bc;margin:14px 0}.top3-select select{flex:1;background:#102c3e;border:1px solid #1c3a4f;border-radius:12px;padding:10px;color:#fff}.top3-check input{width:20px;height:20px;accent-color:#d7ad56}.quick-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.quick-results button{font-size:20px;padding:18px}.quick-results .win{background:#287a57;border-color:#3f9b74}.quick-results .loss{background:#7e3941;border-color:#a6535d}.advanced-result{border-top:1px solid #1c3a4f;margin-top:18px;padding-top:12px}.advanced-result summary{cursor:pointer;color:#9fb0bc;padding:8px 0}.advanced-result>button{width:100%;margin:8px 0}.advanced-result hr{border:0;border-top:1px solid #1c3a4f;margin:20px 0}.snapshot-note{font-size:13px;color:#9fb0bc}
:root{color-scheme:dark;--bg:#071521;--panel:#0d2435;--gold:#d7ad56;--text:#f5f0e7;--muted:#9fb0bc;--line:#1c3a4f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-x:none}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 5%,#17415c 0,#071521 42%);color:var(--text);font:16px/1.4 system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}header{height:68px;display:flex;align-items:center;gap:10px;padding:env(safe-area-inset-top) 18px 0;max-width:650px;margin:auto}header h1{font:600 19px Georgia,serif;letter-spacing:.03em;flex:1}.mark{color:var(--gold)}button,input{font:inherit}.icon{border:0;background:transparent;color:var(--text);font-size:25px;padding:8px}main{max-width:650px;margin:auto;padding:12px 16px 36px}.card{overflow:hidden;background:linear-gradient(160deg,rgba(15,46,66,.98),rgba(7,23,35,.98));border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px #0008}.image-wrap{position:relative;aspect-ratio:1.85;background:#0a1b27}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.source{position:absolute;right:10px;top:10px;background:#071521cc;border:1px solid #ffffff22;border-radius:20px;padding:4px 8px;color:var(--muted);font-size:11px}.ship-copy{padding:20px 20px 10px}.eyebrow{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.ship-copy h2{font:700 clamp(32px,10vw,52px)/1 Georgia,serif;margin:7px 0 14px}.ship-copy p{min-height:46px;color:#d9e2e7;margin:0}.actions{padding:18px 20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}button{border:1px solid #31536a;border-radius:14px;background:#15364c;color:var(--text);padding:14px;font-weight:650}.primary{grid-column:1/-1;background:var(--gold);border-color:var(--gold);color:#11202a}.quiet{grid-column:1/-1;background:transparent;color:var(--muted);border:0;padding:8px}.hidden{display:none!important}.loading{display:grid;place-items:center;min-height:60dvh;color:var(--muted)}.radar{width:70px;height:70px;border:2px solid #31607b;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:#ffb6aa}dialog{border:1px solid var(--line);border-radius:22px;background:#091a27;color:var(--text);width:min(94vw,650px);height:min(88dvh,820px);padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.dialog-head div{flex:1}.dialog-head h2,.dialog-head p{margin:0}.dialog-head p{color:var(--muted);font-size:13px}.tools{display:flex;gap:8px;padding:12px;position:sticky;top:0;background:#091a27}.tools input{min-width:0;flex:1;background:#102c3e;border:1px solid var(--line);border-radius:12px;padding:12px;color:#fff}.tools button{padding:10px;font-size:12px}.ship-list{padding:0 12px 20px}.ship-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.ship-row small{display:block;color:var(--muted)}.toggle{padding:7px 10px;border-radius:20px;font-size:12px}.toggle.on{border-color:var(--gold);color:var(--gold)}@media(min-width:700px){main{padding-top:28px}}@media(max-height:760px){header{height:56px}.image-wrap{aspect-ratio:2.25}.ship-copy{padding:14px 18px 6px}.ship-copy h2{font-size:36px;margin:5px 0 9px}.ship-copy p{min-height:38px}.actions{padding:12px 18px 16px;gap:8px}.actions button{padding:11px}.quiet{padding:5px!important}}.result-panel{background:linear-gradient(160deg,#0f2e42,#071723);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 20px 60px #0008}.result-head{display:flex;flex-direction:column;color:var(--muted)}.result-head strong{font:700 31px Georgia,serif;color:var(--text);margin-top:3px}.counters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.counters label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.counters input{width:100%;background:#102c3e;border:1px solid var(--line);border-radius:14px;padding:14px;color:#fff;font-size:24px;text-align:center}.result-actions{display:grid;gap:8px}.result-actions .primary{grid-column:auto}.manual-btn{width:100%;margin-top:12px;background:transparent;border-color:var(--line);color:var(--gold)}.manual-pick{cursor:pointer}.ship-row .pick-name{border:0;background:transparent;text-align:left;padding:0;color:inherit}.unowned-note{color:#ffcb83;font-size:13px;margin:10px 0 0}.favorite-inline{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted)}.stats-dialog{overflow-y:auto}.period-tabs{display:flex;gap:6px;padding:12px;overflow-x:auto;position:sticky;top:0;z-index:2;background:#091a27;border-bottom:1px solid var(--line)}.period-tabs button{white-space:nowrap;padding:9px 12px;font-size:12px}.period-tabs button.on{background:var(--gold);border-color:var(--gold);color:#11202a}.stats-content{padding:14px}.stats-loading,.stats-empty{min-height:45dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);text-align:center;padding:24px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.kpi,.trend-card,.stats-section{background:#0d2637;border:1px solid var(--line);border-radius:17px}.kpi{padding:14px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi strong{display:block;font:700 27px Georgia,serif;margin-top:3px}.trend-card{margin-top:10px;padding:15px}.trend-card strong{font-size:19px}.trend-card p{margin:4px 0 0;color:var(--muted);font-size:13px}.positive{color:#72d6a1}.negative{color:#ff9787}.neutral{color:var(--muted)}.stats-section{padding:15px;margin-top:10px}.stats-section h3{margin:0 0 13px;font:600 17px Georgia,serif}.section-metric{display:block;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:-8px 0 12px}.daily-chart{height:135px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--line)}.day-bar{flex:1;min-width:2px;background:linear-gradient(var(--gold),#6b562c);border-radius:4px 4px 0 0;position:relative}.day-bar.zero{height:2px!important;background:var(--line)}.rank-row{padding:10px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-top{display:flex;align-items:center;gap:8px}.rank-top strong{flex:1}.rank-top span{font-weight:700}.rank-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:4px}.rank-track{height:4px;background:#081722;border-radius:5px;margin-top:7px;overflow:hidden}.rank-fill{height:100%;background:var(--gold);border-radius:5px}.sample-note{color:var(--muted);font-size:11px;margin-top:9px}