.bs-board-wrap{position:relative}.bs-solved-overlay{background:color-mix(in srgb, var(--board-bg) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:12px;justify-content:center;align-items:center;padding:12px;animation:.18s ease-out bs-solved-in;display:flex;position:absolute;inset:0}.bs-solved-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:20px 24px;box-shadow:0 8px 30px #00000038}@keyframes bs-solved-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bs-board{-webkit-user-select:none;user-select:none;--bs-water-bg:#dcebf7;--bs-water-dot:#8fb4d6;gap:2px;display:grid}[data-theme=dark] .bs-board{--bs-water-bg:#223247;--bs-water-dot:#5b7fa3}.bs-corner{aspect-ratio:1}.bs-count{color:var(--text);place-items:center;min-width:1.4em;font-size:clamp(.7rem,3.2vw,1rem);font-weight:700;display:grid}.bs-count.done{color:#3f9d4f}.bs-count.over{color:var(--danger)}.bs-cell{aspect-ratio:1;background:var(--surface);border:1px solid var(--grid);cursor:pointer;border-radius:4px;place-items:center;padding:0;transition:background 80ms;display:grid}.bs-cell:hover:not(:disabled){background:var(--surface-2)}.bs-cell--locked{background:var(--surface-2);cursor:default}.bs-cell--water{background:var(--bs-water-bg)}.cell__ship{background:var(--text);box-sizing:border-box;border:2px solid #0000;border-radius:18%;width:84%;height:84%}.cell__ship--single{border-radius:50%}.cell__ship--middle{border-radius:12%;width:84%;height:84%}.cell__ship--left{border-radius:45% 12% 12% 45%}.cell__ship--right{border-radius:12% 45% 45% 12%}.cell__ship--top{border-radius:45% 45% 12% 12%}.cell__ship--bottom{border-radius:12% 12% 45% 45%}.cell__water{background:var(--bs-water-dot,#8fb4d6);opacity:.8;border-radius:50%;width:26%;height:26%}.bs-fleet{flex-wrap:wrap;justify-content:center;gap:12px;margin:4px 0 12px;display:flex}.bs-fleet__item{align-items:center;gap:5px;display:flex}.bs-fleet__item--done{opacity:.35}.bs-fleet__ship{gap:2px;display:inline-flex}.bs-fleet__seg{background:var(--text);box-sizing:border-box;border:1.5px solid #0000;border-radius:18%;width:14px;height:14px}.bs-fleet__seg--single{border-radius:50%}.bs-fleet__seg--middle{border-radius:12%}.bs-fleet__seg--left{border-radius:45% 12% 12% 45%}.bs-fleet__seg--right{border-radius:12% 45% 45% 12%}.bs-fleet__count{color:var(--text);font-size:.85rem}.bs-fleet__item--done .bs-fleet__count{color:#3f9d4f}.bs-fleet__item--over .bs-fleet__count{color:var(--danger)}.bs-tools{justify-content:center;gap:8px;margin:4px 0;display:flex}.bs-tool{align-items:center;gap:8px;display:inline-flex}.bs-tool--active{border-color:var(--accent,currentColor);box-shadow:inset 0 0 0 2px var(--accent,currentColor);font-weight:600}.bs-tool__icon{flex:none;width:14px;height:14px;position:static}.bs-tool .cell__water{opacity:1}.tt-board-wrap{position:relative}.tt-solved-overlay{background:color-mix(in srgb, var(--tt-board-bg) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:12px;justify-content:center;align-items:center;padding:12px;animation:.18s ease-out tt-solved-in;display:flex;position:absolute;inset:0}.tt-solved-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:20px 24px;box-shadow:0 8px 30px #00000038}@keyframes tt-solved-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tt-board{-webkit-user-select:none;user-select:none;--tt-board-bg:var(--surface-2);--tt-ballast:#d8c0a0;--tt-sleeper:#8a5a34;--tt-rail:#4a3826;--tt-bed:var(--tt-ballast);gap:2px;display:grid}[data-theme=dark] .tt-board{--tt-ballast:#6b5a45;--tt-sleeper:#b98a5a;--tt-rail:#e2cba6}.tt-corner{aspect-ratio:1}.tt-count{color:var(--text);place-items:center;min-width:1.4em;font-size:clamp(.7rem,3.2vw,1rem);font-weight:700;display:grid}.tt-count.done{color:#3f9d4f}.tt-count.over{color:var(--danger)}.tt-cell{aspect-ratio:1;background:var(--surface);border:1px solid var(--grid);cursor:pointer;border-radius:4px;place-items:center;padding:0;transition:background 80ms;display:grid;overflow:hidden}.tt-cell:hover:not(:disabled){background:var(--surface-2)}.tt-cell--locked{background:var(--surface-2);cursor:default}.tt-cell--track{background:color-mix(in srgb, var(--tt-ballast) 12%, var(--surface))}.tt-cell--locked.tt-cell--track{background:color-mix(in srgb, var(--tt-ballast) 22%, var(--surface-2))}.tt-cell--dragover:not(:disabled){background:color-mix(in srgb, var(--primary) 22%, var(--surface));outline:2px dashed var(--primary);outline-offset:-2px}.tt-track{width:100%;height:100%;display:block}.tt-track__bed{fill:none;stroke:var(--tt-ballast);stroke-width:32px;stroke-linecap:round;stroke-linejoin:round}.tt-track__sleeper{stroke:var(--tt-sleeper);stroke-width:5px;stroke-linecap:round}.tt-track__rail-outer{fill:none;stroke:var(--tt-rail);stroke-width:22px;stroke-linecap:round;stroke-linejoin:round}.tt-track__rail-inner{fill:none;stroke:var(--tt-ballast);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.tt-cross{opacity:.5;width:42%;height:42%;position:relative}.tt-cross:before,.tt-cross:after{content:"";background:var(--muted);border-radius:2px;width:100%;height:2px;position:absolute;top:50%;left:0}.tt-cross:before{transform:translateY(-50%)rotate(45deg)}.tt-cross:after{transform:translateY(-50%)rotate(-45deg)}.tt-palette{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.tt-palette__tile{background:var(--surface);border:1px solid var(--border);cursor:grab;--tt-ballast:#d8c0a0;--tt-sleeper:#8a5a34;--tt-rail:#4a3826;border-radius:8px;place-items:center;width:52px;height:52px;padding:4px;transition:border-color .1s,background .1s,transform 50ms;display:grid}[data-theme=dark] .tt-palette__tile{--tt-ballast:#6b5a45;--tt-sleeper:#b98a5a;--tt-rail:#e2cba6}.tt-palette__tile:hover{background:var(--surface-2)}.tt-palette__tile:active{cursor:grabbing;transform:scale(.96)}.tt-palette__tile--active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent)}.tt-palette__tile--cross{color:var(--text)}.tt-palette__tile--cross .tt-cross{opacity:.7;width:56%;height:56%}.kk-play{--kk-size:clamp(280px, calc(100dvh - 352px), min(92vw, 460px))}.kk-board-wrap{position:relative}.kk-board.board-frame{width:var(--kk-size,min(92vw, 460px));aspect-ratio:1;-webkit-user-select:none;user-select:none;--kk-clue-bg:#ccd3f1;--kk-clue-ink:#3e4779;--kk-clue-line:#8b96d2;--kk-met:#2a8a41;gap:2px;margin:8px auto;display:grid}[data-theme=dark] .kk-board.board-frame{--kk-clue-bg:#2f3557;--kk-clue-ink:#dfe4ff;--kk-clue-line:#ffffff4d;--kk-met:#7ddc8f}.kk-cell{aspect-ratio:1;border:none;border-radius:2px;place-items:center;padding:0;font-size:clamp(.9rem,5vw,1.6rem);font-weight:600;display:grid}.kk-cell--block{background:var(--kk-clue-bg)}.kk-cell--clue{background:var(--kk-clue-bg);overflow:hidden}.kk-clue{width:100%;height:100%;display:block}.kk-clue__slash{stroke:var(--kk-clue-line);stroke-width:1.5px}.kk-clue__num{fill:var(--kk-clue-ink);text-anchor:middle;font-size:38px;font-weight:700}.kk-clue__num--met{fill:var(--kk-met)}.kk-cell--fill{background:var(--surface);color:var(--text);cursor:pointer;transition:background 80ms}.kk-cell--fill:hover:not(:disabled){background:var(--surface-2)}.kk-cell--peer{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}.kk-cell--selected{background:color-mix(in srgb, var(--primary) 30%, var(--surface));box-shadow:inset 0 0 0 2px var(--primary)}.kk-cell--fill:disabled{cursor:default}.kk-pad{width:var(--kk-size,min(92vw, 460px));grid-template-columns:repeat(5,1fr);gap:8px;margin:8px auto 12px;display:grid}.kk-pad__key{background:var(--surface);height:clamp(40px,7dvh,60px);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;place-items:center;font-size:1.3rem;font-weight:600;transition:background .1s,transform 50ms;display:grid}.kk-pad__key:hover:not(:disabled){background:var(--surface-2)}.kk-pad__key:active:not(:disabled){transform:scale(.95)}.kk-pad__key:disabled{opacity:.5;cursor:default}.kk-pad__key--erase{font-size:1.1rem}.kk-notes{width:100%;height:100%;color:var(--muted,var(--text));grid-template:repeat(3,1fr)/repeat(3,1fr);padding:2px;font-size:clamp(.6rem,3vw,.95rem);font-weight:600;line-height:1;display:grid}.kk-notes>span{place-items:center;display:grid}.kk-pad--pencil .kk-pad__key:not(.kk-pad__key--erase){color:var(--primary);border-style:dashed;font-size:1rem}.btn.kk-notes-toggle--on{background:var(--primary);color:#fff;border-color:var(--primary)}.kk-solved-overlay{background:color-mix(in srgb, var(--surface-2) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:12px;justify-content:center;align-items:center;padding:12px;animation:.18s ease-out kk-solved-in;display:flex;position:absolute;inset:0}.kk-solved-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:20px 24px;box-shadow:0 8px 30px #00000038}@keyframes kk-solved-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:root{--bg:#efe5d0;--surface:#fbf6ea;--surface-2:#ece0c9;--text:#423a2b;--muted:#8a7d64;--primary:#cf7a52;--primary-ink:#fff8f0;--border:#e2d5bc;--board-bg:#fcf8ee;--grid:#e7dcc5;--box-invalid:#cf5a5a38;--box-invalid-stroke:#cf6b6b;--preview:#788caf38;--preview-stroke:#7d94b5;--danger:#cf6b6b}:root[data-theme=dark]{--bg:#12121e;--surface:#1c1c2e;--surface-2:#262640;--text:#ececf5;--muted:#9a9ab5;--primary:#6c8cff;--primary-ink:#0b1030;--border:#333350;--board-bg:#1c1c2e;--grid:#333350;--box-invalid:#ff5a6e3d;--box-invalid-stroke:#e05a6e;--preview:#6c8cff47;--preview-stroke:#6c8cff;--danger:#e05a6e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:560px;margin:0 auto;padding:16px}.app--loading{place-items:center;min-height:50vh;display:grid}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;transition:transform 50ms,background .15s,opacity .15s}.btn:hover{background:var(--surface)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-ink);border-color:#0000;width:100%}.btn--ghost{background:0 0;border-color:#0000}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--subtle{color:var(--muted);background:0 0;border-color:#0000;width:100%;margin-top:8px;padding:8px 12px;font-size:14px}.btn--subtle:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:16px}.card h2{margin:0 0 12px;font-size:16px}.card__head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card__head h2{margin:0}.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.tag--done{background:var(--box-complete,#bfe4c1);color:#2f6b3d}.calendar{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.calendar__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.calendar__title{font-size:15px;font-weight:700}.calendar__nav{width:36px;padding:6px 0;font-size:20px;line-height:1}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar__weekday{text-align:center;color:var(--muted);padding-bottom:2px;font-size:11px;font-weight:700}.calendar__cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex;position:relative}.calendar__cell:hover:not(:disabled){border-color:var(--primary)}.calendar__cell:disabled{opacity:.32;cursor:not-allowed}.calendar__cell--empty{cursor:default;background:0 0;border:none}.calendar__cell--today{border-color:var(--primary);border-width:2px}.calendar__cell--done{background:var(--box-complete,#bfe4c1);color:#2f6b3d;border-color:#78bc84}.calendar__check{font-size:9px;font-weight:800;position:absolute;bottom:1px;right:3px}.muted{color:var(--muted);font-size:14px}.home__header{text-align:center;margin:12px 0 24px}.home__title{letter-spacing:-1px;margin:0;font-size:40px}.home__subtitle{color:var(--muted);margin:4px 0 0}.home__quickstats{justify-content:space-around;margin:8px 0 24px;display:flex}.home__nav{gap:12px;display:flex}.home__nav .btn{flex:1}.difficulty-picker{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{appearance:none;border:1px solid var(--border);background:var(--surface-2);min-width:64px;color:var(--text);cursor:pointer;border-radius:999px;flex:1;padding:8px 10px;font-weight:600}.chip--active{background:var(--primary);color:var(--primary-ink);border-color:#0000}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat__value{font-size:24px;font-weight:800}.stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.play__meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.badge--warn{color:var(--danger)}.badge--review{background:var(--box-complete,#bfe4c1);color:#2f6b3d;border-color:#78bc84}.play__review-note{text-align:center;margin-bottom:12px}.play__board-wrap{justify-content:center;margin-bottom:14px;display:flex}.play__controls{gap:10px;margin-bottom:12px;display:flex}.play__controls .btn{flex:1}.board-frame{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:8px}.play__board-wrap .board-frame{width:100%;max-width:396px;margin:0}.play__hint{text-align:center;margin:4px 0 0;font-size:.85rem;line-height:1.4}.board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:380px;height:auto}.board__bg{fill:var(--board-bg)}.board__grid{stroke:var(--grid);stroke-width:1px}.board__box{stroke-width:2.5px;transition:fill-opacity .15s}.board__box--complete{stroke-width:3px}.board__box--partial{stroke-dasharray:6 4}.board__box--invalid{fill:var(--box-invalid);stroke:var(--box-invalid-stroke)}.board__preview{fill:var(--preview);stroke:var(--preview-stroke);stroke-width:2.5px;stroke-dasharray:5 4}.board__preview-total{fill:var(--text);font-variant-numeric:tabular-nums;pointer-events:none;paint-order:stroke;stroke:var(--board-bg);stroke-width:4px;stroke-linejoin:round;font-size:22px;font-weight:800}.board__clue-bg{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.board__clue--done .board__clue-text{fill:#fff}.board__clue-text{fill:var(--text);font-size:18px;font-weight:800}.overlay{z-index:10;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay__card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;width:100%;max-width:360px;padding:24px}.overlay__card h2{margin:0 0 16px;font-size:26px}.overlay__stats{justify-content:space-around;margin-bottom:20px;display:flex}.overlay__actions{flex-direction:column;gap:10px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-grid .card{margin:0;padding:14px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.table th{color:var(--muted);font-size:12px;font-weight:600}.history{margin:0;padding:0;list-style:none}.history__row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.history__score{margin-left:auto;font-weight:800}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:2px;max-width:560px;margin:0 auto;padding:12px 16px 0;font-size:.95rem;display:flex}.breadcrumb__group{align-items:center;gap:2px;display:inline-flex}.breadcrumb__crumb{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 6px;transition:color .12s,background-color .12s}button.breadcrumb__crumb:hover{color:var(--text);background:var(--surface-2)}.breadcrumb__crumb--current{color:var(--text);cursor:default;font-weight:600}.breadcrumb__sep{color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none}.hub__grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.hub__card{text-align:center;cursor:pointer;border:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;width:100%;transition:transform 80ms,border-color .12s;display:flex}.hub__card:hover{border-color:var(--primary);transform:translateY(-1px)}.hub__preview{aspect-ratio:1;flex:none;justify-content:center;align-items:center;width:100%;display:flex}.hub__preview .game-preview{width:100%;height:100%}.hub__card h2{margin:0 0 4px}.hub__card p{margin:0}.account{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;display:flex}.account__status{font-size:.85rem}.account__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.account__btn{width:auto;padding:6px 12px}.account__provider{width:44px;height:44px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .1s,transform 50ms;display:grid}.account__provider:hover{background:var(--border)}.account__provider:active{transform:scale(.95)}.account__provider:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.account__user{align-items:center;gap:8px;display:flex}.account__avatar{object-fit:cover;border-radius:50%}.account__name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;overflow:hidden}.account__error{color:var(--danger);font-size:.85rem}.overall-stats .summary-grid{grid-template-columns:repeat(3,1fr)}.hub__stats-link{width:auto;margin:12px auto 0;padding:6px 14px;display:block}.dialog__backdrop{z-index:50;background:#28201466;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{text-align:center;width:min(100%,360px);margin:0;box-shadow:0 12px 40px #00000040}.dialog h2{margin:0 0 8px}.dialog p{margin:0 0 16px}.dialog__actions{flex-direction:column;gap:8px;display:flex}.hub__footer{text-align:center;margin-top:24px}.privacy{color:var(--muted);font-size:.8rem}.privacy__summary{cursor:pointer;padding:4px 8px;display:inline-block}.privacy__body{text-align:left;max-width:40rem;margin:8px auto 0}.privacy__body p{margin:0 0 8px}.privacy__body p:last-child{margin-bottom:0}