:root{color-scheme:light;--bg: #eef0f2;--card: #ffffff;--ink: #1a1a1a;--muted: #6b7280;--line: #e5e7eb;--glass: rgba(255, 255, 255, .6);--glass-line: rgba(229, 231, 235, .8);--display: "Titan One", "Space Grotesk", system-ui, -apple-system, sans-serif}html[data-theme=dark]{color-scheme:dark;--bg: #10151b;--card: #1a222c;--ink: #f2f5f7;--muted: #9aa7b4;--line: #2a3542;--glass: rgba(26, 34, 44, .6);--glass-line: rgba(42, 53, 66, .8)}*{box-sizing:border-box}::selection{background:var(--ink);color:var(--bg)}body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--ink);font-family:Nunito,system-ui,-apple-system,sans-serif}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;font-size:.95rem;pointer-events:none}.nav-links,.sound-toggle,.theme-toggle{pointer-events:auto}.nav-links{display:flex;gap:4px;background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:4px;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.nav-links a{color:var(--muted);text-decoration:none;border-radius:999px;padding:6px 14px}.nav-links a:hover{color:var(--ink);background:var(--bg)}.nav-links a.is-active{color:var(--bg);background:var(--ink)}.sound-toggle{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);cursor:pointer}.sound-toggle:hover{color:var(--ink)}.sound-toggle .sound-icon-off,.sound-toggle.is-muted .sound-icon-on{display:none}.sound-toggle.is-muted .sound-icon-off{display:block}.theme-toggle{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);cursor:pointer}.theme-toggle:hover{color:var(--ink)}.theme-toggle .theme-icon-sun,html[data-theme=dark] .theme-toggle .theme-icon-moon{display:none}html[data-theme=dark] .theme-toggle .theme-icon-sun{display:block}.to-top{position:fixed;right:24px;bottom:24px;z-index:20;width:44px;height:44px;display:grid;place-items:center;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.intro-flow{position:relative;isolation:isolate;background:var(--bg)}.intro-ascii{position:sticky;top:0;z-index:0;display:block;width:100%;height:100vh;margin-bottom:-100vh;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%)}.spotlight{position:relative;z-index:1;height:340vh;background:transparent;color:var(--ink)}.spot-inner{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:80px 24px 40px}.spot-content{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto}.spot-kicker{font-size:.95rem;font-weight:700;text-transform:uppercase;color:var(--ink);margin:0 0 8px}.spot-head{margin:0 0 32px;font-size:clamp(1.4rem,2.4vw,2rem);color:var(--muted);max-width:28ch}.spot-progress{height:2px;background:var(--line);border-radius:2px;margin-bottom:32px;overflow:hidden}.spot-progress>div{height:100%;background:#268bd2;box-shadow:0 0 14px #3cb0ee47;transform:scaleX(0);transform-origin:0 50%}.spot-stage{position:relative;min-height:280px}.spot-panel{position:absolute;inset:0;display:grid;grid-template-columns:56px 1fr;gap:20px;opacity:0;visibility:hidden}.spot-panel.is-active{opacity:1;visibility:visible}.spot-badge{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--ink);padding-top:8px;white-space:nowrap}.spot-text{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;letter-spacing:-.02em}.spot-text .w{opacity:.16;transition:opacity .12s linear,text-shadow .12s linear}html[data-theme=dark] .spot-text .w{opacity:.28}html[data-theme=dark] .spot-text .w.lit{opacity:1}.spot-text .w.lit{opacity:1;text-shadow:none}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 40px}.hero-mascot-slot{width:160px;height:160px}.hero-title{margin:24px 0 0;font-family:var(--display);font-size:clamp(2.2rem,5vw,3.5rem);letter-spacing:-.02em}.hero-sub{color:var(--muted);max-width:560px}.hero-cta{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:10px 20px;text-decoration:none;font-size:.95rem}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.wrap{max-width:960px;margin:0 auto;padding:48px 24px}.flow{position:relative;z-index:1}.flow .wrap{padding-top:96px;padding-bottom:96px}.work-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:48px 1fr 32px;gap:16px;align-items:start;padding:28px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.work-item:hover{background:var(--card)}.work-index{font-family:monospace;font-size:.8rem;color:var(--muted);padding-top:6px}.work-body{display:flex;flex-direction:column;gap:6px}.work-title{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:-.01em}.work-featured .work-title{font-size:clamp(1.8rem,4vw,2.8rem)}.work-text{color:var(--muted);max-width:60ch}.work-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.work-arrow{font-size:1.4rem;color:var(--muted);padding-top:4px;transition:transform .2s ease}.work-item:hover .work-arrow{transform:translate(6px);color:var(--ink)}.footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:48px}.footer-inner{max-width:960px;margin:0 auto;padding:32px 24px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-note{margin:0;color:var(--muted);font-size:.9rem}.footer-links{margin:0;display:flex;gap:16px;font-size:.9rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;min-height:180px}.card h3{margin:0 0 8px}.card-text{color:var(--muted)}.card-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tag{font-size:.75rem;border:1px solid var(--line);border-radius:999px;padding:2px 10px}.tag-game{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.tag-steam{background:#e0e7ff;border-color:#93c5fd;color:#1e40af}.tag-pixel{background:#fae8ff;border-color:#f0abfc;color:#86198f}.tag-security{background:#dcfce7;border-color:#86efac;color:#166534}.tag-iso{background:#ccfbf1;border-color:#5eead4;color:#115e59}.tag-tool{background:#fef3c7;border-color:#fcd34d;color:#92400e}.tag-ref{background:#cffafe;border-color:#67e8f9;color:#155e75}.tag-web{background:#e0f2fe;border-color:#7dd3fc;color:#075985}.tag-data{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.tag-frontend{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.tag-exp{background:#ffedd5;border-color:#fdba74;color:#9a3412}html[data-theme=dark] .tag-game{background:#2e1065;border-color:#7c3aed;color:#d8b4fe}html[data-theme=dark] .tag-steam{background:#172554;border-color:#3b82f6;color:#bfdbfe}html[data-theme=dark] .tag-pixel{background:#4a044e;border-color:#d946ef;color:#f5d0fe}html[data-theme=dark] .tag-security{background:#052e16;border-color:#22c55e;color:#bbf7d0}html[data-theme=dark] .tag-iso{background:#042f2e;border-color:#14b8a6;color:#99f6e4}html[data-theme=dark] .tag-tool{background:#451a03;border-color:#f59e0b;color:#fde68a}html[data-theme=dark] .tag-ref{background:#083344;border-color:#06b6d4;color:#a5f3fc}html[data-theme=dark] .tag-web{background:#0c2f4a;border-color:#0ea5e9;color:#bae6fd}html[data-theme=dark] .tag-data{background:#1e1b4b;border-color:#6366f1;color:#c7d2fe}html[data-theme=dark] .tag-frontend{background:#500724;border-color:#ec4899;color:#fbcfe8}html[data-theme=dark] .tag-exp{background:#431407;border-color:#f97316;color:#fed7aa}.card-link{display:inline-block;margin-top:12px;font-size:.9rem}.card.is-loading .shimmer{border-radius:6px;background:linear-gradient(90deg,#eee 25%,#e2e2e2 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.2s infinite;color:transparent;user-select:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:none}.mascot{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;padding:0;border:0;background:transparent;cursor:pointer;appearance:none;z-index:10;will-change:top,width,height;isolation:isolate}.mascot-frame{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-image:url(../images/directions.png);background-size:300% 300%;background-position:50% 50%;transform-origin:50% 78%;z-index:2}.mascot.reacting .mascot-frame{background-image:url(../images/reactions.png)}.mascot.squash .mascot-frame{animation:squash .42s linear}.mascot:after{content:"";position:absolute;inset:12%;border:max(2px,.018em) solid #4ddcff;border-radius:50%;opacity:0;pointer-events:none;z-index:0}.mascot.boop-ring:after{animation:boop-ring .55s ease-out}.boop-spark{--spark-color: #4ddcff;position:absolute;left:50%;top:43%;width:clamp(5px,7%,11px);aspect-ratio:1;border-radius:35%;background:var(--spark-color);box-shadow:0 0 10px var(--spark-color);opacity:0;pointer-events:none;z-index:0;animation:boop-spark .6s cubic-bezier(.16,.75,.3,1) forwards}@keyframes squash{0%{transform:scale(1)}18%{transform:scale(1.1,.86)}45%{transform:scale(.95,1.08)}72%{transform:scale(1.03,.97)}to{transform:scale(1)}}@keyframes boop-ring{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.45)}}@keyframes boop-spark{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0) scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--spark-x),var(--spark-y)) rotate(135deg) scale(.7)}}@media(max-width:640px){.spot-inner{padding:72px 20px 32px}.spot-head,.spot-progress{margin-bottom:24px}.spot-stage{min-height:390px}.spot-panel{grid-template-columns:1fr;align-content:start;gap:18px}.spot-badge{width:max-content}.spot-text{font-size:clamp(1.75rem,9vw,2.35rem)}}@media(prefers-reduced-motion:reduce){.mascot.squash .mascot-frame,.mascot.boop-ring:after,.boop-spark,.card.is-loading .shimmer,.reveal{animation:none;transition:none;opacity:1;transform:none}.spot-text .w{transition:none}}