@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fragment+Mono:ital@0;1&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,700;1,6..72,400&display=swap";.light{--bg:#f2ede6;--bg2:#e8e2d9;--fg:#0d0d0d;--fg2:#3a3a3a;--fg3:#888;--accent:#0d0d0d;--accent2:#c0392b;--border:#0d0d0d;--border-thin:#ccc;--card-bg:#f2ede6;--card-hover:#0d0d0d;--card-hover-fg:#f2ede6;--tag-bg:#0d0d0d;--tag-fg:#f2ede6;--rule-thick:3px;--rule-thin:1px;--font-display:"Bebas Neue", sans-serif;--font-body:"Newsreader", serif;--font-mono:"Fragment Mono", monospace;--status-active:#1a7a1a;--status-dev:#c0392b;--status-upcoming:#888;--status-out:#1a7a1a;--noise-opacity:.03}.dark{--bg:#080808;--bg2:#111;--fg:#f0f0f0;--fg2:#bbb;--fg3:#666;--accent:#0f8;--accent2:#ff2d78;--border:#0f8;--border-thin:#1a1a1a;--card-bg:#0d0d0d;--card-hover:#0f8;--card-hover-fg:#080808;--tag-bg:#0f8;--tag-fg:#080808;--rule-thick:3px;--rule-thin:1px;--font-display:"Bebas Neue", sans-serif;--font-body:"Newsreader", serif;--font-mono:"Fragment Mono", monospace;--status-active:#0f8;--status-dev:#ff2d78;--status-upcoming:#888;--status-out:#0f8;--noise-opacity:.06}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}.app{opacity:0;max-width:1200px;margin:0 auto;padding:0 2rem;transition:opacity .4s,transform .4s;transform:translateY(8px)}.app.mounted{opacity:1;transform:translateY(0)}.noise{pointer-events:none;z-index:999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.rule{width:100%;height:var(--rule-thin);background:var(--border-thin);margin:0}.rule.thick{height:var(--rule-thick);background:var(--border)}.header{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.logo-mark{color:var(--accent);font-size:1.2rem;line-height:1}.dark .logo-mark{text-shadow:0 0 12px var(--accent)}.logo-text{flex-direction:column;gap:.1rem;display:flex}.logo-main{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg);font-size:.85rem;font-weight:400}.logo-sub{font-family:var(--font-mono);color:var(--fg3);letter-spacing:.08em;font-size:.65rem}.mode-toggle{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;padding:.4rem .8rem;font-size:.7rem;transition:background .15s,color .15s}.mode-toggle:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero{grid-template-columns:3rem 1fr auto;align-items:start;gap:2rem;padding:4rem 0 3rem;display:grid}.hero-index{font-family:var(--font-mono);color:var(--fg3);letter-spacing:.05em;padding-top:.6rem;font-size:.7rem}.hero-title{font-family:var(--font-display);letter-spacing:.02em;line-height:.92}.hero-title .line1{font-size:clamp(4rem,10vw,8rem);display:block}.hero-title .line2{color:var(--fg3);font-size:clamp(4rem,10vw,8rem);display:block}.hero-title .line3{color:var(--accent);font-size:clamp(4rem,10vw,8rem);display:block}.dark .hero-title .line3{text-shadow:0 0 30px var(--accent)}.hero-desc{color:var(--fg2);max-width:40ch;margin-top:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.hero-aside{border-left:var(--rule-thick) solid var(--border);flex-direction:column;gap:.35rem;min-width:160px;padding-top:.4rem;padding-left:1.25rem;display:flex}.aside-label{font-family:var(--font-mono);color:var(--fg3);letter-spacing:.12em;margin-top:.5rem;font-size:.6rem}.aside-label:first-child{margin-top:0}.aside-val{font-family:var(--font-mono);color:var(--fg);font-size:.75rem}.status-active{color:var(--status-active)!important}.dark .status-active{text-shadow:0 0 8px var(--status-active)}.section-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--fg3);margin-bottom:1.5rem;font-size:.65rem}.links-section{padding:3rem 0}.links-grid{border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;display:grid}.link-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;transition:background .12s,color .12s;display:grid}.link-card:last-child{border-right:none}.link-card:hover{background:var(--card-hover);color:var(--card-hover-fg)}.dark .link-card:hover{box-shadow:inset 0 0 30px #00ff8814}.link-symbol{color:var(--accent);font-size:1.1rem;transition:color .12s}.link-card:hover .link-symbol,.dark .link-card:hover .link-symbol{color:var(--card-hover-fg)}.link-label{font-family:var(--font-mono);letter-spacing:.1em;font-size:.8rem;font-weight:400}.link-sub{font-family:var(--font-body);color:var(--fg3);font-size:.75rem;font-style:italic;transition:color .12s}.link-card:hover .link-sub{color:var(--card-hover-fg);opacity:.7}.link-arrow{opacity:0;font-size:1rem;transition:opacity .12s,transform .12s;transform:translate(-4px)}.link-card:hover .link-arrow{opacity:1;transform:translate(0)}.works-section{padding:3rem 0}.works-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.works-header .section-label{margin-bottom:0}.filter-row{gap:0;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-right:none;padding:.35rem .8rem;font-size:.65rem;transition:background .12s,color .12s}.filter-btn:last-child{border-right:1px solid var(--border)}.filter-btn:hover,.filter-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.dark .filter-btn:hover,.dark .filter-btn.active{color:#080808}.works-grid{border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;display:grid}.work-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);animation:.3s both fadeSlideIn;animation-delay:calc(var(--i) * 60ms);flex-direction:column;gap:.75rem;padding:1.75rem;transition:background .15s;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.work-card:hover{background:var(--bg2)}.work-top{justify-content:space-between;align-items:center;display:flex}.work-type{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:.65rem}.dark .work-type{text-shadow:0 0 8px var(--accent)}.work-status{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid;padding:.2rem .5rem;font-size:.6rem}.status-INDEV{color:var(--status-dev)}.status-UPCOMING{color:var(--status-upcoming)}.status-OUTNOW{color:var(--status-out)}.status-PUBLIC{color:var(--status-active)}.work-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--fg);font-size:1.6rem;line-height:1}.work-desc{color:var(--fg2);flex:1;font-size:.85rem;font-style:italic;line-height:1.6}.work-tags{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.08em;background:var(--tag-bg);color:var(--tag-fg);padding:.2rem .5rem;font-size:.6rem}.footer{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg3);justify-content:space-between;padding:1.5rem 0;font-size:.65rem;display:flex}@media (width<=768px){.app{padding:0 1rem}.hero{grid-template-rows:auto auto;grid-template-columns:2rem 1fr;gap:1rem;padding:2rem 0}.hero-aside{border-left:none;border-top:1px solid var(--border-thin);flex-flow:wrap;grid-column:2;gap:1rem;padding-top:1rem;padding-left:0}.aside-label{margin-top:0}.links-grid{grid-template-columns:1fr}.link-card{border-right:none}.works-grid{grid-template-columns:1fr}.work-card{border-right:none}.footer{text-align:center;flex-direction:column;align-items:center;gap:.5rem}}