:root{--bg: #12121a;--bg-soft: #1b1b24;--ink: #f2f0ea;--ink-dim: #a8a5b5;--accent: #f6c453;--accent-ink: #1b1b22;--line: rgba(242, 240, 234, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,48px);background:#12121ad9;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px}.brand-name{font-size:20px;font-weight:700;letter-spacing:.06em}.brand-sub{font-size:14px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase}.brand-die{width:18px;height:18px;border-radius:5px;background:var(--bg-soft);border:1.5px solid var(--line);position:relative;flex:none;transform:translateY(1px)}.brand-die:after{content:"";position:absolute;top:4px;left:4px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:6px 6px 0 var(--accent)}.topnav{display:flex;gap:24px}.topnav a{color:var(--ink-dim);text-decoration:none;font-size:16px}.topnav a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:12px;border:none;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;min-height:calc(100svh - 64px);padding:48px clamp(20px,6vw,96px);background:radial-gradient(ellipse 60% 50% at 78% 40%,rgba(246,196,83,.09),transparent 70%),radial-gradient(ellipse 50% 40% at 20% 90%,rgba(246,196,83,.05),transparent 70%)}.hero-copy{max-width:560px}.hero h1{margin:0 0 16px;font-size:clamp(38px,6vw,68px);line-height:1.12;letter-spacing:.02em;font-weight:800}.hero-sub{margin:0 0 32px;font-size:clamp(17px,2vw,20px);color:var(--ink-dim);max-width:420px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.join-form{display:flex;gap:10px;align-items:center}.join-form input{width:132px;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-size:18px;text-align:center;letter-spacing:.3em;text-transform:uppercase}.join-form input:focus{outline:2px solid var(--accent);outline-offset:2px}.hero-stage{position:relative;min-height:320px}#hero-dice-canvas{width:100%;height:100%;display:block}.pitch{padding:88px clamp(20px,6vw,96px);border-top:1px solid var(--line)}.pitch h2,.feature h2,.final-cta h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:.01em}.pitch-sub{margin:0 0 48px;font-size:17px;color:var(--ink-dim);max-width:640px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:1px solid var(--line)}.rule-step{padding:28px 32px 28px 0;border-right:1px solid var(--line);margin-right:-1px;border-bottom:none}.rule-step:last-child{border-right:none}.rule-step h3{margin:0 0 12px;font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px}.step-no{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font-size:16px;font-weight:700;flex:none}.rule-step p{margin:0;color:var(--ink-dim);font-size:16px}.wild-rule{margin-top:40px;padding:16px 20px;border-left:3px solid var(--accent);background:#f6c4530f;font-size:16px;color:var(--ink);border-radius:0 12px 12px 0}.feature{padding:88px clamp(20px,6vw,96px);border-top:1px solid var(--line);background:var(--bg-soft)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px 56px;margin-top:40px}.feature-grid h3{margin:0 0 10px;font-size:19px;font-weight:700}.feature-grid p{margin:0;color:var(--ink-dim);font-size:16px}.final-cta{padding:96px clamp(20px,6vw,96px);text-align:center;border-top:1px solid var(--line)}.final-cta .btn{margin-top:28px;min-width:200px}footer{padding:32px clamp(20px,6vw,96px);border-top:1px solid var(--line);color:var(--ink-dim);font-size:14px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:860px){.topnav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:56px;gap:8px}.hero h1{font-size:clamp(34px,10vw,48px)}.hero-stage{min-height:260px;margin-top:8px}.rules-grid{grid-template-columns:1fr}.rule-step{border-right:none;border-bottom:1px solid var(--line);padding:24px 0;margin-right:0}.rule-step:last-child{border-bottom:none}}