:root{--color-bg: #1a1a1a;--color-surface: #242424;--color-ink: #f2f2f2;--color-ink-muted: #b8b8b8;--color-ink-faint: #8a8a8a;--color-accent: #00add8;--color-accent-soft: #00aaaa;--color-border: rgba(255, 255, 255, .16);--color-link-hover: rgba(0, 173, 216, .14);--color-shade: rgba(0, 0, 0, .55);--font-sans: "Bricolage Grotesque", "Segoe UI", sans-serif;--text-display: clamp(1.5rem, 2.5vw + 1rem, 2.25rem);--text-title: clamp(1.05rem, .4vw + 1rem, 1.25rem);--text-body: 1rem;--text-label: .875rem;--text-caption: .8125rem;--leading-tight: 1.2;--leading-body: 1.5;--tracking-display: -.02em;--radius-sm: 6px;--radius-md: 10px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--ease-out: cubic-bezier(.25, 1, .5, 1);--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);--z-canvas: 0;--z-ui: 10;box-sizing:border-box;font-family:var(--font-sans);font-size:100%;line-height:var(--leading-body);font-weight:400;color-scheme:dark;color:var(--color-ink);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--color-bg)}#app{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-ui)}canvas{position:fixed;inset:0;width:100%;height:100%;z-index:var(--z-canvas);display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{pointer-events:auto;position:absolute;top:max(1.25rem,4vh,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);max-width:min(92vw,40rem);margin:0;padding:var(--space-sm) var(--space-md);font-size:var(--text-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);text-wrap:balance;text-align:center;color:var(--color-ink);text-decoration:none;text-shadow:0 2px 12px var(--color-shade);border-radius:var(--radius-sm);cursor:pointer;transition:color .16s var(--ease-out)}.site-header:hover{color:var(--color-accent)}.site-header:active{color:var(--color-accent-soft)}.site-header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:min(92vw,48rem);pointer-events:none}.links-container{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);width:100%;margin:0;padding:0;list-style:none}.link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-width:7.5rem;min-height:44px;padding:.75rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-ink);font-size:var(--text-title);font-weight:700;line-height:var(--leading-tight);text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.link-card:hover{background:var(--color-link-hover);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));color:var(--color-ink)}.link-card:active{background:color-mix(in srgb,var(--color-accent) 22%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border))}.link-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.link-sub{font-size:var(--text-caption);font-weight:400;color:var(--color-ink-muted)}.back-link{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:40px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-ink-muted);font-size:var(--text-label);font-weight:700;line-height:var(--leading-tight);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.back-arrow{color:var(--color-accent)}.back-link:hover{background:var(--color-link-hover);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));color:var(--color-ink)}.back-link:active{background:color-mix(in srgb,var(--color-accent) 22%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border));color:var(--color-ink)}.back-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.site-footer{pointer-events:auto;position:absolute;bottom:max(.75rem,2vh,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(92vw,40rem);margin:0;padding:0 var(--space-md);font-size:var(--text-caption);line-height:1.45;color:var(--color-ink-faint);text-align:center}.fish-container{pointer-events:auto;width:min(100%,42ch);margin:0;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 72%,transparent);border-radius:var(--radius-sm);color:var(--color-ink)}.fish-container:empty{display:none}.fish-line{margin:0;font-size:var(--text-title);font-weight:500;font-style:italic;line-height:1.45;text-wrap:pretty}.fish-char{display:block;margin-top:var(--space-sm);font-size:var(--text-label);font-style:normal;font-weight:400;color:var(--color-ink-muted)}.links-status{pointer-events:auto;margin:0;padding:var(--space-md);color:var(--color-ink-muted);font-size:var(--text-label);text-align:center}@media(max-width:600px){.link-sub{display:none}.link-card{min-width:calc(50% - var(--space-sm));flex:1 1 calc(50% - var(--space-sm))}.fish-container{width:min(100%,36ch);padding:var(--space-sm) var(--space-md)}}@media(max-height:700px),(max-width:600px){.fish-container{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.link-card,.back-link{transition:none}}