:root{color-scheme:light;--ground: #d6e2e4;--surface: #f2f5f5;--surface-2: #dce6e7;--ink: #16292f;--ink-soft: #405d65;--ink-faint: #445d66;--line: #16292f;--hairline: #b4c6c9;--accent: #c9541f;--accent-ink: #ffffff;--hard: #16292f;--moon: #e6e0c8;--ground-deep: #c6d5d8;--sand: #c9b48a;--sand-dark: #8e7b55;--shaft: rgba(255, 255, 255, .16);--rule: repeating-linear-gradient(90deg, var(--hairline) 0 4px, transparent 4px 8px);--font-archivo: "Archivo";--font-silkscreen: "Silkscreen";--font-display: var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--font-pixel: var(--font-silkscreen), "Courier New", monospace;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--shadow-offset: 6px}:root[data-theme=dark]{color-scheme:dark;--ground: #0a1119;--surface: #16242b;--surface-2: #1e3038;--ink: #dce6e6;--ink-soft: #8aa2a6;--ink-faint: #7a9399;--line: #dce6e6;--hairline: #2c4249;--accent: #e8834e;--accent-ink: #0a1119;--hard: #000000;--ground-deep: #06090e;--sand: #3a3526;--sand-dark: #26221a;--shaft: rgba(198, 214, 214, .055)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:var(--ground);color:var(--ink);font-family:var(--font-display);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}canvas[data-ui=stage]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}#ui button,#ui a,#ui input,#ui select,#ui [data-interactive]{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pill{--edge: var(--line);--fill: var(--surface);display:inline-flex;align-items:center;font-family:var(--font-pixel);font-size:9px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:linear-gradient(var(--fill),var(--fill)) 12px 3px / calc(100% - 24px) 3px no-repeat,linear-gradient(var(--fill),var(--fill)) 6px 6px / calc(100% - 12px) 6px no-repeat,linear-gradient(var(--fill),var(--fill)) 3px 12px / calc(100% - 6px) calc(100% - 24px) no-repeat,linear-gradient(var(--fill),var(--fill)) left 6px bottom 6px / calc(100% - 12px) 6px no-repeat,linear-gradient(var(--fill),var(--fill)) left 12px bottom 3px / calc(100% - 24px) 3px no-repeat,linear-gradient(var(--edge),var(--edge)) 12px 0 / calc(100% - 24px) 3px no-repeat,linear-gradient(var(--edge),var(--edge)) 6px 3px / calc(100% - 12px) 3px no-repeat,linear-gradient(var(--edge),var(--edge)) 3px 6px / calc(100% - 6px) 6px no-repeat,linear-gradient(var(--edge),var(--edge)) 0 12px / 100% calc(100% - 24px) no-repeat,linear-gradient(var(--edge),var(--edge)) left 3px bottom 6px / calc(100% - 6px) 6px no-repeat,linear-gradient(var(--edge),var(--edge)) left 6px bottom 3px / calc(100% - 12px) 3px no-repeat,linear-gradient(var(--edge),var(--edge)) left 12px bottom 0 / calc(100% - 24px) 3px no-repeat;filter:drop-shadow(3px 3px 0 var(--hard))}.pill:hover{--edge: var(--accent);--fill: var(--accent);color:var(--accent-ink)}.pill:active{transform:translate(3px,3px);filter:none}.pill.is-accent{--edge: var(--accent);--fill: var(--accent);color:var(--accent-ink)}.card{position:relative;width:var(--card-width, 360px);max-width:calc(100vw - 32px);padding:18px 20px 16px;background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--hard);color:var(--ink);font-family:var(--font-display)}.card-eyebrow{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-pixel);font-size:9px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.card-title{margin:12px 0 6px;font-family:var(--font-display);font-size:27px;line-height:1.08;font-weight:700;letter-spacing:-.022em;text-wrap:balance}.card-prose{margin:0;font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--ink-soft);max-width:34ch}.card-footer{margin-top:15px;padding-top:12px;border-top:2px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:12px}.card .pill{padding:7px 15px}.pixel-label{font-family:var(--font-pixel);font-size:9px;line-height:16px;letter-spacing:.04em;text-transform:uppercase}.prose{font-family:var(--font-display);font-size:14px;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:719.98px){:root{--shadow-offset: 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pill:active{transform:none}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-corner{position:absolute;top:16px;display:flex;gap:12px;align-items:flex-start}.hud-top-left{left:16px}.hud-top-right{right:16px;justify-content:flex-end}.hud-pill{gap:8px;padding:5px 12px;min-height:36px;white-space:nowrap}.icon{display:block;width:calc(var(--cols, 13) * 2px);height:calc(var(--rows, 13) * 2px);shape-rendering:crispEdges;flex:none}.icon.is-off{display:none}.icon-sun{color:var(--accent)}.pill:hover .icon-sun,.pill.is-accent .icon-sun{color:var(--accent-ink)}.icon-moon{color:var(--moon)}.icon-star{width:9px;height:9px;color:var(--accent)}.pill-count{min-width:1.2em;text-align:center;color:var(--accent)}.pill:hover .pill-count{color:var(--accent-ink)}.hud-bottom{position:absolute;left:50%;bottom:20px;display:grid;justify-items:center;gap:10px;transform:translate(-50%)}.hud-hint,.hud-toast{margin:0;padding:7px 15px;white-space:nowrap;transition:opacity .18s ease}.hud-hint.is-quiet{opacity:0}.hud-toast{position:absolute;bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.hud-toast.is-visible{opacity:1;visibility:visible;transition:opacity .18s ease}.title-block{position:absolute;left:50%;top:17%;width:min(92vw,560px);text-align:center;color:var(--ink);transform:translate(-50%);opacity:0;transition:opacity .6s ease;pointer-events:none}.title-block.is-visible{opacity:1}.title-block.is-gone{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.title-word{margin:0;font-family:var(--font-pixel);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:.04em;text-transform:uppercase;text-shadow:3px 3px 0 var(--hard)}.title-hint{margin:10px 0 0;color:var(--accent);text-shadow:2px 2px 0 var(--hard)}.title-prose{margin:14px auto 0;max-width:34ch;font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--ink);text-shadow:1px 1px 0 var(--hard)}:root[data-theme=light] .title-word,:root[data-theme=light] .title-hint,:root[data-theme=light] .title-prose{text-shadow:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ground) 55%,transparent)}.panel{position:relative;width:min(100%,380px);max-height:calc(100vh - 32px);overflow:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{margin:0;font-family:var(--font-pixel);font-size:15px;line-height:1.3;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.panel-subtitle{margin:16px 0 6px;color:var(--ink-faint)}.panel-summary{margin-top:8px}.panel-note{color:var(--ink-faint)}.pill-icon{padding:5px 8px}.catch-card{position:absolute;left:50%;top:50%;width:min(calc(100vw - 32px),380px);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.catch-card.is-visible{opacity:1}.card-eyebrow-label{color:var(--ink-faint)}.card-eyebrow-value{color:var(--ink)}.card-fish-wrap{display:flex;align-items:center;justify-content:center;min-height:72px;margin-top:14px;padding:8px 0;background:var(--well, var(--surface-2))}:root[data-theme=dark] .card-fish-wrap{--well: #6e96a2}.card-fish{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-badge{padding:5px 12px;filter:none}.card-footer .pill{padding:7px 15px}.log-table{display:grid;margin-top:14px;font-family:var(--font-display);font-size:14px;line-height:1.4}.log-row{display:grid;grid-template-columns:1fr 72px 44px;gap:8px;padding:5px 0;border-bottom:2px solid var(--hairline)}.log-head{font-family:var(--font-pixel);font-size:9px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.log-name{display:inline-flex;align-items:center;gap:6px}.log-star{display:inline-flex}.log-best,.log-count{text-align:right;font-variant-numeric:tabular-nums}.log-recent{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-family:var(--font-display);font-size:14px;line-height:1.4}.log-recent-row{display:flex;justify-content:space-between;gap:12px}.log-recent-meta{color:var(--ink-soft);white-space:nowrap}.menu-items{display:grid;gap:12px;margin-top:16px}.menu-item{justify-content:center;padding:9px 15px}.help-list{display:grid;grid-template-columns:56px 1fr;gap:8px 12px;margin:14px 0 0}.help-term{color:var(--ink-faint)}.help-body{margin:0;font-family:var(--font-display);font-size:14px;line-height:1.5}@media(max-width:719.98px){.hud-corner{top:12px;gap:10px}.hud-top-left{left:12px}.hud-top-right{right:12px;flex-direction:column;align-items:flex-end}.hud-pill{padding:5px 9px}.hud-pill .pill-label{display:none}.hud-bottom{bottom:14px}.panel{width:100%}}#ui [hidden]{display:none!important}.hud:has(.log-overlay:not([hidden])) .menu-overlay{visibility:hidden}.icon-creel rect[data-k=W]{fill:var(--fill)}.help-view .card-prose{margin-top:10px}@media(max-width:719.98px){.title-block{top:9%}.title-prose{text-wrap:balance}}.howto-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}.howto-row{display:grid;grid-template-columns:30px 1fr;gap:0 12px;align-items:start}.howto-icon{display:flex;justify-content:center;padding-top:1px;color:var(--ink)}.howto-text{display:grid;gap:2px}.howto-term{color:var(--ink-faint)}.howto-body{font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--ink)}.icon rect[data-k=a]{fill:var(--accent)}.icon rect[data-k=p]{fill:var(--icon-white, #ffffff)}:root[data-theme=light]{--icon-white: #8aa2a6}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;pointer-events:none}.intro-card{width:min(100%,380px);pointer-events:auto}.intro-footer .pill{padding:7px 15px}.reel-hint{position:absolute;right:calc(32vw + 8px);bottom:calc(7vh + 20px);gap:8px;padding:5px 12px;min-height:36px;white-space:nowrap;pointer-events:none}.reel-hint .icon-spin{transform-origin:50% 50%;animation:reel-hint-spin 2s steps(4,end) infinite}@keyframes reel-hint-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reel-hint .icon-spin{animation:none}}.intro-note{margin:12px 0 0;font-family:var(--font-display);font-size:12px;line-height:1.4;color:var(--ink-soft)}
