: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;--z-modal: 20;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}.about-overlay,.wip-overlay{pointer-events:auto;position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:max(var(--space-md),env(safe-area-inset-top,0px)) var(--space-md) max(var(--space-md),env(safe-area-inset-bottom,0px));background:var(--color-shade)}.about-overlay[hidden],.wip-overlay[hidden]{display:none}.about-modal{position:relative;width:min(92vw,34rem);max-height:min(85vh,85dvh);overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.wip-modal{position:relative;width:min(92vw,26rem);max-height:min(85vh,85dvh);overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);display:flex;flex-direction:column;align-items:center;box-shadow:0 16px 40px #00000073}.about-close,.wip-close{position:absolute;top:var(--space-md);right:var(--space-md);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg) 60%,transparent);color:var(--color-ink-muted);font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1;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)}.about-close:hover,.wip-close:hover{background:var(--color-link-hover);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));color:var(--color-ink)}.about-close:active,.wip-close: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)}.about-close:focus-visible,.wip-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wip-frame{width:100%;max-width:22rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);background:#fff;box-shadow:0 4px 16px #0003}.wip-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.wip-caption{margin:var(--space-md) 0 0;font-size:var(--text-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted)}.about-hero{display:block;width:96px;height:96px;margin:0 auto var(--space-md);border-radius:50%;object-fit:cover;border:2px solid var(--color-accent);background:var(--color-bg)}.about-name{margin:0 0 var(--space-xs);padding:0 var(--space-lg);font-size:var(--text-title);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink);text-align:center;text-wrap:balance}.about-title{margin:0 0 var(--space-md);padding:0 var(--space-lg);font-size:var(--text-body);font-weight:500;line-height:var(--leading-tight);color:var(--color-ink-muted);text-align:center;text-wrap:balance}.about-modal>.about-title:first-of-type:not(.about-name+.about-title){font-size:var(--text-title);font-weight:700;color:var(--color-ink)}.about-description{padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink)}.about-description>:first-child{margin-top:0}.about-description>:last-child{margin-bottom:0}.about-description p{margin:0 0 var(--space-sm);color:var(--color-ink)}.about-description h1,.about-description h2,.about-description h3,.about-description h4,.about-description h5,.about-description h6{margin:var(--space-md) 0 var(--space-xs);font-size:var(--text-title);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink)}.about-description ul,.about-description ol{margin:0 0 var(--space-sm);padding-left:1.25rem;color:var(--color-ink)}.about-description li{margin-bottom:var(--space-xs)}.about-description a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;border-radius:2px;transition:color .16s var(--ease-out)}.about-description a:hover{color:var(--color-ink)}.about-description a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.about-description code{padding:.1rem .35rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-label)}.about-description pre{margin:0 0 var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow-x:auto}.about-description pre code{padding:0;border:0;background:transparent}.about-description blockquote{margin:0 0 var(--space-sm);padding:var(--space-xs) var(--space-md);border-left:2px solid var(--color-accent);color:var(--color-ink-muted)}.about-description hr{margin:var(--space-md) 0;border:0;border-top:1px solid var(--color-border)}.about-description img{display:block;max-width:100%;height:auto;margin:var(--space-sm) auto;border-radius:var(--radius-sm)}@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)}.about-modal,.wip-modal{padding:var(--space-lg) var(--space-md) 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,.about-close,.wip-close{transition:none}}