:root{--footer-h:52px;--bg:#f7f7fb;--fg:#14141c;--muted:#5c5c70;--card:#fff9;--card-hover:#ffffffd9;--border:#14142814;--accent:#6d4aff;--blob-1:#b6a4ff;--blob-2:#7fd8ff;--blob-3:#ffb3d9;--dot:#2a2550;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0b12;--fg:#ececf4;--muted:#9a9ab0;--card:#1818248c;--card-hover:#222232bf;--border:#ffffff14;--accent:#a28bff;--blob-1:#4b2fd1;--blob-2:#0f6f9e;--blob-3:#8a2a63;--dot:#d6ccff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0b12;--fg:#ececf4;--muted:#9a9ab0;--card:#1818248c;--card-hover:#222232bf;--border:#ffffff14;--accent:#a28bff;--blob-1:#4b2fd1;--blob-2:#0f6f9e;--blob-3:#8a2a63;--dot:#d6ccff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{min-height:100dvh;padding-bottom:var(--footer-h);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background .3s,color .3s;display:flex}a{color:inherit;text-decoration:none}.bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.45;border-radius:50%;width:42vmax;height:42vmax;animation:24s ease-in-out infinite alternate float;position:absolute}.b1{background:var(--blob-1);top:-12vmax;left:-10vmax}.b2{background:var(--blob-2);animation-duration:30s;animation-delay:-8s;top:30%;right:-14vmax}.b3{background:var(--blob-3);animation-duration:36s;animation-delay:-16s;bottom:-18vmax;left:20%}.bg canvas{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(6vmax,4vmax)scale(1.1)}to{transform:translate(-4vmax,8vmax)scale(.95)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}.top{justify-content:space-between;align-items:center;width:100%;max-width:1040px;margin:0 auto;padding:20px 16px;display:flex}.logo{letter-spacing:-.01em;font-weight:600}.theme-switch{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;place-items:center;transition:background .2s;display:grid}.theme-switch:hover{background:var(--card-hover)}.theme-switch svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun{display:block}:root:not([data-theme=light]) .icon-moon{display:none}}:root[data-theme=dark] .icon-sun{display:block}:root[data-theme=dark] .icon-moon{display:none}.wrap{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1040px;margin:0 auto;padding:0 16px;display:flex}.hero{text-align:center;padding:clamp(8px,4vh,48px) 0 clamp(24px,5vh,48px)}.hero h1{letter-spacing:-.04em;font-size:clamp(2.6rem,8vw,5rem);font-weight:700;line-height:1.05}.hero h1 span{background:linear-gradient(120deg, var(--accent), var(--blob-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:560px;color:var(--muted);margin:20px auto 0;font-size:1.1rem}.projects{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;list-style:none;display:grid}.card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;flex-direction:column;height:100%;padding:28px;transition:transform .25s,background .25s,border-color .25s;display:flex}.card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-4px)}.tag{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.75rem;font-weight:600}.card h2{letter-spacing:-.02em;margin:14px 0 8px;font-size:1.4rem}.card p{color:var(--muted);flex:1;font-size:.95rem}.link{color:var(--accent);margin-top:20px;font-size:.9rem;font-weight:500}.hero,.projects,.play-row{transition:opacity .4s,transform .4s}body.game-open .hero,body.game-open .projects,body.game-open .play-row{opacity:0;pointer-events:none;transform:scale(.97)}.play-row{justify-content:center;padding:clamp(20px,4vh,36px) 0 24px;display:flex}.play-btn{border:1px solid var(--border);background:var(--card);color:var(--fg);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-weight:600;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.play-btn:hover{border-color:var(--accent);background:var(--card-hover);transform:translateY(-2px)}.play-btn svg{fill:#ffd23f;width:18px;height:18px}.game-layer{z-index:10;place-items:center;padding:16px;animation:.4s ease-out fade-in;display:grid;position:fixed;inset:0}.game-layer.closing{opacity:0;transition:opacity .35s}.game{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:min(100%,480px);padding:20px;position:relative}.game-close{border:1px solid var(--border);width:34px;height:34px;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.game-close:hover{border-color:var(--accent)}.game-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:16px;height:16px}.game-hud{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;padding-right:44px;font-size:.85rem;display:flex}.game-hud b{color:var(--fg)}.game-canvas{aspect-ratio:19/21;touch-action:none;width:100%;display:block}.game-help{color:var(--muted);text-align:center;margin-top:12px;font-size:.8rem}@keyframes fade-in{0%{opacity:0;transform:scale(.97)}}.footer{z-index:5;min-height:var(--footer-h);border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;padding:8px 16px;font-size:.85rem;display:flex;position:fixed;bottom:0;left:0;right:0}.footer p+p:before{content:"· "}@media (max-width:600px){:root{--footer-h:64px}.footer{flex-direction:column;font-size:.72rem;line-height:1.5}.footer p+p:before{content:none}}@media (min-width:601px) and (max-height:780px){.top{padding-top:12px;padding-bottom:12px}.hero h1{font-size:3.6rem}.hero p{margin-top:12px}.card{padding:22px}}