:root{--bg: #0a0a0a;--bg-soft: #121212;--fg: #e9e9e3;--fg-dim: #8a8a82;--fg-faint: #4a4a45;--line: #232320;--accent: #d8ff3e;--font-mono: "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", ui-monospace, monospace;--font-sans: "Helvetica Neue", "Inter", system-ui, -apple-system, sans-serif;--pad: clamp(1rem, 3.5vw, 2.5rem);--maxw: 1600px;--header-h: 3.4rem}html.day{--bg: #bfe0ff;--bg-soft: #d8eeff;--fg: #14253c;--fg-dim: #41597a;--fg-faint: #89a4c4;--line: #a9c8e8}html.day body{background:linear-gradient(180deg,#6fb0f2,#aed6ff,#e7f4ff);background-attachment:fixed}html,body{transition:background .6s ease,color .6s ease}html.day .home-hero{background:#aed6ff}html.day .home-hero:before{background:none}html.day .runner{background:#0c1018eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:#000}.sound-toggle,.timer-toggle,.theme-toggle{position:fixed;left:20px;bottom:20px;z-index:9000;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(233,233,227,.16);border-radius:50%;background:#0a0a0a6b;color:var(--fg-dim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .2s ease}.timer-toggle{bottom:66px}.theme-toggle{bottom:112px}.sound-toggle:hover,.timer-toggle:hover,.theme-toggle:hover{color:var(--accent);border-color:#d8ff3e80;transform:translateY(-1px)}.theme-toggle .ico-moon,html.day .theme-toggle .ico-sun{display:none}html.day .theme-toggle .ico-moon{display:block}.sound-toggle svg,.timer-toggle svg,.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.sound-toggle .spk{fill:currentColor;stroke:none}.sound-toggle .wave{opacity:1;transition:opacity .2s ease}.sound-toggle .slash{opacity:0;stroke:currentColor;transition:opacity .2s ease}.sound-toggle.is-muted{color:var(--fg-faint)}.sound-toggle.is-muted .wave{opacity:0}.sound-toggle.is-muted .slash{opacity:1}@media(max-width:760px){.sound-toggle,.timer-toggle,.theme-toggle{left:14px;bottom:14px;width:34px;height:34px}.timer-toggle{bottom:55px}.theme-toggle{bottom:96px}}.egg-overlay{position:fixed;inset:0;z-index:10002;display:grid;place-items:center;padding:24px;background:#060606b8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;transition:opacity .25s ease}.egg-overlay.show{opacity:1}.egg-panel{position:relative;width:min(560px,100%);max-height:86vh;overflow-y:auto;padding:28px 30px 24px;background:#0e0e0ef5;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px;box-shadow:0 24px 70px #0000008c;font-family:var(--font-mono);transform:translateY(8px) scale(.99);transition:transform .25s ease}.egg-overlay.show .egg-panel{transform:none}.egg-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border:0;background:transparent;color:var(--fg-dim);font-size:1.4rem;line-height:1;cursor:pointer;transition:color .2s ease}.egg-close:hover{color:var(--accent)}.egg-title{margin:0;font-size:1.15rem;letter-spacing:.14em;color:var(--accent)}.egg-sub{margin:4px 0 18px;font-size:.78rem;color:var(--fg-dim)}.egg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.egg-list li{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.egg-list li:last-child{border-bottom:0;padding-bottom:0}.egg-trig{align-self:flex-start;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:6px;padding:3px 8px}.egg-desc{font-size:.82rem;color:var(--fg);line-height:1.45}.egg-foot{margin:18px 0 0;font-size:.72rem;color:var(--fg-faint);text-align:center}.cursor-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10010}html.cursor-on,html.cursor-on *{cursor:none!important}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.h-display{font-family:var(--font-sans);font-weight:600;line-height:.95;letter-spacing:-.02em;font-size:clamp(2.4rem,8vw,7rem)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h);padding:0 var(--pad);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{position:relative;display:inline-flex;align-items:center;white-space:nowrap}.brand-img{display:block;width:clamp(118px,17vw,152px);height:auto;transition:opacity .15s ease}.brand-glitch{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--fg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.nav{display:flex;gap:clamp(.75rem,2.5vw,2rem);align-items:center}.nav a{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);position:relative;padding:.25rem 0;transition:color .25s ease}.nav a:hover,.nav a[aria-current=page]{color:var(--fg)}.nav a.nav-edit{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px;padding:.25rem .55rem}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:0;cursor:pointer;z-index:60}.nav-toggle span{display:block;width:22px;height:2px;background:var(--fg);border-radius:2px;transition:transform .25s ease,opacity .2s ease}@media(max-width:760px){.nav-toggle{display:flex}.nav{position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem var(--pad) 1.25rem;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transform:translateY(-115%);transition:transform .3s ease;pointer-events:none}.site-header.menu-open .nav{transform:translateY(0);pointer-events:auto}.nav a{font-size:1rem;padding:.85rem .2rem;border-bottom:1px solid var(--line)}.nav a.nav-edit{margin-top:.6rem;text-align:center;border-radius:4px}.site-header.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .nav-toggle span:nth-child(2){opacity:0}.site-header.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.site-footer{position:relative;z-index:1;background:var(--bg);margin-top:6rem;border-top:1px solid var(--line);padding:2.5rem var(--pad);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.78rem;color:var(--fg-dim)}.site-footer a:hover{color:var(--accent)}.page-intro{padding-block:clamp(2.5rem,7vw,6rem) clamp(1.5rem,4vw,3rem)}.page-intro .lead{max-width:48ch;margin-top:1.5rem;color:var(--fg-dim);font-size:clamp(1rem,1.4vw,1.15rem)}.home-hero{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0a0a0a}.home-aurora{position:absolute;inset:-10% -10% 0;z-index:0;pointer-events:none;background:radial-gradient(110% 75% at 50% -8%,rgba(216,255,62,.12),transparent 55%),radial-gradient(70% 55% at 18% -2%,rgba(120,150,255,.084),transparent 60%),radial-gradient(65% 50% at 86% 4%,rgba(216,255,62,.06),transparent 60%);filter:blur(8px);will-change:transform,opacity;animation:aurora-drift 24s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate3d(-2%,-1%,0) scale(1.04);opacity:.8}50%{transform:translate3d(2.5%,1.5%,0) scale(1.12);opacity:1}to{transform:translate3d(-1%,.5%,0) scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.home-aurora{animation:none}}.home-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.fog-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}.logo-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;filter:drop-shadow(0 0 5px rgba(216,255,62,.32))}.home-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0a0a0abf,#0a0a0a0d 42%,#0a0a0a4d)}.home-hero-veil{position:absolute;inset:0;z-index:3;background:#0a0a0a;opacity:0;pointer-events:none;will-change:opacity}.home-hero-content{position:absolute;left:0;right:0;bottom:clamp(3rem,9vh,6rem);z-index:2}.hero-title{font-weight:600;line-height:.92;letter-spacing:-.02em;font-size:clamp(2.6rem,10vw,8.5rem);margin-top:.5rem}.scroll-cue{position:absolute;z-index:2;bottom:1.4rem;right:var(--pad);display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg)}.scroll-cue:hover{color:var(--accent)}.scroll-cue .arr{animation:scroll-bob 1.6s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.home-scroll{position:relative;z-index:1}.home-spacer{height:100vh;height:100svh;pointer-events:none}.works-wrap{position:relative;padding:clamp(2.5rem,6vw,6rem) var(--pad) 8rem;scroll-margin-top:var(--header-h);min-height:100vh}.masonry{display:flex;align-items:flex-start;gap:clamp(1rem,2.5vw,2.5rem);max-width:var(--maxw);margin-inline:auto;opacity:0;transition:opacity .5s ease}.masonry.ready{opacity:1}.mcol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,5rem);will-change:transform}.mcol:nth-child(2){margin-top:clamp(2rem,8vw,7rem)}.mcol:nth-child(3){margin-top:clamp(1rem,4vw,3.5rem)}.mcol:nth-child(4){margin-top:clamp(3rem,11vw,10rem)}.ascii-image{position:relative;width:100%;aspect-ratio:var(--ratio, 4 / 5);overflow:hidden;background:var(--bg-soft)}.ascii-image canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;opacity:1;pointer-events:none;transition:opacity .5s ease}.ascii-image img,.ascii-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;filter:grayscale(1) contrast(1.03);transform:scale(1);transition:opacity .5s ease,filter .5s ease,transform .6s ease}.ascii-image.is-loaded canvas{opacity:0}.ascii-image.is-loaded img,.ascii-image.is-loaded video{opacity:1}.ascii-image.is-loaded:hover img,.ascii-image.is-loaded:hover video{filter:grayscale(0) contrast(1);transform:scale(1.04)}.ascii-image.color img,.ascii-image.color video{filter:none}.ascii-image.color:hover img,.ascii-image.color:hover video{filter:none;transform:scale(1.04)}.ascii-image.confidential canvas{filter:grayscale(1) contrast(1.03);transition:filter .45s ease}.ascii-image.confidential:hover canvas{filter:grayscale(0) contrast(1)}.ascii-image:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle 170px at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.32),rgba(255,255,255,.08) 45%,transparent 70%);mix-blend-mode:screen}.ascii-image:hover:after{opacity:1}.works{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);padding-bottom:4rem}@media(min-width:900px){.works{grid-template-columns:repeat(3,1fr)}.works .work-card:nth-child(3n+2){transform:translateY(clamp(1rem,4vw,4rem))}}.work-card{display:block;position:relative}.work-card .work-index{position:absolute;top:.75rem;left:.75rem;z-index:2;font-family:var(--font-mono);font-size:.72rem;color:var(--fg);mix-blend-mode:difference}.work-card .work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.85rem;border-top:1px solid var(--line);padding-top:.6rem;transition:border-color .3s ease}.work-card:hover .work-meta{border-color:var(--accent)}.work-card .work-title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.work-card .work-cat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.work-card .work-year{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim)}.conf-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;text-align:center;background:#0a0a0a66}.conf-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px);opacity:.55}.conf-tag{position:relative;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);border:1px solid var(--accent);padding:.4rem .85rem;background:#0a0a0a8c}.conf-sub{position:relative;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.work-card--locked .work-title.mono{color:var(--fg-dim)}.site-toast{position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%,1rem);z-index:10000;background:var(--bg-soft);border:1px solid var(--accent);color:var(--fg);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;padding:.75rem 1.15rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.site-toast.show{opacity:1;transform:translate(-50%)}.detail{display:flex;align-items:stretch}.detail-info{flex:0 0 25%;max-width:25%;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));overflow-y:auto;padding:clamp(1.5rem,2.4vw,2.5rem);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1.2rem}.detail-title{font-weight:600;letter-spacing:-.01em;line-height:1.02;font-size:clamp(1.6rem,2.4vw,2.6rem)}.detail-desc{color:var(--fg-dim);font-size:.96rem;line-height:1.6;white-space:pre-line}.client-link{color:var(--fg);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s ease}.client-link:hover{color:var(--accent)}.client-x{color:var(--fg-dim);padding:0 .1em}.detail-facts{display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1.2rem}.fact .fact-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);display:block;margin-bottom:.35rem}.fact .fact-value{font-size:.95rem}.role-tags{display:flex;flex-wrap:wrap;gap:.4rem}.role-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.74rem;line-height:1;padding:.38rem .62rem;border-radius:999px;border:1px solid var(--line);color:var(--fg-dim);background:color-mix(in srgb,var(--fg) 5%,transparent);white-space:nowrap;transition:border-color .2s ease,color .2s ease}.role-tag:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--fg)}.detail-body{color:var(--fg-dim);font-size:.92rem;line-height:1.7;border-top:1px solid var(--line);padding-top:1.2rem}.detail-body p+p{margin-top:.9rem}.detail-nav{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--line);padding-top:1.2rem;font-family:var(--font-mono);font-size:.78rem}.detail-nav a:hover{color:var(--accent)}.detail-gallery{--gpad: clamp(1.5rem, 3vw, 3rem);--gh: calc(100svh - var(--header-h) - var(--gpad) * 2);flex:1 1 0;min-width:0;display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));padding:var(--gpad);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;cursor:grab}.detail-gallery.dragging,.detail-gallery.no-snap{scroll-snap-type:none;scroll-behavior:auto}.detail-gallery.dragging{cursor:grabbing}.detail-gallery.dragging *{pointer-events:none}.detail-gallery .ascii-image{flex:0 0 auto;height:var(--gh);width:auto;scroll-snap-align:center;background:var(--bg-soft)}.ascii-image.fit{width:auto;aspect-ratio:auto}.ascii-image.fit img,.ascii-image.fit video{position:relative;inset:auto;height:100%;width:auto;object-fit:contain}.back-link{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-dim);display:inline-flex;gap:.5rem;align-items:center}.back-link:hover{color:var(--accent)}@media(max-width:900px){.detail{flex-direction:column}.detail-info{flex-basis:auto;max-width:none;width:100%;position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--line)}.detail-gallery{--gh: 58vh;width:100%;flex:0 0 auto;height:auto;cursor:default}}.prose{max-width:65ch;padding-bottom:4rem}.prose h2{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin-top:2.5rem;margin-bottom:1rem;border-top:1px solid var(--line);padding-top:1.5rem}.prose p{color:var(--fg-dim);line-height:1.7;margin-bottom:1rem}.cv-header{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start;max-width:1240px;margin-bottom:2.5rem}.cv-photo{width:100%}.cv-side .lead{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--fg-dim)}.cv-contact{list-style:none;margin-top:1.75rem;border-top:1px solid var(--line)}.cv-contact li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem}.cv-contact .k{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.cv-contact a:hover{color:var(--accent)}.cv-body{max-width:1240px}.cv-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:var(--font-mono);font-size:.76rem;border:1px solid var(--line);border-radius:999px;padding:.32rem .7rem;color:var(--fg-dim)}.cv-interest{padding:.7rem 0;border-bottom:1px solid var(--line);color:var(--fg-dim);line-height:1.6}.cv-interest b{color:var(--fg);font-weight:600}@media(max-width:680px){.cv-header{grid-template-columns:1fr}.cv-photo{max-width:280px}.cv-cols{grid-template-columns:1fr}}.cv-row{display:grid;grid-template-columns:5rem 1fr;gap:1.5rem;padding-block:.9rem;border-bottom:1px solid var(--line)}.cv-row .cv-year{font-family:var(--font-mono);font-size:.85rem;color:var(--fg-dim)}.cv-row--exp{grid-template-columns:minmax(12.5rem,15rem) 1fr}.cv-row--edu{grid-template-columns:minmax(10rem,12rem) 1fr}.cv-period{display:flex;flex-direction:row;align-items:center;gap:.85rem}.cv-period-dates{display:flex;flex-direction:column;gap:.2rem}.cv-year-wrap{display:flex;flex-direction:row;align-items:center;gap:.85rem}.cv-logo{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);padding:6px;flex:0 0 auto}.cv-period-main{font-family:var(--font-mono);font-size:.82rem;color:var(--fg-dim);line-height:1.35}.cv-duration{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--fg-faint)}.cv-org{font-size:.92rem;color:var(--fg)}.cv-loc{font-size:.85rem;color:var(--fg-dim)}@media(max-width:560px){.cv-row--exp,.cv-row--edu{grid-template-columns:1fr;gap:.5rem}}.cv-row .cv-role{font-weight:500}.cv-row .cv-where{color:var(--fg-dim);font-size:.9rem}.cv-link{color:var(--fg);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--fg-faint);transition:color .2s ease,text-decoration-color .2s ease}.cv-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.contact-grid{display:grid;gap:.25rem;padding-bottom:4rem}.contact-grid a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1.1rem;border-top:1px solid var(--line);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;transition:padding-left .3s ease,color .3s ease}.contact-grid a:last-child{border-bottom:1px solid var(--line)}.contact-grid a:hover{padding-left:1rem;color:var(--accent)}.contact-grid a .c-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-faint)}.konami-canvas{position:fixed;inset:0;z-index:9998;pointer-events:none;background:#0a0a0a}.konami-hint{position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%);z-index:9999;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.75;pointer-events:none;animation:konami-pulse 1.6s ease-in-out infinite}@keyframes konami-pulse{0%,to{opacity:.35}50%{opacity:.85}}.err-page{padding-top:clamp(1.5rem,6vh,4rem);padding-bottom:4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}.err-head{display:flex;flex-direction:column;align-items:center;gap:.5rem}.glitch-404{position:relative;font-weight:700;line-height:.9;letter-spacing:-.04em;font-size:clamp(5rem,22vw,12rem);color:var(--fg)}.glitch-404:before,.glitch-404:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none}.glitch-404:before{color:#ff2e63;clip-path:inset(0 0 52% 0);animation:g404-a 2.6s infinite steps(2,end)}.glitch-404:after{color:#28d2ff;clip-path:inset(52% 0 0 0);animation:g404-b 3.1s infinite steps(2,end)}@keyframes g404-a{0%,92%,to{transform:translateZ(0);opacity:0}93%{transform:translate3d(-4px,-2px,0);opacity:.9}96%{transform:translate3d(3px,1px,0);opacity:.9}}@keyframes g404-b{0%,90%,to{transform:translateZ(0);opacity:0}91%{transform:translate3d(4px,2px,0);opacity:.9}95%{transform:translate3d(-3px,-1px,0);opacity:.9}}.err-lead{color:var(--fg-dim);font-size:1rem;line-height:1.6;max-width:48ch}.err-keys{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.06em}.runner-wrap{width:100%;max-width:920px;display:flex;flex-direction:column;gap:.6rem}.runner{position:relative;width:100%;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 70%,transparent);overflow:hidden}#runner-canvas{display:block;width:100%;cursor:pointer;touch-action:manipulation}.record-banner{position:absolute;top:24%;left:50%;transform:translate(-50%,-50%) scale(.6);font-family:var(--font-mono);font-weight:700;font-size:clamp(1.1rem,3.4vw,1.9rem);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 20px color-mix(in srgb,var(--accent) 65%,transparent);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .25s ease,transform .25s ease}.record-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1);animation:record-pulse .55s ease-in-out 3}@keyframes record-pulse{50%{transform:translate(-50%,-50%) scale(1.09)}}.lb-form{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left;font-family:var(--font-mono)}.lb-form[hidden]{display:none}.lb-form-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem}.lb-form-label{color:var(--fg-dim)}.lb-form-label strong,.lb-rank-msg{color:var(--accent)}.lb-form-fields{display:flex;flex-wrap:wrap;gap:.5rem}.lb-form-fields input{padding:.5rem .65rem;font-family:var(--font-mono);font-size:.85rem;color:var(--fg);background:var(--bg-soft);border:1px solid var(--line);border-radius:6px}.lb-form-fields input:focus{outline:none;border-color:var(--accent)}#lb-name{flex:0 1 170px;min-width:130px}#lb-msg{flex:1 1 260px;min-width:180px}.lb-form-fields button{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.82rem;color:#000;background:var(--accent);border:0;border-radius:6px;cursor:pointer}.lb-form-fields button:hover{filter:brightness(1.08)}.lb-status{color:var(--fg-dim);font-size:.78rem}.podium{width:100%;max-width:720px;display:flex;justify-content:center;align-items:flex-end;gap:.8rem;font-family:var(--font-mono)}.podium[hidden]{display:none}.podium-card{flex:1 1 0;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .7rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 70%,transparent)}.podium-card.place-1{padding:1.5rem .8rem;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft));box-shadow:0 0 34px color-mix(in srgb,var(--accent) 18%,transparent)}.podium-medal{font-size:2rem;line-height:1}.podium-card.place-1 .podium-medal{font-size:2.7rem}.podium-pseudo{font-weight:700;font-size:.95rem;color:var(--fg);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{font-size:1.05rem;color:var(--accent);letter-spacing:.04em}.podium-msg{margin-top:.2rem;font-size:.72rem;font-style:italic;line-height:1.35;color:var(--fg-dim)}.leaderboard{width:100%;max-width:560px;font-family:var(--font-mono);text-align:left}.lb-title{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);text-align:center}.lb-count{letter-spacing:.04em;color:var(--accent)}.lb-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow-y:auto;max-height:420px}.lb-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.05)}.lb-list li:last-child{border-bottom:0}.lb-list .lb-rank{width:1.7rem;text-align:center;color:var(--fg-faint)}.lb-list .lb-pseudo{flex:1;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-list .lb-pts{color:var(--accent);letter-spacing:.04em}.lb-list li.lb-me{background:color-mix(in srgb,var(--accent) 10%,transparent)}.lb-list li.lb-me .lb-pseudo{color:var(--accent)}.lb-empty{color:var(--fg-dim);justify-content:center}.err-back{margin-top:.4rem;font-family:var(--font-mono);font-size:.85rem;color:var(--fg)}.err-back:hover{color:var(--accent)}@media(max-width:560px){.podium-card{padding:.7rem .5rem}.podium-card.place-1{padding:1.1rem .6rem}.podium-medal{font-size:1.6rem}.podium-card.place-1 .podium-medal{font-size:2.1rem}.podium-msg{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.glitch-404:before,.glitch-404:after{animation:none;opacity:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}