:root{--fl-ship: #1d6fa5;--fl-given: #12324d;--fl-water: #e4eef6;--fl-wave: #8db3d1;--fl-wave-given: #3d76a1;--fl-grid: #d3dae0;--fl-hd: 26px}html.dark{--fl-ship: #4f9fd8;--fl-given: #d6e5f2;--fl-water: #172a3d;--fl-wave: #3f6688;--fl-wave-given: #86b4d8;--fl-grid: #2a3446}.fl-main{gap:12px}.fl-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:700;color:var(--muted);font-size:.9rem;max-width:460px;width:100%;margin:0 auto}.fl-clock{font-size:1.25rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:3.2em}.fl-clock.late{color:var(--muted)}.fl-par{flex:1;text-align:center}.fl-hints{min-width:5em;text-align:right}.fl-hints.pop{animation:sh-pop .3s var(--ease-bounce);color:var(--warn)}.fl-fleet{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 9px;min-height:26px;align-items:center}.fl-mini{display:inline-flex;gap:1px}.fl-mini i{width:11px;height:11px;border:1.5px solid var(--fl-ship);background:transparent;transition:background .25s var(--ease),border-color .25s}.fl-mini i:first-child{border-radius:6px 2px 2px 6px}.fl-mini i:last-child{border-radius:2px 6px 6px 2px}.fl-mini i:only-child{border-radius:50%}.fl-mini.done i{background:var(--fl-ship)}.fl-mini.done{opacity:.55}.fl-mini.pop{animation:fl-mini-pop .45s var(--ease-bounce)}@keyframes fl-mini-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:none}}.fl-wrap{display:grid;grid-template-columns:var(--fl-hd) 1fr;grid-template-rows:var(--fl-hd) auto;gap:4px;width:100%;max-width:460px;margin:0 auto}.fl-counts{display:grid;gap:1px;padding:1px}.fl-top{grid-template-columns:repeat(var(--n),1fr)}.fl-side{grid-template-rows:repeat(var(--n),1fr)}.fl-count{display:grid;place-items:center;font-weight:800;font-size:clamp(.8rem,3.6vw,1rem);color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;transition:opacity .2s var(--ease),color .2s}.fl-count.met{opacity:.32}.fl-count.over{color:var(--bad);opacity:1;font-weight:900}.fl-count.shake{animation:sh-shake .4s}.fl-board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:1px;padding:1px;aspect-ratio:1;background:var(--fl-grid);border-radius:10px;touch-action:none}.fl-row{display:contents}.fl-cell{position:relative;background:var(--surface);min-width:0;min-height:0;transition:background .18s var(--ease)}.fl-row:first-child .fl-cell:first-child{border-top-left-radius:9px}.fl-row:first-child .fl-cell:last-child{border-top-right-radius:9px}.fl-row:last-child .fl-cell:first-child{border-bottom-left-radius:9px}.fl-row:last-child .fl-cell:last-child{border-bottom-right-radius:9px}.fl-cell:focus-visible{outline-offset:-3px;border-radius:4px;z-index:3}@media(hover:hover){.fl-cell:not(.given):not(.hinted):hover{background:var(--surface-2)}}.fl-cell.water{background:var(--fl-water)}.fl-seg{position:absolute;inset:15%;z-index:1;background:var(--fl-ship);opacity:0;transform:scale(.6);transition:opacity .15s var(--ease),transform .2s var(--ease-bounce),border-radius .2s var(--ease),inset .15s var(--ease);pointer-events:none}.fl-cell.ship .fl-seg{opacity:1;transform:none}.fl-cell.given .fl-seg,.fl-cell.hinted .fl-seg{background:var(--fl-given)}.fl-wave{position:absolute;inset:0;display:grid;place-items:center;color:var(--fl-wave);opacity:0;transform:scale(.6);transition:opacity .15s var(--ease),transform .2s var(--ease);pointer-events:none}.fl-wave svg{width:46%;height:auto}.fl-cell.water .fl-wave{opacity:1;transform:none}.fl-cell.water.given .fl-wave,.fl-cell.water.hinted .fl-wave{color:var(--fl-wave-given)}.fl-cell.hinted:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--warn);z-index:2}.fl-cell.pop .fl-seg,.fl-cell.pop .fl-wave{animation:fl-pop .24s var(--ease-bounce)}@keyframes fl-pop{0%{transform:scale(.7)}to{transform:none}}.fl-cell.nope{animation:fl-nope .3s}@keyframes fl-nope{0%,to{transform:none}30%{transform:translate(-2px)}70%{transform:translate(2px)}}.fl-cell.hint-flash{animation:fl-hint .9s var(--ease)}@keyframes fl-hint{0%{box-shadow:inset 0 0 0 3px var(--warn)}to{box-shadow:inset 0 0 0 3px transparent}}.fl-board.won{background:var(--fl-grid)}.fl-cell.sweep{animation:fl-sweep-cell .7s var(--ease) var(--d, 0ms) both}.fl-cell.sweep .fl-seg{animation:fl-sweep-seg .7s var(--ease-bounce) var(--d, 0ms) both}@keyframes fl-sweep-cell{0%{filter:none}35%{filter:brightness(1.12)}to{filter:none}}@keyframes fl-sweep-seg{0%{transform:none}35%{transform:scale(1.12) translateY(-2px)}to{transform:none}}.fl-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.fl-actions .sh-btn{padding:0 18px}.fl-actions .sh-btn svg{width:20px;height:20px}.fl-actions .sh-btn small{font-size:.78rem;font-weight:800;color:var(--muted)}.fl-actions .sh-btn:disabled{opacity:.4}.fl-end{text-align:center;display:grid;gap:10px;justify-items:center}.fl-stars{display:flex;justify-content:center;gap:6px;font-size:2rem;line-height:1;margin:4px 0 8px}.fl-stars span{color:var(--surface-3)}.fl-stars span.on{color:var(--warn);animation:sh-pop .4s var(--ease-bounce) both}.fl-stars span.on:nth-child(2){animation-delay:.12s}.fl-stars span.on:nth-child(3){animation-delay:.24s}.fl-trains{font-weight:800;color:var(--muted)}@media(max-width:380px){:root{--fl-hd: 22px}.fl-fleet{gap:6px 7px}.fl-mini i{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.fl-cell.sweep,.fl-cell.sweep .fl-seg{animation:none}}