*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}a{color:inherit}.container{max-width:1160px;margin:0 auto;padding:24px}.header{position:sticky;top:0;z-index:20;background:var(--card);box-shadow:0 1px #0206170f}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;margin:0 auto;max-width:1160px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.logo-badge{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--pink))}.nav{display:flex;gap:12px}.nav a{padding:8px 12px;border-radius:12px;text-decoration:none;font-weight:600}.nav a:hover{background:#f1f5f9}.banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#10b981);color:#fff}.banner .inner{max-width:1120px;margin:0 auto;padding:56px 20px;text-align:center}.banner h1{margin:0 0 8px;font-size:clamp(26px,5vw,44px);text-shadow:0 2px 4px rgba(0,0,0,.25)}.banner p{margin:0 0 18px;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.25)}.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{border:none;border-radius:12px;padding:12px 18px;font-size:16px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease}.btn:active{transform:translateY(1px)}.section{padding:26px 20px}.section h2{font-size:20px;margin:6px 4px 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:var(--card);border-radius:var(--radius);padding:22px 16px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;display:block}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0206171f}.card .title{font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:8px}.card .desc{color:var(--muted);font-size:14px}.ad{margin:18px 0;padding:14px;border-radius:14px;border:1px dashed #cbd5e1;background:#fff;box-shadow:var(--shadow);color:#334155}footer{padding:26px 20px;color:#6b7280;text-align:center}.fade-in{animation:fade-in .35s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pop{animation:pop .18s ease both}@keyframes pop{0%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width: 960px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid{grid-template-columns:1fr}.nav{display:none}}.stage{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.stage,.stage *{-webkit-user-select:none;user-select:none}.badge{position:relative;display:inline-block;background:#ffffffe6;padding:6px 10px;border-radius:999px;font-weight:700;box-shadow:0 2px 6px #0206171a}.badge.negative{background:#ef4444e6;color:#fff}.bw-root{padding:16px;min-height:100vh}.bw-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.bw-powers{display:flex;gap:8px;align-items:center;margin:6px 0 12px}.bw-powers .chip{border:1px solid rgba(0,0,0,.1);padding:6px 10px;border-radius:999px;background:#fff}.bw-powers .chip.on{background:var(--a, #0ea5e9);color:#fff;border-color:transparent}.bw-grid-wrap{border-radius:18px;padding:12px;box-shadow:0 8px 24px #00000014 inset,0 8px 28px #0000000f}.bw-grid{display:grid;gap:10px}.bw-cell{position:relative;aspect-ratio:1/1;border:none;background:transparent;padding:0;border-radius:14px;cursor:pointer}.bw-cell .bw-bump{--light: rgba(255,255,255,.85);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(120% 120% at 40% 35%,var(--light) 0%,rgba(255,255,255,.6) 20%,var(--b) 60%,rgba(0,0,0,.06) 100%);box-shadow:0 6px 10px #0000001a,inset 0 -6px 14px #0000001f,inset 0 10px 16px #ffffff8c;transform:translateZ(0);transition:transform .06s ease,box-shadow .06s ease,background .2s ease}.bw-cell.popped .bw-bump{background:radial-gradient(120% 120% at 40% 35%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.08) 25%,var(--bp) 70%);box-shadow:inset 0 10px 18px #00000040,inset 0 -8px 12px #ffffff40;transform:scale(.985) translateY(1px)}.bw-cell.must:not(.popped) .bw-bump{outline:2px dashed var(--a);outline-offset:2px;box-shadow:0 0 #0ea5e98c,0 6px 10px #0000001a,inset 0 -6px 14px #0000001f,inset 0 10px 16px #ffffff8c;animation:bw-pulse 1.4s ease-in-out infinite}@keyframes bw-pulse{0%{outline-offset:2px}50%{outline-offset:5px}to{outline-offset:2px}}.bw-cell.neon .bw-bump{background:radial-gradient(120% 120% at 40% 35%,rgba(255,255,255,.18) 0%,rgba(255,255,255,.1) 20%,var(--b) 58%,rgba(2,6,23,.4) 100%);box-shadow:0 0 16px #a78bfa40,0 6px 12px #0000004d,inset 0 10px 16px #ffffff26,inset 0 -8px 18px #02061780}.bw-cell.neon.popped .bw-bump{background:radial-gradient(110% 110% at 40% 35%,rgba(2,6,23,.55) 0%,rgba(2,6,23,.7) 40%,var(--bp) 82%);box-shadow:inset 0 16px 26px #00000073,inset 0 -10px 16px #ffffff14}.bw-cell.glass .bw-bump{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(120% 120% at 40% 35%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 14%,var(--b) 60%)}.bw-particle{position:absolute;width:6px;height:6px;border-radius:999px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));transition:transform .22s ease,opacity .22s ease;opacity:0;animation:bw-burst .26s ease both}@keyframes bw-burst{0%{opacity:0;transform:translate(0) scale(.4)}40%{opacity:1}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}}.g2048-grid{display:grid;grid-template-columns:repeat(4,70px);gap:10px;background:#bbada0;padding:10px;border-radius:8px}.g2048-cell{width:70px;height:70px;border-radius:4px;background:#cdc1b4;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#776e65}.g2048-cell.n2{background:#eee4da}.g2048-cell.n4{background:#ede0c8}.g2048-cell.n8{background:#f2b179;color:#f9f6f2}.g2048-cell.n16{background:#f59563;color:#f9f6f2}.g2048-cell.n32{background:#f67c5f;color:#f9f6f2}.g2048-cell.n64{background:#f65e3b;color:#f9f6f2}.g2048-cell.n128{background:#edcf72;color:#f9f6f2;font-size:20px}.g2048-cell.n256{background:#edcc61;color:#f9f6f2;font-size:20px}.g2048-cell.n512{background:#edc850;color:#f9f6f2;font-size:20px}.g2048-cell.n1024{background:#edc53f;color:#f9f6f2;font-size:16px}.g2048-cell.n2048{background:#edc22e;color:#f9f6f2;font-size:16px}:root{--bg: #F8FAFC;--card: #FFFFFF;--text: #0F172A;--muted: #64748B;--brand: #6366F1;--accent: #0EA5E9;--success: #22C55E;--danger: #EF4444;--border: #E5E7EB;--radius: 14px;--shadow: 0 6px 18px rgba(2,6,23,.06)}body{background:var(--bg);color:var(--text)}.header{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.header .logo-badge{font-size:18px}.banner .inner h1{letter-spacing:.2px;font-weight:800}.container{max-width:1160px}.section h2{font-size:22px;font-weight:800;letter-spacing:.3px}.grid{gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0206171a;border-color:color-mix(in oklab,var(--brand) 18%,var(--border))}.card .title{font-weight:700}.card .desc{color:var(--muted)}.btn{border-radius:10px;padding:10px 14px;border:1px solid var(--border)}.btn.primary{background:var(--brand);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.15);border:1px solid color-mix(in oklab,var(--brand) 70%,#0000)}.btn.primary:hover{background:color-mix(in oklab,var(--brand) 90%,#000)}.btn.secondary{background:#fff;color:var(--text)}.theme-fresh{--bg: #f6f8fb;--text: #1f2d3d;--muted: #5f7088;--card: #ffffff;--border: #e8edf5;--primary: #6a8cff;--primary-2: #68e1fd;--primary-3: #5fe3c8}.theme-fresh .header{position:sticky;top:0;background:#ffffffa6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-fresh .header .logo{color:var(--text)}.theme-fresh .theme-switch{display:inline-flex;gap:8px;margin-left:16px}.theme-fresh .theme-switch .chip{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted);line-height:1}.theme-fresh .theme-switch .chip.active{color:#fff;border-color:transparent;background:linear-gradient(120deg,var(--primary),var(--primary-2));box-shadow:0 6px 16px #5a78ff40}.theme-fresh .banner{color:var(--text);background:linear-gradient(135deg,#a8edea,#fed6e3);border-bottom:1px solid var(--border)}.theme-fresh .banner .inner h1{text-shadow:none;font-weight:800;letter-spacing:.5px}.theme-fresh .card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 20px #14285a12;transition:transform .15s ease,box-shadow .15s ease}.theme-fresh .card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #14285a1a}.theme-fresh .section>h2{color:var(--text);font-weight:800;letter-spacing:.3px}.theme-fresh .btn.primary{color:#fff!important;border:none;background:linear-gradient(120deg,var(--primary),var(--primary-2));border-radius:999px;box-shadow:0 8px 20px #5a78ff40}.theme-fresh .btn.primary:hover{filter:brightness(1.03)}.theme-fresh .btn.secondary{color:var(--text)!important;border:1px solid var(--border);background:#fff;border-radius:999px}.theme-fresh .container,.theme-fresh body{background:var(--bg);color:var(--text)}