:root{--bg:#07080d;--bg-2:#0b0c13;--surface:#11131c;--surface-2:#171a26;--surface-3:#202436;--glass:rgba(255,255,255,0.035);--glass-strong:rgba(255,255,255,0.06);--line:rgba(255,255,255,0.075);--line-strong:rgba(255,255,255,0.14);--text:#f3f4f9;--muted:#a3a9bd;--faint:#6b7189;--gold:#ffcf73;--ember:#f2864a;--violet:#8b7bff;--mint:#5fe3c4;--danger:#ff6b6b;--grad:linear-gradient(115deg,#ffe7a8 0%,#ffbe5e 38%,#f2864a 72%,#e8607a 100%);--grad-ring:linear-gradient(140deg,rgba(255,214,140,0.55),rgba(139,123,255,0.25) 45%,rgba(255,255,255,0.04) 70%);--radius:20px;--radius-sm:12px;--radius-lg:28px;--shadow:0 24px 60px -24px rgba(0,0,0,0.8);--shadow-soft:0 1px 0 rgba(255,255,255,0.05) inset,0 18px 40px -22px rgba(0,0,0,0.75);--font:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-display:'Bricolage Grotesque','Manrope',ui-sans-serif,system-ui,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1);--wrap:1240px;--header-h:76px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{position:relative;margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body::before,body::after{content:'';position:absolute;inset:0 0 auto;height:1100px;pointer-events:none;z-index:-1}body::before{background:radial-gradient(38% 42% at 78% 8%,rgba(242,134,74,0.2),transparent 70%),radial-gradient(34% 40% at 12% 0%,rgba(139,123,255,0.2),transparent 70%),radial-gradient(30% 30% at 50% 60%,rgba(95,227,196,0.06),transparent 70%)}body::after{background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 0%,#000 30%,transparent 75%)}::selection{background:rgba(255,190,94,0.35);color:#fff}img,svg{display:block;max-width:100%}a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:3px;transition:color 0.2s}a:hover{color:#ffe2a6}h1,h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-0.03em;margin:0 0 0.5em;font-weight:700;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.75rem,3.4vw,2.5rem)}h3{font-size:1.25rem;letter-spacing:-0.02em}p{margin:0 0 1em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--gold);color:#000;padding:10px 16px;border-radius:10px;font-weight:600}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}@media (min-width:700px){.wrap{padding:0 32px}}.narrow{max-width:840px}.center{text-align:center}.grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grad-shift 8s ease-in-out infinite alternate}@keyframes grad-shift{to{background-position:100% 0}}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;font-size:0.78rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.kicker::before{content:'';width:22px;height:2px;border-radius:2px;background:var(--grad)}.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;margin:0 0 26px;border-radius:999px;font-size:0.86rem;font-weight:600;color:var(--text);background:var(--glass);border:1px solid var(--line-strong);box-shadow:0 0 0 4px rgba(255,255,255,0.02)}.pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--mint)}.pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--mint);opacity:0;animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%{transform:scale(0.6);opacity:0.8}100%{transform:scale(1.8);opacity:0}}.lede{font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--muted);max-width:60ch}.meta{color:var(--faint);font-size:0.95rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:0.98rem;letter-spacing:-0.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease),background 0.2s,border-color 0.2s}.btn svg{width:16px;height:16px;fill:currentColor}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(0.98)}.btn-sm{min-height:40px;padding:0 18px;font-size:0.9rem}.btn-lg{min-height:54px;padding:0 28px;font-size:1.02rem}.btn-primary{background:var(--grad);color:#1d1205;box-shadow:0 1px 0 rgba(255,255,255,0.45) inset,0 12px 32px -12px rgba(242,134,74,0.8)}.btn-primary:hover{color:#1d1205;box-shadow:0 1px 0 rgba(255,255,255,0.45) inset,0 18px 40px -12px rgba(242,134,74,0.95)}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.24)}.chip{display:inline-flex;align-items:center;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;color:var(--accent,var(--gold));background:color-mix(in srgb,var(--accent,var(--gold)) 14%,rgba(7,8,13,0.6));border:1px solid color-mix(in srgb,var(--accent,var(--gold)) 32%,transparent)}.link-arrow{font-weight:700;text-decoration:none;white-space:nowrap}.site-header{position:sticky;top:0;z-index:50;padding:12px 0 0}.header-inner{position:relative;height:calc(var(--header-h) - 12px);display:flex;align-items:center;gap:16px}.header-inner::before{content:'';position:absolute;inset:0 8px;z-index:-1;border-radius:20px;background:rgba(13,14,22,0.72);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 20px 40px -24px rgba(0,0,0,0.9);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px)}@media (min-width:700px){.header-inner::before{inset:0 16px}.header-inner{padding:0 44px}}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;padding-left:10px;color:var(--text);text-decoration:none;font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-0.03em}.brand:hover{color:var(--text)}.brand b{font-weight:800}.logo-mark{width:32px;height:32px;filter:drop-shadow(0 4px 12px rgba(242,134,74,0.45))}.site-nav{display:flex;gap:2px}.site-nav a{position:relative;color:var(--muted);text-decoration:none;font-weight:600;font-size:0.95rem;padding:9px 15px;border-radius:999px;transition:color 0.2s,background 0.2s}.site-nav a:hover{color:var(--text);background:rgba(255,255,255,0.05)}.site-nav a[aria-current='page']{color:var(--text);background:rgba(255,255,255,0.08);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset}.nav-toggle{display:none;width:44px;height:44px;margin-right:10px;border:1px solid var(--line-strong);border-radius:14px;background:var(--glass);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.25s var(--ease)}.nav-toggle[aria-expanded='true'] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded='true'] span:last-child{transform:translateY(-4px) rotate(-45deg)}@media (max-width:860px){.header-cta{display:none}.nav-toggle{display:flex;order:3}.site-nav{position:absolute;top:calc(100% + 8px);left:8px;right:8px;flex-direction:column;gap:2px;padding:10px;border-radius:20px;background:rgba(13,14,22,0.96);border:1px solid var(--line-strong);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:none}.site-nav.open{display:flex;animation:drop-in 0.25s var(--ease)}.site-nav a{padding:14px 16px;font-size:1.05rem;border-radius:14px}}@media (max-width:860px) and (min-width:700px){.site-nav{left:16px;right:16px}}@keyframes drop-in{from{opacity:0;transform:translateY(-8px)}}@media (min-width:861px){.header-cta{margin-left:8px}}.hero{position:relative;padding:clamp(40px,7vw,96px) 0 clamp(36px,5vw,64px)}.hero-grid{position:relative;display:grid;gap:clamp(36px,5vw,64px);align-items:center}@media (min-width:1000px){.hero-grid{grid-template-columns:1fr 1.02fr}}.hero h1{max-width:13ch;margin-bottom:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 40px}.hero-actions.center{justify-content:center}.hero-stats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start}.hero-stats li{padding:0 clamp(18px,3vw,32px);border-left:1px solid var(--line-strong)}.hero-stats li:first-child{padding-left:0;border-left:0}.hero-stats b{display:block;font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;letter-spacing:-0.03em;line-height:1.2}.hero-stats span{color:var(--faint);font-size:0.85rem}@media (max-width:420px){.hero-stats li{padding:0 12px}.hero-stats b{font-size:1.35rem}.hero-stats span{font-size:0.74rem}}.hero-bento{position:relative;display:grid;gap:14px;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(2,minmax(190px,1fr))}.bento-tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow),0 0 60px -30px var(--accent);color:var(--text);text-decoration:none;transition:transform 0.45s var(--ease),box-shadow 0.45s var(--ease),border-color 0.3s}.bento-tile.is-main{grid-row:span 2;border-radius:var(--radius-lg)}.bento-tile img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s var(--ease)}.bento-tile:hover{color:var(--text);transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:var(--shadow),0 0 80px -24px var(--accent)}.bento-tile:hover img{transform:scale(1.06)}.bento-info{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:48px 16px 14px;background:linear-gradient(transparent,rgba(6,7,12,0.92))}.bento-info b{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-0.02em}.is-main .bento-info{padding:80px 22px 22px}.is-main .bento-info b{font-size:clamp(1.4rem,2.6vw,2rem)}.is-side .chip{display:none}.hero-float{position:absolute;left:-22px;top:-18px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(16,18,28,0.82);border:1px solid var(--line-strong);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:float 6s ease-in-out infinite}.hero-float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#1d1205;font-size:1.1rem}.hero-float b{display:block;font-size:0.92rem;line-height:1.3}.hero-float small{color:var(--muted);font-size:0.78rem}@keyframes float{50%{transform:translateY(-8px)}}@media (max-width:999px){.hero-float{left:12px}}@media (max-width:560px){.hero-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.bento-tile.is-main{grid-column:span 2;grid-row:auto;aspect-ratio:16 / 10}.bento-tile.is-side{aspect-ratio:16 / 11}.hero-float{display:none}}.marquee{overflow:hidden;padding:18px 0;border-block:1px solid var(--line);background:rgba(255,255,255,0.015);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;letter-spacing:-0.02em;color:var(--muted);white-space:nowrap}.marquee span::after{content:'';width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 12px var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:clamp(48px,7vw,96px) 0}.section-tight{padding-top:8px}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px;margin-bottom:36px}.section-head h2{margin:0}.section-head>p{margin:0;max-width:42ch;color:var(--muted)}.page-head{position:relative;padding:clamp(36px,6vw,72px) 0 28px}.page-head h1{font-size:clamp(2.3rem,5vw,3.6rem)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0.88rem;font-weight:500;color:var(--faint);margin-bottom:20px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs .sep{opacity:0.5}.cat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cat-card{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));border:1px solid var(--line);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--text);overflow:hidden;isolation:isolate;transition:transform 0.35s var(--ease),border-color 0.3s,box-shadow 0.35s}.cat-card::before{content:'';position:absolute;z-index:-1;width:220px;height:220px;right:-80px;top:-90px;border-radius:50%;background:var(--c);opacity:0.16;filter:blur(40px);transition:opacity 0.35s}.cat-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 45%,transparent);color:var(--text)}.cat-card:hover::before{opacity:0.32}.cat-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}.cat-icon svg{width:24px;height:24px;fill:var(--c)}.cat-card h3{font-size:1.4rem;margin-bottom:8px}.cat-card p{flex:1;color:var(--muted);font-size:0.95rem;margin-bottom:18px}.cat-count{display:inline-flex;gap:6px;color:var(--c);font-weight:700;font-size:0.92rem}.cat-count span{transition:transform 0.3s var(--ease)}.cat-card:hover .cat-count span{transform:translateX(4px)}.cat-arcade{--c:#ff9a62}.cat-puzzle{--c:#5cc8ff}.cat-strategy{--c:#45d6b5}.cat-memory{--c:#c58bff}.game-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.game-card{position:relative;display:flex;flex-direction:column;padding:8px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));border:1px solid var(--line);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--text);isolation:isolate;transition:transform 0.4s var(--ease),border-color 0.3s,box-shadow 0.4s var(--ease)}.game-card[hidden]{display:none}.game-card::after{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);opacity:0;transition:opacity 0.4s}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px);color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:var(--shadow),0 0 60px -26px var(--accent)}.game-card:hover::after,.game-card:focus-visible::after{opacity:1}.game-card-art{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:17px;background:var(--surface-2)}.game-card-art img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s var(--ease)}.game-card:hover .game-card-art img{transform:scale(1.06)}.game-card-art .chip{position:absolute;top:12px;left:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-card-body{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 12px 12px}.game-card-body h3{margin:0 0 6px;font-size:1.3rem}.game-card-body p{margin:0;color:var(--muted);font-size:0.93rem;line-height:1.5}.game-card-go{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:background 0.3s,transform 0.4s var(--ease)}.game-card-go svg{width:16px;height:16px;margin-left:2px;fill:var(--accent);transition:fill 0.3s}.game-card:hover .game-card-go{background:var(--accent);transform:scale(1.06)}.game-card:hover .game-card-go svg{fill:#0b0c12}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (min-width:900px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;background:radial-gradient(80% 60% at 20% 0%,rgba(242,134,74,0.18),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01))}.feature:first-child svg{width:64px;height:64px;padding:15px;margin-bottom:auto}.feature:first-child h3{margin-top:48px;font-size:1.7rem}.feature:first-child p{font-size:1.02rem}.feature:last-child{grid-column:span 2}}.feature{padding:28px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.feature svg{width:44px;height:44px;padding:10px;border-radius:14px;background:rgba(255,207,115,0.1);border:1px solid rgba(255,207,115,0.22);fill:var(--gold);margin-bottom:18px}.feature h3{margin-bottom:8px}.feature p{color:var(--muted);font-size:0.95rem;margin:0}.cta-band{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 40px;padding:clamp(32px,5vw,56px);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;background:radial-gradient(60% 120% at 100% 0%,rgba(242,134,74,0.28),transparent 60%),radial-gradient(50% 120% at 0% 100%,rgba(139,123,255,0.22),transparent 60%),var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.cta-band::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.cta-band h2{margin-bottom:10px}.cta-band p{color:var(--muted);margin:0;max-width:48ch}.cta-band .hero-actions{margin:20px 0 0}.prose-section{border-top:1px solid var(--line)}.prose p,.prose li{color:#cdd2e0}.prose h2{margin-top:1.8em;font-size:clamp(1.5rem,2.6vw,2rem)}.prose h2:first-child{margin-top:0}.prose h3{margin-top:1.4em}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}.prose li{margin-bottom:0.55em;padding-left:0.3em}.prose li::marker{color:var(--gold);font-weight:700}.legal h2{font-size:1.4rem}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:8px;border-radius:22px;background:var(--glass);border:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip-btn{min-height:42px;padding:0 18px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;transition:color 0.2s,background 0.2s}.chip-btn:hover{color:var(--text);background:rgba(255,255,255,0.05)}.chip-btn[aria-pressed='true']{background:var(--text);color:var(--bg)}.search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,0.25);flex:1 1 220px;max-width:320px;transition:border-color 0.2s}.search:focus-within{border-color:rgba(255,207,115,0.5)}.search svg{width:18px;height:18px;fill:none;stroke:var(--faint);stroke-width:2}.search input{border:0;background:transparent;outline:none;width:100%}@media (max-width:560px){.search{max-width:none}}.empty-state{text-align:center;color:var(--muted);padding:40px 0}.game-head{padding:28px 0 22px}.game-head h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:14px 0 6px}.game-head .lede{margin:0}.game-section{margin-bottom:8px}.game-frame{--stage-h:min(72svh,660px);position:relative;display:flex;flex-direction:column;max-width:1000px;margin:0 auto;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,var(--shadow),0 0 120px -50px var(--accent);overflow:hidden}.game-frame.stage-landscape{--stage-h:min(62svh,520px)}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(0,0,0,0.18)}.hud-stats{display:flex;gap:8px}.hud-stat{min-width:84px;padding:5px 14px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid var(--line)}.hud-stat span{display:block;font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--faint)}.hud-stat b{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.hud-stat:last-child b{color:var(--accent)}.hud-actions{display:flex;gap:6px}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,0.04);display:grid;place-items:center;cursor:pointer;transition:background 0.2s,border-color 0.2s}.icon-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--line-strong)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.game-stage{position:relative;height:var(--stage-h);container-type:size;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}.game-stage canvas{display:block;border-radius:14px}.game-overlay{position:absolute;inset:65px 0 0;display:grid;place-items:center;padding:20px;background:rgba(6,7,12,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5;transition:opacity 0.2s}.game-overlay[hidden]{display:none}.overlay-card{width:min(400px,100%);text-align:center;padding:32px 28px;border-radius:24px;background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--surface);border:1px solid var(--line-strong);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,var(--shadow);animation:pop-in 0.35s var(--ease)}@keyframes pop-in{from{opacity:0;transform:translateY(8px) scale(0.97)}}.overlay-card h2{font-size:1.9rem;margin-bottom:8px}.overlay-card p{color:var(--muted)}.overlay-card .btn{min-width:160px}.overlay-extra:empty{display:none}.overlay-extra{margin-bottom:20px}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:rgba(0,0,0,0.35);border:1px solid var(--line)}.segmented button{min-height:38px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;transition:background 0.2s,color 0.2s}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed='true']{background:var(--accent);color:#0b0c12;font-weight:700}.game-note{text-align:center;color:var(--faint);font-size:0.85rem;margin:14px 0 0}.noscript{padding:24px;text-align:center}.game-frame:fullscreen{max-width:none;border-radius:0;border:0;--stage-h:calc(100svh - 65px)}.game-frame.pseudo-fullscreen{position:fixed;inset:0;z-index:200;max-width:none;border-radius:0;--stage-h:calc(100svh - 65px)}.game-info{display:grid;gap:32px}@media (min-width:900px){.game-info{grid-template-columns:1fr 330px;gap:48px;align-items:start}.game-aside{position:sticky;top:calc(var(--header-h) + 20px)}}.game-aside{display:grid;gap:16px}.panel{padding:24px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.panel h2{font-size:1.15rem;margin-bottom:16px}.controls,.details{margin:0;display:grid;gap:10px}.controls div,.details div{display:flex;justify-content:space-between;gap:12px;font-size:0.92rem;padding-bottom:10px;border-bottom:1px solid var(--line)}.controls div:last-child,.details div:last-child{border:0;padding:0}.controls dt{font-weight:700;color:var(--text);flex-shrink:0;max-width:50%}.controls dd,.details dd{margin:0;color:var(--muted);text-align:right}.details dt{color:var(--faint)}.faq details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.025);margin-bottom:10px;transition:border-color 0.2s,background 0.2s}.faq details[open]{border-color:var(--line-strong);background:rgba(255,255,255,0.04)}.faq summary{cursor:pointer;padding:18px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,207,115,0.1);color:var(--gold);font-size:1.2rem;line-height:1;transition:transform 0.3s var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{padding:0 20px 18px;margin:0}.ad-slot{margin:28px auto;max-width:1000px;min-height:120px;text-align:center}.ad-label{display:block;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.contact-grid{display:grid;gap:16px;margin-bottom:40px}@media (min-width:760px){.contact-grid{grid-template-columns:1fr 1.3fr;align-items:start}}.contact-email{font-size:1.2rem;font-weight:700}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-size:0.9rem;font-weight:600;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:rgba(0,0,0,0.3);transition:border-color 0.2s,box-shadow 0.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:rgba(255,207,115,0.6);box-shadow:0 0 0 4px rgba(255,207,115,0.12)}.contact-form textarea{resize:vertical}.form-note{font-size:0.88rem;color:var(--faint);margin:-6px 0 4px}.site-footer{position:relative;margin-top:56px;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),#05060a)}.site-footer::before{content:'';position:absolute;top:-1px;left:50%;width:min(600px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,207,115,0.7),transparent)}.footer-grid{display:grid;gap:32px;padding-top:56px;padding-bottom:40px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media (min-width:900px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand .brand{padding-left:0}.footer-brand p{color:var(--faint);font-size:0.92rem;margin-top:16px;max-width:36ch}.site-footer h2{font-family:var(--font);font-size:0.76rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.site-footer ul a{color:var(--muted);text-decoration:none;font-size:0.95rem}.site-footer ul a:hover{color:var(--text)}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line);color:var(--faint);font-size:0.85rem}.footer-base p{margin:0}.footer-wordmark{font-family:var(--font-display);font-size:clamp(4rem,17vw,15rem);font-weight:800;letter-spacing:-0.06em;line-height:0.78;text-align:center;white-space:nowrap;margin-bottom:-0.05em;background:linear-gradient(180deg,rgba(255,255,255,0.09),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}.c4{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;justify-content:center;padding:12px}.c4-status{margin:0;color:var(--muted);font-weight:500;min-height:1.6em}.c4-board{--size:min(100cqw - 24px,(100cqh - 64px) * 7 / 6);width:var(--size);aspect-ratio:7 / 6;display:grid;grid-template-columns:repeat(7,1fr);gap:2%;padding:2.2%;border-radius:20px;background:linear-gradient(180deg,#1f3550,#162740);box-shadow:inset 0 2px 0 rgba(255,255,255,0.08),0 20px 40px -20px #000}.c4-cell{position:relative;border-radius:50%;background:#0b1220;box-shadow:inset 0 3px 6px rgba(0,0,0,0.6);cursor:pointer;overflow:hidden}.c4-cell.cursor::after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(247,185,85,0.12)}.c4-disc{position:absolute;inset:6%;border-radius:50%;animation:c4drop calc(0.12s + var(--drop) * 0.05s) cubic-bezier(0.5,0,0.75,1)}.c4-disc.p1{background:radial-gradient(circle at 35% 30%,#ffe2a0,#f7b955 55%,#d78a2a)}.c4-disc.p2{background:radial-gradient(circle at 35% 30%,#b7fff0,#45d6b5 55%,#1f9c80)}@keyframes c4drop{from{transform:translateY(calc(var(--drop) * -118%))}}.c4-cell.win .c4-disc{box-shadow:0 0 0 3px #fff,0 0 20px 4px rgba(255,255,255,0.6);animation:c4pulse 0.8s ease-in-out infinite alternate}@keyframes c4pulse{to{transform:scale(0.88)}}.sdk{--board:min(100cqw - 24px,100cqh - 132px);display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}.sdk-board{width:var(--board);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:2px solid #c2c9dd;border-radius:10px;overflow:hidden;background:#11141f;transition:box-shadow 0.3s}.sdk-board.solved{box-shadow:0 0 0 4px var(--accent),0 0 60px -10px var(--accent)}.sdk-cell{border:0;border-right:1px solid #2a3044;border-bottom:1px solid #2a3044;background:transparent;padding:0;font-size:calc(var(--board) / 9 * 0.52);font-weight:500;color:var(--accent);cursor:pointer;display:grid;place-items:center;line-height:1;min-width:0}.sdk-cell.bx{border-right:2px solid #c2c9dd}.sdk-cell.by{border-bottom:2px solid #c2c9dd}.sdk-cell.given{color:var(--text);font-weight:700}.sdk-cell.peer{background:rgba(255,255,255,0.04)}.sdk-cell.same{background:color-mix(in srgb,var(--accent) 22%,transparent)}.sdk-cell.sel{background:color-mix(in srgb,var(--accent) 38%,transparent)}.sdk-cell.bad{color:var(--danger);background:rgba(255,107,107,0.15)}.sdk-cell.hinted{animation:sdkhint 0.8s ease}@keyframes sdkhint{from{background:var(--accent);color:#0b0c12}}.sdk-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:6%}.sdk-notes i{font-style:normal;font-size:calc(var(--board) / 9 * 0.22);color:var(--muted);display:grid;place-items:center}.sdk-pad{width:var(--board);display:grid;gap:8px}.sdk-nums{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.sdk-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sdk-pad button{min-height:44px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-3);cursor:pointer;font-weight:600;font-size:1.05rem;padding:0}.sdk-pad button:hover{background:#2b3148}.sdk-tools button{font-size:0.85rem;color:var(--muted)}.sdk-tools button[aria-pressed='true']{background:var(--accent);color:#0b0c12}.sdk-nums button.complete{opacity:0.3}.slide{display:grid;place-items:center;width:100%;height:100%;padding:12px}.slide-board{--s:min(100cqw - 24px,100cqh - 24px,560px);position:relative;width:var(--s);height:var(--s);border-radius:18px;background:#0c1220;box-shadow:inset 0 2px 10px rgba(0,0,0,0.6);transition:box-shadow 0.3s}.slide-board.solved{box-shadow:0 0 0 4px var(--accent),0 0 60px -10px var(--accent)}.slide-tile{--cell:calc((var(--s) - 12px) / var(--n));position:absolute;left:6px;top:6px;width:calc(var(--cell) - 6px);height:calc(var(--cell) - 6px);margin:3px;transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell)));transition:transform 0.14s ease-out,background 0.3s;border:0;border-radius:12px;background:linear-gradient(160deg,hsl(var(--h) 70% 62%),hsl(var(--h) 65% 46%));box-shadow:inset 0 2px 0 rgba(255,255,255,0.3),0 4px 10px rgba(0,0,0,0.35);color:#08101c;font-weight:800;font-size:calc(var(--cell) * 0.38);cursor:pointer}.slide-tile.home{background:linear-gradient(160deg,#fff2cc,#f7c76a)}.flood{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:10px}.flood-board{flex:1;min-height:0;display:grid;place-items:center}.flood-board canvas{cursor:pointer;border-radius:10px}.flood-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.flood-moves{color:var(--muted);font-size:0.95rem}.flood-moves b{color:var(--text);font-size:1.1rem}.flood-swatches{display:flex;gap:8px}.flood-swatch{width:46px;height:46px;border-radius:14px;border:2px solid transparent;background:var(--c);color:rgba(0,0,0,0.55);font-size:18px;cursor:pointer;transition:transform 0.12s}.flood-swatch:hover{transform:translateY(-3px)}.flood-swatch.current{border-color:#fff;opacity:0.45}.echo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%}.echo-ring{--s:min(100cqw - 32px,100cqh - 80px,480px);position:relative;width:var(--s);height:var(--s);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:50%;background:#0d0f18;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px #000}.echo-pad{border:0;cursor:pointer;background:var(--c);opacity:0.38;transition:opacity 0.12s,filter 0.12s,transform 0.12s}.echo-pad.lit{opacity:1;filter:brightness(1.25) drop-shadow(0 0 24px var(--c));transform:scale(0.98)}.echo-pad:active{transform:scale(0.97)}.pad-0{--c:#c58bff;border-radius:100% 12px 12px 12px}.pad-1{--c:#ffb84d;border-radius:12px 100% 12px 12px}.pad-2{--c:#5fe3a1;border-radius:12px 12px 12px 100%}.pad-3{--c:#5cc8ff;border-radius:12px 12px 100% 12px}.echo-core{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#22263a,#0f111a);box-shadow:0 0 0 8px #0d0f18;display:grid;place-content:center;text-align:center;pointer-events:none}.echo-core b{font-size:calc(var(--s) * 0.12);line-height:1}.echo-core span{font-size:0.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em}.echo.watching .echo-pad{cursor:default}.echo.wrong .echo-ring{animation:shake 0.4s;box-shadow:0 0 0 2px var(--danger)}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.echo-mute{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 14px;color:var(--muted);font-size:0.85rem;cursor:pointer}