.snk{--px: #3b2a3f;--paper: #fffaf0;--paper-hover: #f3e9d6;--leader: #b9a9c9;--copper: #a8541f;--gold: #f6c453;--pin: #7c3aed;--lbl-bg: #fff;--lbl-fg: #2a1f33;font-family:Nunito Sans Variable,ui-sans-serif,system-ui,sans-serif}.dark .snk{--px: #6e5a86;--paper: #2b2335;--paper-hover: #382d46;--leader: #5a4a70;--copper: #e8935c;--pin: #8b5cf6;--lbl-bg: #1d1729;--lbl-fg: #f1edf7}.snk-hero{display:flex;align-items:flex-end;gap:18px;margin-bottom:22px}.snk-hero h1{font-size:44px;line-height:1;margin:0}.snk-totals{margin:8px 0 0;color:var(--muted);font:15px DotGothic16,ui-monospace,monospace}.snk-zel{width:104px;height:104px;margin-left:auto;image-rendering:pixelated}.snk-bubble{margin:0 0 40px;max-width:320px;padding:6px 12px;font:15px/1.35 DotGothic16,ui-monospace,monospace;background:var(--lbl-bg);color:var(--lbl-fg);border:3px solid var(--px);box-shadow:3px 3px 0 var(--px);border-radius:4px}.snk-beltbox{margin-bottom:26px}.snk:not(.snk-js) .snk-beltbox{display:none}.snk-belt{display:block;width:100%;height:138px;image-rendering:pixelated;touch-action:manipulation}.snk-intro .snk-beltbox{animation:snk-belt-in .6s cubic-bezier(.2,.9,.3,1.2) both}.snk-intro .snk-tile{animation:snk-serve .5s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(.5s + var(--i, 16) * 55ms)}@keyframes snk-belt-in{0%{opacity:0;transform:translateY(-14px) scaleY(.6)}to{opacity:1;transform:none}}@keyframes snk-serve{0%{opacity:0;transform:translateY(26px) rotate(-3deg) scale(.92)}to{opacity:1;transform:none}}.snk-beltbox>header{align-items:center;flex-wrap:wrap;gap:4px 10px}.snk-beltctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.snk-btn{font:13px DotGothic16,ui-monospace,monospace;color:#3b2a3f;background:#f6c453;border:2px solid #f5eefe;border-radius:4px;padding:3px 9px;min-height:30px;cursor:pointer;line-height:1.1}.snk-btn:hover{background:#ffd978}.snk-btn:active{transform:translateY(1px)}.snk-btn[data-play][aria-pressed=true]{background:#ff8a8a}.snk-btn-mute{background:transparent;color:#f5eefe;min-width:34px;padding:3px 6px}.snk-btn-mute:hover{background:#ffffff26}.snk-btn:focus-visible{outline:3px solid #fff;outline-offset:1px}.snk-stage{position:relative}.snk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.snk-order{position:absolute;top:calc(var(--sc, 3) * 2px);left:calc(var(--sc, 3) * 42px);right:calc(var(--sc, 3) * 3px);padding:6px 10px 7px;background:var(--lbl-bg);color:var(--lbl-fg);border:3px solid var(--px);border-radius:4px;box-shadow:3px 3px 0 var(--px);font-family:DotGothic16,ui-monospace,monospace;pointer-events:none;container-type:inline-size}.snk-order[hidden]{display:none}.snk-order:before{content:"";position:absolute;left:-9px;top:20px;width:10px;height:10px;background:var(--lbl-bg);border-left:3px solid var(--px);border-bottom:3px solid var(--px);transform:rotate(45deg)}.snk-order[data-tone=teach]{border-color:#d9a21b}.snk-order[data-tone=right]{border-color:#2f9e55}.snk-order[data-tone=wrong]{border-color:#d6393f}.snk-order[data-tone=teach]:before{border-color:#d9a21b}.snk-order[data-tone=right]:before{border-color:#2f9e55}.snk-order[data-tone=wrong]:before{border-color:#d6393f}.snk-o-kana{font-size:clamp(16px,8cqw,30px);line-height:1.15;white-space:nowrap;overflow:hidden}.snk-o-line{font-size:clamp(12px,4.4cqw,17px);line-height:1.25;margin-top:2px;overflow-wrap:anywhere}.snk-o-what{font-size:clamp(11px,3.6cqw,14px);line-height:1.25;margin-top:2px;color:var(--muted);overflow-wrap:anywhere}.snk-o-note{font-size:clamp(11px,3.6cqw,14px);line-height:1.25;margin-top:2px;color:var(--copper)}.snk-o-what:empty,.snk-o-note:empty{display:none}.snk:not(.snk-js) .snk-dex{display:none}.snk-dex{margin:-8px 0 26px;background:var(--card);border:3px solid var(--px);border-radius:6px;box-shadow:5px 5px color-mix(in oklab,var(--accent) 40%,transparent)}.snk-dex>summary{list-style:none;cursor:pointer;background:var(--px);color:#f5eefe;font:15px DotGothic16,ui-monospace,monospace;padding:8px 12px;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;min-height:40px}.snk-dex>summary::-webkit-details-marker{display:none}.snk-dex>summary:after{content:"▾"}.snk-dex[open]>summary:after{content:"▴"}.snk-dex>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.snk-dex-body{padding:12px 14px 14px;font-family:DotGothic16,ui-monospace,monospace}.snk-dex-hint{margin:0 0 10px;font-size:13px;color:var(--muted)}.snk-dex-h{margin:14px 0 8px;font:13px DotGothic16,ui-monospace,monospace;letter-spacing:.14em;color:var(--copper);text-transform:uppercase}.snk-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:stretch}.snk-card{margin:0;padding:10px;background:var(--paper);border:3px solid var(--px);border-radius:4px;box-shadow:3px 3px 0 var(--px);min-width:0;text-align:center}.snk-card p{margin:0}.snk-card-px{display:block;width:96px;height:66px;margin:0 auto 6px;image-rendering:pixelated;border-radius:3px}.snk-card:not(.is-locked) .snk-card-px{background:#f3ecfb}.dark .snk-card:not(.is-locked) .snk-card-px{background:#2b2140}.snk-card.is-locked .snk-card-px{filter:brightness(0) opacity(.45)}.snk-card-q{font-size:20px;color:var(--muted);letter-spacing:.1em;padding:8px 0 14px}.snk-card:not(.is-locked) .snk-card-q,.snk-card.is-locked .snk-card-info{display:none}.snk-card-kana{font-size:24px;line-height:1.2}.snk-card-name{font-size:16px;margin-top:2px}.snk-card-tag{display:inline-block;font-size:11px;padding:0 5px;border:2px solid var(--px);border-radius:3px;margin-left:4px;vertical-align:2px;color:var(--muted)}.snk-card-en{font-size:15px;color:var(--copper);margin-top:2px}.snk-card-what{font-size:13px;line-height:1.3;margin-top:6px}.snk-card-fact{font-size:12px;line-height:1.35;margin-top:6px;color:var(--muted)}.snk-card-fig{position:relative;margin:8px auto 0;width:100%;max-width:120px}.snk-card-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--px);border-radius:3px;background:var(--line)}.snk-card-badge{position:absolute;top:4px;left:4px;font:10px/1.2 DotGothic16,ui-monospace,monospace;padding:1px 4px;background:var(--lbl-bg);color:var(--lbl-fg);border:2px solid var(--px);border-radius:2px}.snk-card-badge.is-stock{background:var(--gold);color:#3b2a3f}.snk-card-credit{margin:4px -4px 0;font:10px/1.3 DotGothic16,ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere;text-align:center}.snk-card-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.snk-card-credit a:hover,.snk-card-credit a:focus-visible{color:var(--fg)}.snk-dex-note{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center}.snk-tuna{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px;margin-bottom:4px;background:var(--paper);border:3px solid var(--px);border-radius:4px}.snk-tuna[hidden]{display:none}.snk-tuna canvas{width:256px;max-width:100%;height:auto;aspect-ratio:64 / 28;image-rendering:pixelated;background:#cfe3f2;border-radius:3px}.dark .snk-tuna canvas{background:#26324d}.snk-tuna-leg{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;min-width:0;flex:1 1 200px}.snk-tuna-leg li{display:flex;align-items:baseline;gap:8px}.snk-sw{flex:none;width:14px;height:14px;border:2px solid var(--px);display:inline-block;transform:translateY(2px)}.snk-sw-maguro{background:#c9364f}.snk-sw-chutoro{background:#e88a98}.snk-sw-otoro{background:#f6bcc6}.snk-tuna-leg .is-locked .snk-sw{background:#8b8497}.snk-tuna-leg .is-locked .cut-info,.snk-tuna-leg li:not(.is-locked) .cut-q{display:none}.snk-tuna-leg .is-locked{color:var(--muted)}.snk-dex-foot{margin:8px 0 0;text-align:center}.snk-dex-reset{font:12px DotGothic16,ui-monospace,monospace;color:var(--muted);background:none;border:0;text-decoration:underline;cursor:pointer;padding:8px}.snk-dex-reset:hover{color:var(--fg)}@media(max-width:760px){.snk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snk-card{padding:8px}.snk-beltctl{flex:1 1 100%;justify-content:space-between}}.snk-cols{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 28px;align-items:start;grid-template-areas:"menu map" "menu results"}.snk-mapbox{grid-area:map;min-width:0}.snk-menu{grid-area:menu}.snk-results{grid-area:results;min-width:0}.snk-menu{background:var(--paper);color:var(--fg);border:3px solid var(--px);box-shadow:5px 5px 0 var(--px);padding:16px 16px 10px;position:sticky;top:16px;transform:rotate(-.6deg);font-family:DotGothic16,ui-monospace,monospace;max-height:calc(100vh - 32px);overflow-y:auto}.snk-menu summary{list-style:none;cursor:default;text-align:center;font-size:20px;letter-spacing:.12em;border-bottom:3px double var(--px);padding-bottom:8px}.snk-menu summary::-webkit-details-marker{display:none}.snk-menu-m{display:none}.snk-menu h3{font:13px DotGothic16,ui-monospace,monospace;letter-spacing:.14em;color:var(--copper);margin:14px 0 4px}.snk-row{display:flex;align-items:baseline;width:100%;font:15px DotGothic16,ui-monospace,monospace;color:inherit;padding:2px 4px;background:none;border:0;border-radius:3px;cursor:pointer;text-align:left}.snk-row[hidden]{display:none}.snk-row i{flex:1;border-bottom:2px dotted var(--leader);margin:0 6px;transform:translateY(-3px)}.snk-row:hover{background:var(--paper-hover)}.snk-row[aria-pressed=true]{background:var(--px);color:#fff}.snk-row[aria-pressed=true] i{border-color:#8a7a9a}.snk-sub{font-size:13px;padding-left:18px;color:var(--muted)}.snk-sub[aria-pressed=true]{color:#fff}.snk-row.zero{opacity:.4}.snk-menu :focus-visible,.snk-pin:focus-visible,.snk-clear:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.snk-foot{margin:12px 0 0;font-size:11px;color:var(--muted);text-align:center;border-top:3px double var(--px);padding-top:8px}.snk-panel{background:var(--card);border:3px solid var(--px);border-radius:6px;box-shadow:5px 5px color-mix(in oklab,var(--accent) 40%,transparent);overflow:hidden}.snk-panel>header{background:var(--px);color:#f5eefe;font:15px DotGothic16,ui-monospace,monospace;padding:6px 12px;display:flex;justify-content:space-between;letter-spacing:.04em}.snk-map{position:relative;aspect-ratio:16 / 7.4;overflow:hidden;background:#cfe3f2}.dark .snk-map{background:#1b2233}.snk-map>img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.dark .snk-map-light,:root:not(.dark) .snk-map-dark{display:none}.snk-pins{position:absolute;inset:0}.snk:not(.snk-js) .snk-pins,.snk:not(.snk-js) .snk-menu,.snk:not(.snk-js) .snk-clear{display:none}.snk:not(.snk-js) .snk-cols{grid-template-areas:"map" "results";grid-template-columns:minmax(0,1fr)}.snk-pin{position:absolute;transform:translate(-50%,-50%);background:var(--pin);color:#fff;border:3px solid var(--px);box-shadow:3px 3px 0 var(--px);font:13px/1 DotGothic16,ui-monospace,monospace;min-width:26px;height:26px;padding:0 4px;cursor:pointer;display:grid;place-items:center}.dark .snk-pin{border-color:#1b1426;box-shadow:3px 3px #1b1426}.snk-pin[aria-pressed=true]{background:var(--gold);color:#3b2a3f;z-index:200!important}.snk-pin.zero{opacity:.3}.snk-lbl{z-index:60;position:absolute;font:13px/1 DotGothic16,ui-monospace,monospace;background:var(--lbl-bg);color:var(--lbl-fg);border:2px solid var(--px);padding:2px 5px;white-space:nowrap;pointer-events:none}.snk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.snk-bar h2{font-size:24px;margin:0 4px 0 0}.snk-n{font:14px DotGothic16,ui-monospace,monospace;color:var(--muted);margin:0 auto 0 0}.snk-clear{font:13px DotGothic16,ui-monospace,monospace;padding:3px 9px;border:2px solid var(--px);background:var(--card);color:var(--fg);border-radius:4px;cursor:pointer}.snk-clear[hidden]{display:none}.snk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.snk-tile{position:relative;margin:0;background:var(--card);border:3px solid var(--px);border-radius:4px;box-shadow:4px 4px 0 var(--px);overflow:hidden;display:flex;flex-direction:column;min-width:0}.snk-tile[hidden]{display:none}.snk-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:var(--line)}.snk-tile figcaption{padding:7px 9px 8px;border-top:3px solid var(--px);display:flex;flex-direction:column;gap:3px}.snk-dish{font:600 15px/1.2 Fredoka Variable,ui-rounded,sans-serif;overflow-wrap:anywhere}.snk-where{font:12px/1.3 DotGothic16,ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.snk-flag{position:absolute;top:7px;left:7px;background:var(--lbl-bg);color:var(--lbl-fg);border:2px solid var(--px);font:11px DotGothic16,ui-monospace,monospace;padding:1px 6px}.snk-empty{font:15px DotGothic16,ui-monospace,monospace;color:var(--muted);padding:30px 0}.snk-empty[hidden]{display:none}@media(max-width:760px){.snk-hero{gap:12px}.snk-hero h1{font-size:34px}.snk-bubble{display:none}.snk-zel{width:72px;height:72px}.snk-cols{grid-template-columns:minmax(0,1fr);grid-template-areas:"map" "menu" "results"}.snk-menu{position:static;transform:none;max-height:none;overflow:visible;margin-top:22px}.snk-menu summary{cursor:pointer}.snk-menu[open] summary{margin-bottom:4px}.snk-menu:not([open]){padding-block:10px}.snk-menu:not([open]) summary{border-bottom:0;padding-bottom:0}.snk-menu-m:after{content:" ▾"}.snk-menu[open] .snk-menu-m:after{content:" ▴"}.snk-menu-d{display:none}.snk-menu-m{display:inline}.snk-map{aspect-ratio:16 / 12}.snk-pin{min-width:22px;height:22px;font-size:11px;padding:0 2px;border-width:2px;box-shadow:2px 2px 0 var(--px)}.snk-lbl{font-size:11px;padding:2px 4px}.snk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
