:root{--felt: #0f3d2e;--felt-dark: #0d211b;--felt-board: #1f7a4d;--accent: #2fb875;--accent-hover: #4cc98b;--ink-on-accent: #04231a;--paper: #f1f5f1;--surface: #fbfdfb;--surface-raised: #ffffff;--ink: #0d211b;--ink-muted: #5c6b63;--ink-faint: #7a8880;--border: #e2e8e3;--border-strong: #d3ddd4;--link: #157a52;--danger: #d64545;--radius: 14px;--radius-lg: 18px;--shadow: 0 1px 2px rgba(13, 33, 27, .06), 0 6px 18px rgba(13, 33, 27, .06);--shadow-raised: 0 4px 10px rgba(13, 33, 27, .1), 0 18px 40px rgba(13, 33, 27, .12);--max-width: 1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.eyebrow{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 10px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 22px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:var(--ink-on-accent)}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost-dark{background:transparent;color:#eaf3ee;border:1px solid rgba(234,243,238,.35)}.btn-ghost-dark:hover{background:#ffffff14}.btn-ghost-light{background:var(--surface-raised);color:var(--ink);border:1px solid var(--border-strong)}.btn-ghost-light:hover{background:var(--paper)}.site-header{background:var(--felt);position:sticky;top:0;z-index:50}.site-header .container{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.site-logo{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.01em}.site-logo:hover{text-decoration:none}.logo-mark{width:16px;height:16px;flex:0 0 auto;background:var(--accent);transform:rotate(45deg);border-radius:3px;margin:0 3px}.site-logo .tld{color:#eaf3ee8c;font-weight:700}.site-nav{display:flex;gap:4px;flex-wrap:wrap;background:#ffffff14;border-radius:999px;padding:3px}.site-nav a{color:#eaf3eecc;font-weight:700;font-size:.85rem;padding:7px 15px;border-radius:999px}.site-nav a:hover{color:#fff;text-decoration:none;background:#ffffff14}.site-nav a[aria-current=page]{background:var(--accent);color:var(--ink-on-accent)}.header-cta{margin-left:auto;background:var(--accent);color:var(--ink-on-accent);font-size:.85rem;font-weight:800;padding:9px 18px;border-radius:10px}.header-cta:hover{background:var(--accent-hover);text-decoration:none}.hero{background:var(--felt);color:#eaf3ee;padding:64px 0 72px}.hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.1rem,5vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 18px;color:#fff}.hero p{color:#eaf3eec7;font-size:1.08rem;max-width:480px;margin:0 0 28px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-panel{background:var(--felt-dark);border:1px solid rgba(234,243,238,.12);border-radius:var(--radius-lg);padding:22px;box-shadow:inset 0 2px #ffffff0a,0 24px 60px #04231a73}.hero-panel .panel-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.hero-panel .panel-label .eyebrow{margin:0}.hero-panel .panel-label strong{color:#fff;font-size:.95rem}.hero-panel svg{display:block;width:100%;height:auto;border-radius:12px}main{padding:0 0 72px}.section-head{display:flex;align-items:baseline;gap:14px;margin:56px 0 22px}.section-head h2{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0}.section-head .count{font-size:.8rem;font-weight:800;color:var(--accent);background:#2fb8751f;padding:3px 10px;border-radius:999px}h1{font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 10px}h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:44px 0 14px}.page-intro{color:var(--ink-muted);font-size:1.08rem;max-width:700px;margin:0 0 26px}.breadcrumb{font-size:.85rem;color:var(--ink-faint);margin:26px 0 10px}.breadcrumb a{color:var(--ink-muted)}.breadcrumb strong{color:var(--ink);font-weight:700}.game-switcher{display:flex;align-items:center;gap:12px;margin:22px 0 4px;flex-wrap:wrap}.game-switcher .label{font-size:.8rem;font-weight:700;color:var(--ink-faint);flex:0 0 auto}.game-switcher nav{display:flex;gap:4px;flex-wrap:wrap;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:3px;box-shadow:var(--shadow)}.game-switcher nav a{font-size:.85rem;font-weight:700;color:var(--ink-muted);padding:6px 14px;border-radius:999px;white-space:nowrap}.game-switcher nav a:hover{color:var(--ink);background:var(--paper);text-decoration:none}.game-switcher nav a[aria-current=page]{background:var(--accent);color:var(--ink-on-accent)}.game-stage{background:var(--felt);padding:14px 0 30px;min-height:calc(100vh - 64px);display:flex;flex-direction:column}.stage-container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px;flex:1;display:flex;flex-direction:column}.stage-container #game-root{flex:1;min-height:420px}.game-stage noscript{display:block;padding:48px 24px;text-align:center;color:#eaf3eecc}.game-switcher-stage{margin:2px 0 12px}.game-switcher-stage .label{color:#eaf3ee99}.game-switcher-stage nav{background:#ffffff14;border:0;box-shadow:none}.game-switcher-stage nav a{color:#eaf3eecc}.game-switcher-stage nav a:hover{color:#fff;background:#ffffff14}.game-switcher-stage nav a[aria-current=page]{background:var(--accent);color:var(--ink-on-accent)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start;margin:34px 0}.info-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}.info-card .eyebrow{margin-bottom:12px}.info-card p{color:var(--ink-muted);font-size:.95rem;margin:0 0 12px}.info-card p:last-child{margin-bottom:0}.info-card ul{margin:0;padding-left:20px;color:var(--ink-muted);font-size:.95rem}.info-card li{margin:8px 0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:24px 0}.game-card{display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;color:var(--ink);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease}.game-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-raised)}.game-card .thumb{display:block;width:100%;height:auto}.game-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.game-card .eyebrow{font-size:10.5px;margin-bottom:6px}.game-card h3{margin:0 0 6px;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.game-card p{margin:0 0 14px;color:var(--ink-muted);font-size:.9rem;flex:1}.game-card .play{font-size:.9rem;font-weight:800;color:var(--link)}.game-card:hover .play{color:var(--accent)}.faq-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:6px 22px;margin:10px 0;box-shadow:var(--shadow)}.faq-item h3{font-size:1rem;font-weight:800;margin:15px 0 6px}.faq-item p{color:var(--ink-muted);margin:0 0 15px;font-size:.95rem}.note-strip{margin:48px 0 0;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:20px 24px;color:var(--ink-muted);font-size:.92rem;background:var(--surface)}.note-strip strong{color:var(--ink)}.site-footer{background:var(--felt-dark);color:#eaf3eea6;padding:40px 0;font-size:.9rem;margin-top:72px}.site-footer .container{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}.site-footer .foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.site-footer nav{display:flex;gap:6px 18px;flex-wrap:wrap;max-width:520px}.site-footer a{color:#eaf3eea6;font-weight:600}.site-footer a:hover{color:#fff}@media(max-width:820px){.hero .container{grid-template-columns:1fr;gap:34px}.hero{padding:44px 0 52px}}@media(max-width:640px){.site-header .container{gap:10px}.header-cta{display:none}.site-nav a{padding:6px 12px}.game-switcher-stage{margin:0 0 10px}.game-switcher-stage .label{display:none}.game-switcher-stage nav{border-radius:12px}.game-switcher-stage nav a{font-size:.78rem;padding:5px 10px}.game-stage{padding-top:10px}}