:root{--bg: #05060c;--fg: #f3f3fa;--muted: #9aa0b5;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);overflow:hidden}canvas{touch-action:none}.intro-overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0d1024,#05060c 70%);z-index:30}.intro-overlay__inner{text-align:center}.intro-overlay__inner h1{font-size:clamp(2.5rem,8vw,5rem);margin:0 0 .5rem;letter-spacing:-.02em}.intro-overlay__inner p{color:var(--muted);margin:0 0 2rem}.intro-overlay__inner button,.project-panel__back{background:var(--fg);color:#05060c;border:0;padding:.85rem 2.2rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.intro-overlay__inner button:hover{transform:scale(1.05)}.hints{position:fixed;left:0;right:0;bottom:3rem;text-align:center;pointer-events:none;z-index:10}.hints__title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;margin:0}.hints__sub{color:var(--muted);margin:.4rem 0 0;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.project-panel{position:fixed;inset:0;overflow:hidden;z-index:20;opacity:0;pointer-events:none;transition:opacity .6s ease;background:linear-gradient(180deg,#05060c33,#05060ceb 30%)}.project-panel.is-visible{opacity:1;pointer-events:auto}.project-panel__content{max-width:760px;margin:0 auto;padding:6rem 1.5rem 8rem;min-height:100%}.project-panel__back{margin-bottom:2.5rem}.project-panel__header h1{font-size:clamp(2rem,6vw,3.5rem);margin:0;color:var(--accent, var(--fg))}.project-panel__meta{color:var(--muted);margin:.5rem 0 1rem}.project-panel__stack{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 2.5rem}.project-panel__stack li{border:1px solid var(--muted);border-radius:999px;padding:.25rem .85rem;font-size:.8rem;color:var(--muted)}.prose{line-height:1.7;font-size:1.05rem}.prose h2{margin-top:2.5rem}.prose img{max-width:100%;border-radius:12px}.prose a{color:var(--accent, #7c5cff)}.project-panel__links{display:flex;gap:1rem;margin-top:3rem}.project-panel__links a{color:var(--fg);text-decoration:none;border-bottom:2px solid var(--accent, #7c5cff);padding-bottom:2px}