:root{--bg: #0a0e13;--bg-2: #0e141c;--panel: #10161f;--panel-2: #151d28;--ink-strong:#eaf5f1;--ink: #b7c7cc;--ink-dim: #6d7f8a;--ink-faint: #46555f;--line: #1d2a35;--line-2: #2a3a47;--paper: #eef3f5;--paper-2: #f8fbfc;--paper-line:#d6e0e4;--paper-ink: #0f1620;--paper-dim: #55656b;--mint: #54f0c4;--mint-dim: #2ba88a;--mint-ink: #0b2b24;--cyan: #53c8f0;--amber: #ffb35c;--signal: #ff5f7a;--font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--ease-out: cubic-bezier(.22,.61,.36,1);--ease-snap: cubic-bezier(.16,1,.3,1);--dur: .38s;--maxw: 1200px;--gutter: clamp(20px, 5vw, 56px);--radius: 10px;--radius-sm: 6px;--grid-color: rgba(84,240,196,.06);--nav-bg: rgba(10,14,19,.72);--nav-bg-solid: rgba(10,14,19,.9);--thumb-base: #0d141c;--btn-ink: #04231c;--thumb-label: rgba(255,255,255,.55);--aurora-a: rgba(84,240,196,.2);--aurora-b: rgba(83,200,240,.18);--dot-color: rgba(84,240,196,.42)}[data-theme=paper]{--bg:#eef3f5;--bg-2:#e6eef1;--panel:#ffffff;--panel-2:#f7fafb;--ink-strong:#10161d;--ink:#3c4b52;--ink-dim:#61737b;--ink-faint:#93a3aa;--line:#d6e1e5;--line-2:#c2d2d8;--paper:#eef3f5;--paper-2:#ffffff;--paper-line:#cfdce1;--paper-ink:#10161d;--paper-dim:#5b6c73;--mint:#12a884;--mint-dim:#0d8a6b;--mint-ink:#ffffff;--cyan:#1f8fd0;--amber:#e8853d;--signal:#e5537a;--faint:#93a3aa;--grid-color:rgba(15,150,120,.09);--nav-bg:rgba(255,255,255,.8);--nav-bg-solid:#ffffff;--thumb-base:#eaf1f4;--btn-ink:#04231c;--thumb-label:rgba(0,0,0,.52);--aurora-a:rgba(18,168,132,.22);--aurora-b:rgba(31,143,208,.2);--dot-color:rgba(0,0,0,.16)}[data-theme=paper] .hero-title .grad{background:linear-gradient(120deg,#0f9a76,#1173b8,#12a884);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=paper] .nav .name{color:var(--ink-strong)}[data-theme=paper] .scroll-cue .line{background:linear-gradient(var(--mint),transparent)}[data-theme=paper] .eyebrow{color:var(--mint)}[data-theme=paper] .btn.primary:hover{box-shadow:0 12px 30px -10px #12a88480}[data-theme=paper] .section-title{color:var(--ink-strong)}[data-theme=neon]{--bg:#05070e;--bg-2:#080b14;--panel:#0a0f1b;--panel-2:#0d1322;--ink-strong:#eafffb;--ink:#a6c2c9;--ink-dim:#5f7380;--ink-faint:#39474f;--line:#18273a;--line-2:#223650;--mint:#3ef0d0;--mint-dim:#1fae97;--mint-ink:#04211c;--cyan:#41c6f0;--amber:#ffd166;--signal:#ff5f8a;--grid-color:rgba(62,240,208,.08);--nav-bg:rgba(5,7,14,.68);--nav-bg-solid:rgba(5,7,14,.92);--thumb-base:#071120;--btn-ink:#04211c;--aurora-a:rgba(62,240,208,.22);--aurora-b:rgba(160,92,255,.24);--dot-color:rgba(62,240,208,.4)}[data-theme=neon] .hero-title .grad{background:linear-gradient(120deg,#3ef0d0,#41c6f0 55%,#a05cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(62,240,208,.42))}[data-theme=neon] .eyebrow{color:var(--mint)}[data-theme=neon] .btn.primary{box-shadow:0 0 0 1px #3ef0d066,0 0 28px #3ef0d057}[data-theme=neon] .btn.ghost:hover{border-color:var(--mint);color:var(--mint);box-shadow:inset 0 0 24px #3ef0d01f}[data-theme=neon] .proj-card:hover{border-color:var(--mint)}[data-theme=neon] .nav{border-bottom-color:#3ef0d024}[data-theme=neon] .stat .v em{color:var(--mint)}[data-theme=blueprint]{--bg:#0a1424;--bg-2:#0c182b;--panel:#0e1c30;--panel-2:#122237;--ink-strong:#dbe9f7;--ink:#93a9c0;--ink-dim:#5b738c;--ink-faint:#3c5065;--line:#1f3550;--line-2:#2a4563;--mint:#43c8ff;--mint-dim:#2486c0;--mint-ink:#04121f;--cyan:#43c8ff;--amber:#ffc069;--signal:#ff6b6b;--grid-color:rgba(67,200,255,.1);--nav-bg:rgba(10,20,36,.68);--nav-bg-solid:rgba(10,20,36,.9);--thumb-base:#0e2136;--btn-ink:#04121f;--aurora-a:rgba(43,140,220,.25);--aurora-b:rgba(43,200,255,.18);--dot-color:rgba(67,200,255,.42)}[data-theme=blueprint] .hero-gridlines{background-image:linear-gradient(rgba(67,200,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(67,200,255,.14) 1px,transparent 1px);background-size:44px 44px}[data-theme=blueprint] .hero-title .grad{background:linear-gradient(120deg,#68d4ff,#43c8ff,#2a9fff);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=blueprint] .eyebrow{color:var(--cyan)}[data-theme=blueprint] .nav{border-bottom-color:#43c8ff2e}[data-theme=blueprint] .tag{color:var(--cyan);border-color:#43c8ff4d}[data-theme=blueprint] .stat .v em{color:var(--cyan)}[data-theme=graphite]{--bg:#0a0b0c;--bg-2:#0e0f10;--panel:#121416;--panel-2:#171a1c;--ink-strong:#e6e9e6;--ink:#9aa09c;--ink-dim:#5d6460;--ink-faint:#3c413e;--line:#23262a;--line-2:#2e3336;--mint:#39e07c;--mint-dim:#1fb35e;--mint-ink:#04140a;--cyan:#39e07c;--amber:#ffb35c;--signal:#ff6b6b;--grid-color:rgba(57,224,124,.06);--nav-bg:rgba(10,11,12,.72);--nav-bg-solid:rgba(10,11,12,.92);--thumb-base:#121416;--btn-ink:#04140a;--aurora-a:rgba(57,224,124,.18);--aurora-b:rgba(180,220,140,.14);--dot-color:rgba(57,224,124,.32)}[data-theme=graphite] .hero-title .grad{background:linear-gradient(120deg,#39e07c,#8be0b0);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=graphite] .eyebrow{color:var(--mint)}[data-theme=graphite] .nav{border-bottom-color:#39e07c24}[data-theme=graphite] .bar span{background:linear-gradient(90deg,#39e07c,#39e07c)}[data-theme=graphite] .stat .v em{color:var(--mint)}[data-theme=harness]{--bg:#07090f;--bg-2:#0a0d15;--panel:rgba(16,22,38,.6);--panel-2:rgba(20,27,44,.6);--ink-strong:#f3f5ff;--ink:#aeb6d0;--ink-dim:#68728f;--ink-faint:#3b455c;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.16);--mint:#6a7bff;--mint-dim:#4b5bd6;--mint-ink:#ffffff;--cyan:#41c6f0;--amber:#ffd166;--signal:#ff6b9d;--grid-color:rgba(106,123,255,.08);--nav-bg:rgba(7,9,15,.68);--nav-bg-solid:rgba(7,9,15,.9);--thumb-base:#0e1526;--btn-ink:#ffffff;--thumb-label:rgba(255,255,255,.62);--aurora-a:rgba(59,91,214,.5);--aurora-b:rgba(124,77,255,.45);--dot-color:rgba(120,140,255,.42)}[data-theme=harness] .hero-cols{grid-template-columns:1.05fr .95fr;gap:52px}[data-theme=harness] .hero-terminal{display:block}[data-theme=harness] .hero-title .grad{background:linear-gradient(115deg,#93a7ff,#6a7bff 45%,#b78bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(106,123,255,.45))}[data-theme=harness] .hero-title{font-size:clamp(2.4rem,4.6vw,3.7rem)}[data-theme=harness] .eyebrow{color:var(--mint)}[data-theme=harness] .section-title{color:var(--ink-strong)}[data-theme=harness] .btn{border-radius:999px}[data-theme=harness] .btn.primary{box-shadow:0 6px 24px -6px #6a7bff8c}[data-theme=harness] .btn.primary:hover{box-shadow:0 10px 34px -6px #6a7bffb3}[data-theme=harness] .btn.ghost{border-color:#ffffff24}[data-theme=harness] .btn.ghost:hover{border-color:var(--mint);color:var(--mint)}[data-theme=harness] .about-card,[data-theme=harness] .proj-card,[data-theme=harness] .game-card,[data-theme=harness] .stat,[data-theme=harness] .hmeta{background:#10162680;backdrop-filter:blur(12px);border-color:#ffffff17}[data-theme=harness] .proj-card:hover{border-color:var(--mint);box-shadow:0 30px 60px -30px #6a7bff80}[data-theme=harness] .game-card:hover{border-color:var(--mint);box-shadow:0 24px 50px -26px #6a7bff73}[data-theme=harness] .nav-cta{border-radius:999px;background:var(--mint);color:#fff}[data-theme=harness] .bar span{background:linear-gradient(90deg,#6a7bff,#41c6f0)}[data-theme=harness] .cta-band{background:linear-gradient(120deg,rgba(106,123,255,.08),transparent 60%)}[data-theme=harness] .mono-note{color:var(--ink-faint)}[data-theme=harness] .nav{border-bottom-color:#ffffff0f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.site{position:relative;z-index:1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px}::selection{background:var(--mint);color:var(--mint-ink)}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--mint);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--mint);display:inline-block}.h-split{color:var(--mint)}.h-dot{color:var(--ink-faint);font-weight:300}section{position:relative}.section{padding-block:clamp(70px,9vw,120px)}.section-head{margin-bottom:clamp(34px,5vw,60px)}.section-title{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:700;letter-spacing:-.02em;color:var(--ink-strong);line-height:1.05;margin-top:14px}.section-title .thin{color:var(--ink-dim);font-weight:400}.section-sub{max-width:640px;margin-top:18px;color:var(--ink-dim)}.data-strip{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.data-strip b{color:var(--mint);font-weight:600}.data-strip span{color:var(--ink-faint)}html:not(.js) .reveal{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}html:not(.js) .skill .bar span{width:var(--w)}.reveal.is-in{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:60;backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--line);transition:border-color .3s,background .3s}.nav.scrolled{background:var(--nav-bg-solid);border-color:var(--line-2)}.nav .container{height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-mono)}.nav-brand .logo{width:30px;height:30px;flex:none}.nav-brand .name{font-weight:700;color:var(--ink-strong);letter-spacing:.04em}.nav-brand .sub{font-size:11px;color:var(--ink-faint);letter-spacing:.14em;display:block;margin-top:-2px}.nav-links{display:flex;gap:6px;align-items:center;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim);padding:8px 13px;border-radius:var(--radius-sm);position:relative;letter-spacing:.03em;display:flex;align-items:center;gap:7px;transition:color .2s}.nav-links a .idx{color:var(--ink-faint);font-size:11px}.nav-links a:hover{color:var(--ink-strong);background:#54f0c40f}.nav-links a.active,.nav-links a.active .idx{color:var(--mint)}.nav-cta{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--bg);background:var(--mint);padding:8px 14px;border-radius:var(--radius-sm)}.nav-cta:hover{background:#7bffe0}.nav-trigger{display:none;flex-direction:column;gap:5px;padding:8px}.nav-trigger span{width:22px;height:2px;background:var(--ink-strong);display:block;transition:.25s}@media (max-width:820px){.nav-links{position:fixed;inset:64px 0 0;flex-direction:column;align-items:flex-start;padding:24px var(--gutter);background:#0a0e13f5;gap:4px;transform:translate(100%);transition:transform .3s var(--ease-out)}.nav-links.open{transform:none}.nav-links a{font-size:16px;padding:12px 0;width:100%}.nav-trigger{display:flex}.nav-cta{margin-left:auto;margin-right:12px}}.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-gridlines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 75%)}.hero .container{position:relative;z-index:2}.hero-inner{max-width:900px}.hero-eyebrow{font-family:var(--font-mono);color:var(--mint);font-size:13px;letter-spacing:.3em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";width:34px;height:1px;background:var(--mint)}.hero-eyebrow .live{display:inline-flex;align-items:center;gap:6px;color:var(--ink-dim)}.hero-eyebrow .live:before{content:"";width:7px;height:7px;background:var(--mint);border-radius:50%;animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #54f0c480}50%{opacity:.4;box-shadow:0 0 0 6px #54f0c400}}.hero-title{font-size:clamp(3rem,8.5vw,6.2rem);font-weight:800;line-height:.98;letter-spacing:-.03em;color:var(--ink-strong);margin:22px 0 0;text-wrap:balance}.hero-title .grad{background:linear-gradient(120deg,var(--mint) 0%,var(--cyan) 60%,var(--mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:620px;margin-top:26px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--ink)}.hero-lead b{color:var(--ink-strong);font-weight:600}.hero-meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.hmeta{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:13px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 14px;background:var(--panel)}.hmeta i{width:8px;height:8px;border-radius:50%;background:var(--mint);flex:none}.hmeta.amber i{background:var(--amber)}.hmeta.cyan i{background:var(--cyan)}.hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;padding:14px 24px;border-radius:var(--radius-sm);position:relative;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .2s,color .2s,background .2s}.btn.primary{background:var(--mint);color:var(--btn-ink);font-weight:600}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px #54f0c480}.btn.ghost{border:1px solid var(--line-2);color:var(--ink-strong)}.btn.ghost:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-2px)}.btn .arr{transition:transform .2s var(--ease-out)}.btn:hover .arr{transform:translate(4px)}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em}.scroll-cue .line{width:1px;height:44px;background:linear-gradient(var(--mint),transparent);position:relative;overflow:hidden}.scroll-cue .line:after{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:var(--ink-strong);animation:drop 1.8s var(--ease-out) infinite}@keyframes drop{to{top:110%}}.section-topline{display:flex;align-items:center;gap:16px;margin-bottom:8px}.section-topline .n{font-family:var(--font-mono);color:var(--ink-faint);font-size:13px;letter-spacing:.2em}.section-topline .r{flex:1;height:1px;background:var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:start}.about-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative;overflow:hidden}.about-card .tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{font-family:var(--font-mono);font-size:12px;color:var(--mint);border:1px solid var(--line-2);border-radius:4px;padding:5px 10px;background:#54f0c40a}.tag.gray{color:var(--ink-dim);border-color:var(--line)}.about-card .big{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--ink-strong);line-height:1.25}.about-card .big em{font-style:normal;color:var(--mint)}.about-card p{margin-top:14px;color:var(--ink-dim)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.stat{border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;text-align:left;background:var(--panel-2)}.stat .v{font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--ink-strong)}.stat .v em{font-style:normal;color:var(--mint);font-size:.6em}.stat .l{font-size:12px;color:var(--ink-dim);margin-top:4px;font-family:var(--font-mono);letter-spacing:.05em}.skill{margin-bottom:18px}.skill .top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:13px;color:var(--ink);margin-bottom:8px}.skill .top .pct{color:var(--mint)}.bar{height:5px;background:var(--line);border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--cyan));border-radius:4px;width:0;transition:width 1.2s var(--ease-snap)}.skill.is-in .bar span{width:var(--w)}.mono-note{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.1em;margin-top:26px;line-height:2}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.proj-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.proj-card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:0 30px 60px -30px #000000b3}.proj-card .thumb{height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(120% 120% at 30% 20%,var(--pc,#1b3a3a) 0%,var(--thumb-base) 60%)}.proj-card .thumb .glyph{font-size:52px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));transition:transform .4s var(--ease-out)}.proj-card:hover .thumb .glyph{transform:scale(1.12) rotate(-4deg)}.proj-card .thumb .corner{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--thumb-label);letter-spacing:.1em}.proj-card .thumb .corner.tl{top:10px;left:12px}.proj-card .thumb .corner.br{bottom:10px;right:12px}.proj-card .body{padding:18px 20px 20px}.proj-card .body .cat{font-family:var(--font-mono);font-size:11px;color:var(--mint);letter-spacing:.14em;text-transform:uppercase}.proj-card .body h3{color:var(--ink-strong);font-size:1.2rem;margin:8px 0;letter-spacing:-.01em}.proj-card .body p{font-size:.92rem;color:var(--ink-dim)}.proj-card .body .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.proj-card .body .tags span{font-family:var(--font-mono);font-size:11px;color:var(--ink);border:1px solid var(--line);padding:3px 9px;border-radius:4px}.proj-card .foot{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.proj-card .foot .status{display:flex;align-items:center;gap:7px}.proj-card .foot .status i{width:7px;height:7px;border-radius:50%}.proj-card .foot .status.on i{background:var(--mint)}.proj-card .foot .status.wip i{background:var(--amber)}.proj-card .foot .status.soon i{background:var(--ink-faint)}.games-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}.games-count{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim)}.games-count b{color:var(--mint)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.game-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);position:relative;cursor:pointer;transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-4px);border-color:var(--mint);box-shadow:0 24px 50px -26px #54f0c466}.game-card .shot{aspect-ratio:16/10;background:linear-gradient(135deg,var(--pc,#123),var(--bg) 70%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-card .shot .cover{font-size:46px;transition:transform .4s var(--ease-out)}.game-card:hover .shot .cover{transform:scale(1.12)}.game-card .shot .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e1399;opacity:0;transition:opacity .25s;backdrop-filter:blur(2px)}.game-card:hover .shot .play{opacity:1}.game-card .shot .play span{width:54px;height:54px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:#04231c;font-size:20px}.game-card .info{padding:16px 18px}.game-card .info .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-card .info h3{color:var(--ink-strong);font-size:1.05rem}.game-card .info .type{font-family:var(--font-mono);font-size:11px;color:var(--amber);letter-spacing:.1em}.game-card .info p{font-size:.88rem;color:var(--ink-dim);margin-top:8px}.game-card .info .meta{display:flex;gap:14px;margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.game-card .info .meta b{color:var(--mint);font-weight:600}.cta-band{border-block:1px solid var(--line);background:linear-gradient(120deg,rgba(84,240,196,.06),transparent 60%);padding:clamp(46px,7vw,80px) 0;text-align:center}.cta-band h2{font-size:clamp(1.8rem,5vw,3rem);color:var(--ink-strong);font-weight:800;letter-spacing:-.02em;max-width:720px;margin:0 auto}.cta-band h2 em{font-style:normal;color:var(--mint)}.cta-band p{max-width:560px;margin:18px auto 0;color:var(--ink-dim)}.cta-band .btn{margin-top:30px}.footer{border-top:1px solid var(--line);padding:40px 0 30px;background:var(--bg-2)}.footer .top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.footer .brand{display:flex;align-items:center;gap:12px;font-family:var(--font-mono)}.footer .brand img{width:34px;height:34px}.footer .brand .nm{color:var(--ink-strong);font-weight:700}.footer .brand .dm{color:var(--mint);font-size:12px}.footer .cols{display:flex;gap:60px;flex-wrap:wrap}.footer .cols h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:12px}.footer .cols a{display:block;color:var(--ink-dim);font-size:14px;margin-bottom:8px;transition:color .2s}.footer .cols a:hover{color:var(--mint)}.footer .bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:18px}.footer .bottom .icp a{color:var(--ink-faint)}.footer .bottom .icp a:hover{color:var(--mint)}.overlay{position:fixed;inset:0;z-index:120;background:#05090cb8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s var(--ease-out)}.overlay.open{opacity:1}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);width:min(920px,100%);max-height:90vh;overflow:auto;position:relative;transform:translateY(22px) scale(.98);transition:transform .32s var(--ease-snap);box-shadow:0 40px 120px -30px #000c}.overlay.open .modal{transform:none}.modal .close{position:absolute;top:14px;right:14px;z-index:5;width:36px;height:36px;border-radius:8px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--ink-strong);background:var(--bg);font-size:18px}.modal .close:hover{color:var(--mint);border-color:var(--mint)}.proj-modal-head{padding:28px 30px 20px;border-bottom:1px solid var(--line);position:relative;background:linear-gradient(135deg,var(--pc,#163),#0d141c 70%)}.proj-modal-head .cat{font-family:var(--font-mono);font-size:12px;color:var(--mint);letter-spacing:.16em;text-transform:uppercase}.proj-modal-head h3{font-size:clamp(1.5rem,3.4vw,2.3rem);color:var(--ink-strong);margin-top:8px}.proj-modal-head .meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.proj-modal-body{padding:28px 30px 32px}.proj-modal-body .sec{color:var(--ink-strong);font-size:1.05rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}.proj-modal-body .sec:before{content:"";width:8px;height:8px;background:var(--mint);border-radius:2px}.proj-modal-body p{color:var(--ink-dim);margin-bottom:18px}.proj-modal-body ul{list-style:none;margin-bottom:18px}.proj-modal-body li{color:var(--ink-dim);padding-left:20px;position:relative;margin-bottom:8px}.proj-modal-body li:before{content:"+";position:absolute;left:0;color:var(--mint);font-family:var(--font-mono)}.proj-modal-body .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.proj-modal-body .tags span{font-family:var(--font-mono);font-size:12px;color:var(--ink);border:1px solid var(--line-2);padding:5px 11px;border-radius:4px}.proj-modal-body .links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.play-modal{width:min(1200px,100%);max-height:92vh;padding:0;display:flex;flex-direction:column}.play-frame-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-2)}.play-frame-head .left{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;color:var(--ink)}.play-frame-head .left .dot{width:10px;height:10px;border-radius:50%;background:var(--mint);animation:pulse 1.6s infinite}.play-frame-head .left b{color:var(--ink-strong);font-weight:600}.play-frame-head .right{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.play-frame{flex:1;background:var(--bg);position:relative;min-height:60vh;overflow:hidden}.play-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:#05080b}.play-loading{color:var(--ink-dim);font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:absolute;inset:0;background:#05080b;transition:opacity .4s var(--ease-out)}.spinner{width:38px;height:38px;border:2px solid var(--line);border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--ink-faint);font-family:var(--font-mono);text-align:center;padding:60px 0}@media (max-width:860px){.about-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.footer .cols{gap:34px}}@media (max-width:560px){.stat-grid{grid-template-columns:1fr}.nav-cta{display:none}}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.85}.bg-aurora{position:absolute;inset:-25%;z-index:0;filter:blur(70px);opacity:.55;background:radial-gradient(42% 46% at 18% 22%,var(--aurora-a) 0%,transparent 60%),radial-gradient(50% 55% at 82% 30%,var(--aurora-b) 0%,transparent 60%),radial-gradient(40% 50% at 55% 90%,var(--aurora-b) 0%,transparent 60%);animation:aurora 26s ease-in-out infinite}.bg-aurora-b{opacity:.4;animation-duration:34s;animation-direction:reverse;background:radial-gradient(46% 52% at 40% 10%,var(--aurora-b) 0%,transparent 58%),radial-gradient(42% 46% at 90% 70%,var(--aurora-a) 0%,transparent 58%)}@keyframes aurora{0%,to{transform:translate3d(-2%,-2%,0) rotate(0)}50%{transform:translate3d(2%,3%,0) rotate(6deg)}}.bg-dots{position:absolute;inset:0;z-index:1;opacity:.4;background-image:radial-gradient(var(--dot-color) 1px,transparent 1.4px);background-size:22px 22px;mask-image:radial-gradient(ellipse 75% 65% at 50% 35%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 35%,#000 30%,transparent 80%)}.hero-cols{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.hero-terminal{display:none}.hero-count{display:flex;align-items:center;gap:12px;margin-top:34px;font-family:var(--font-mono);font-size:13px;color:var(--ink-dim)}.hero-count b{color:var(--mint);font-weight:600}.hero-count .sep{color:var(--ink-faint)}.terminal-card{background:#101626b8;border:1px solid rgba(255,255,255,.09);border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 30px 80px -30px #000000b3;overflow:hidden;font-family:var(--font-mono)}.tc-chrome{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.tc-chrome .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tc-chrome .dot.r{background:#ff5f56}.tc-chrome .dot.y{background:#ffbd2e}.tc-chrome .dot.g{background:#27c93f}.tc-tabs{display:flex;gap:14px;margin-left:10px;font-size:12px;color:var(--ink-dim);flex:1;overflow:hidden}.tc-tab{white-space:nowrap;position:relative;padding-bottom:2px}.tc-tab.active{color:var(--ink-strong)}.tc-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--mint);border-radius:2px}.tc-copy{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;transition:.2s}.tc-copy:hover{color:var(--ink-strong);border-color:var(--mint)}.tc-body{padding:16px 18px 18px;font-size:13px;line-height:2;color:var(--ink)}.tc-line{display:flex;gap:10px;white-space:nowrap}.tc-line.dim{color:var(--ink-faint)}.tc-p{color:var(--mint);font-weight:700}.tc-c{color:var(--ink-strong)}.tc-dots{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-top:16px}.tc-dots i{height:4px;border-radius:2px;background:#54f0c438}.tc-dots i:nth-child(3n){background:#35c8f040}.tc-dots i:nth-child(4n){background:#ffb35c38}.style-switcher{position:fixed;right:18px;bottom:18px;z-index:130;font-family:var(--font-sans)}.ss-toggle{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:#101626cc;border:1px solid rgba(255,255,255,.14);color:var(--ink-strong);backdrop-filter:blur(12px);box-shadow:0 12px 30px -12px #0009;transition:.2s}.ss-toggle:hover{border-color:var(--mint)}.ss-swatch{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #ffffff2e}.ss-label{font-weight:600;font-size:13px}.ss-chev{color:var(--ink-dim);font-size:12px;transition:transform .2s}.style-switcher.open .ss-chev{transform:rotate(180deg)}.ss-menu{position:absolute;right:0;bottom:52px;width:220px;background:#101626eb;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;backdrop-filter:blur(14px);box-shadow:0 30px 70px -25px #000c;transform:translateY(8px);opacity:0;pointer-events:none;transition:.22s var(--ease-out)}.style-switcher.open .ss-menu{transform:none;opacity:1;pointer-events:auto}.ss-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;padding:6px 10px 8px}.ss-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:10px;color:var(--ink);transition:.15s}.ss-item:hover{background:#ffffff0f}.ss-item.active{background:#54f0c41a;color:var(--mint)}.ss-item-swatch{width:14px;height:14px;border-radius:50%;flex:none}.ss-item b{font-size:14px;font-weight:600;display:block;line-height:1.1}.ss-item-desc{font-size:11px;color:var(--ink-dim)}.ss-check{margin-left:auto;color:var(--mint)}