:root{
  --bg:#090b0b;--panel:#111514;--panel2:#151b18;--text:#f4f0e7;--muted:#9ba39e;
  --green:#153d30;--green2:#1f5a43;--gold:#d6b66d;--line:rgba(255,255,255,.10);--red:#c95959;
  --radius:28px;--shadow:0 24px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(35,91,68,.18),transparent 30%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6}.shell,.rule-shell{width:min(1180px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.site-header{height:82px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:800;letter-spacing:.13em}.brand-mark{width:34px;height:34px;border:1px solid rgba(214,182,109,.45);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.header-note,.back-link{font-size:12px;color:var(--muted);letter-spacing:.08em}.back-link:hover{color:var(--text)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:74px 0 60px}.eyebrow{display:inline-block;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hero h1,.rule-hero h1{font-family:"Playfair Display",serif;font-size:clamp(60px,8vw,108px);line-height:.9;letter-spacing:-.045em;margin:18px 0 28px}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:620px;color:#bbc1bd;font-size:18px}.button{display:inline-flex;align-items:center;gap:22px;margin-top:24px;background:var(--text);color:#111;padding:14px 20px;border-radius:999px;font-weight:800;font-size:13px;transition:.25s}.button:hover{transform:translateY(-2px);background:white}.hero-art{height:520px;position:relative;display:grid;place-items:center}.playing-card{width:210px;height:310px;border-radius:18px;position:absolute;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.16)}.card-back{background:repeating-linear-gradient(45deg,#173d31 0 8px,#133429 8px 16px);transform:translate(-110px,22px) rotate(-16deg)}.card-back:after{content:"♠";position:absolute;inset:13px;border:1px solid rgba(214,182,109,.6);border-radius:12px;display:grid;place-items:center;font-size:66px;color:rgba(214,182,109,.7)}.face-card{background:#ebe7dd;color:#161a19;padding:20px;font-family:"Playfair Display",serif;font-size:30px;display:flex;flex-direction:column}.face-card strong{font-size:68px;margin:auto}.face-card .bottom{transform:rotate(180deg);align-self:flex-end}.face-two{transform:translate(55px,-12px) rotate(9deg);color:#a7292e}.face-one{transform:translate(-24px,-6px) rotate(-3deg)}.glow{width:330px;height:330px;border-radius:50%;filter:blur(55px);background:rgba(34,102,75,.25);z-index:-1}.games{padding:70px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2,.goal-card h2,.example-section h2,.tips-section h2{font-family:"Playfair Display",serif;font-size:42px;margin:6px 0 0;line-height:1.05}.section-heading>p{max-width:380px;color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{min-height:500px;background:linear-gradient(160deg,#131816,#0f1211);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.3s}.game-card:before{content:"";position:absolute;inset:auto -30% -42% 10%;height:70%;background:radial-gradient(circle,rgba(33,90,67,.22),transparent 66%)}.game-card:hover{transform:translateY(-8px);border-color:rgba(214,182,109,.35);box-shadow:var(--shadow)}.game-card.featured{background:linear-gradient(160deg,#193c30,#101614)}.game-card-top{display:flex;justify-content:space-between;font-size:12px;color:#768079;letter-spacing:.12em}.suit{font-size:22px;color:var(--gold)}.mini-cards{height:190px;position:relative;margin:20px 0}.mini-cards i{position:absolute;left:50%;top:50%;width:100px;height:145px;background:#e9e4d9;color:#171918;border-radius:10px;font-style:normal;font-family:"Playfair Display",serif;font-size:22px;padding:12px;box-shadow:0 14px 35px rgba(0,0,0,.25)}.mini-cards i:nth-child(1){transform:translate(-95%,-50%) rotate(-10deg)}.mini-cards i:nth-child(2){transform:translate(-50%,-57%) rotate(1deg);color:#a52c31}.mini-cards i:nth-child(3){transform:translate(-5%,-48%) rotate(11deg)}.believe-cards i:nth-child(1),.believe-cards i:nth-child(3){background:repeating-linear-gradient(45deg,#173d31 0 6px,#123126 6px 12px);color:var(--gold)}.game-card-copy{position:relative;z-index:1;margin-top:auto}.tag{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.game-card h3{font-family:"Playfair Display",serif;font-size:38px;margin:8px 0}.game-card p{color:#aab1ad;font-size:14px;min-height:70px}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px;font-weight:800}.site-footer{min-height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#737c77;font-size:11px;letter-spacing:.08em}

/* Rules */
.rule-shell{padding-top:32px}.game-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 40px}.game-pill{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.game-pill.active,.game-pill:hover{background:var(--text);color:#111;border-color:var(--text)}.rule-hero{min-height:500px;background:linear-gradient(145deg,#173b30,#101514 68%);border:1px solid var(--line);border-radius:34px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:60px;overflow:hidden;position:relative}.rule-hero h1{font-size:clamp(64px,8vw,112px);margin:14px 0 20px}.rule-hero-copy>p{color:#bcc4bf;max-width:620px;font-size:17px}.rule-stats{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.rule-stats div{min-width:130px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12);border-radius:14px}.rule-stats span{display:block;color:#8e9993;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.rule-stats strong{font-size:13px}.detail-art{height:390px;position:relative}.detail-suit{position:absolute;right:-40px;top:-80px;font-size:360px;color:rgba(214,182,109,.06);font-family:serif}.detail-card{position:absolute;width:160px;height:235px;background:#ebe7dd;color:#141715;border-radius:15px;padding:17px;font-family:"Playfair Display",serif;font-size:28px;box-shadow:var(--shadow)}.detail-card.c1{left:10%;top:25%;transform:rotate(-13deg)}.detail-card.c2{left:34%;top:16%;transform:rotate(0deg);color:#a6292e}.detail-card.c3{left:58%;top:28%;transform:rotate(12deg)}.content-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:85px 0}.goal-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;height:max-content}.sticky-card{position:sticky;top:24px}.goal-card p{color:#adb5b0}.tip-line{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#7f8983}.tip-line span{color:var(--gold);margin-right:8px}.section-heading.compact{margin-bottom:18px}.rule-step{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.rule-step>span{color:var(--gold);font-size:11px;letter-spacing:.12em}.rule-step h3{font-size:18px;margin:0 0 7px}.rule-step p{margin:0;color:#9ea7a1;font-size:14px}.example-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:var(--panel2);border:1px solid var(--line);border-radius:28px;padding:44px;margin-bottom:30px}.example-copy p{color:#aab3ad}.example-cards{min-height:230px;display:flex;align-items:center;justify-content:center;position:relative}.example-cards span{width:108px;height:155px;border-radius:10px;background:#eee9de;color:#171918;padding:12px;font-family:"Playfair Display",serif;font-size:20px;margin-left:-28px;box-shadow:0 10px 30px rgba(0,0,0,.28);border:1px solid #d8d2c5}.example-cards span:nth-child(even){color:#a52a2f;transform:translateY(-8px)}.tips-section{padding:70px 0 95px}.tips-section ul{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tips-section li{background:#101412;border:1px solid var(--line);padding:22px;border-radius:18px;color:#aeb6b1;font-size:13px}.tips-section li:before{content:"✦";display:block;color:var(--gold);margin-bottom:12px}

@media(max-width:900px){.hero,.rule-hero,.content-grid,.example-section{grid-template-columns:1fr}.hero{padding-top:50px}.hero-art{height:430px}.game-grid{grid-template-columns:1fr}.game-card{min-height:430px}.section-heading{align-items:start}.rule-hero{padding:38px}.detail-art{height:330px}.sticky-card{position:static}.tips-section ul{grid-template-columns:1fr}.content-grid{padding:45px 0}.example-section{padding:30px}.header-note{display:none}}
@media(max-width:560px){.shell,.rule-shell,.site-header{width:min(100% - 24px,1180px)}.hero h1{font-size:58px}.hero-art{transform:scale(.82);margin:-30px}.playing-card{width:180px;height:270px}.section-heading{display:block}.section-heading h2,.goal-card h2,.example-section h2,.tips-section h2{font-size:34px}.rule-hero{padding:28px 22px}.rule-hero h1{font-size:56px}.detail-art{transform:scale(.8);margin:-20px}.rule-stats div{min-width:110px}.example-cards{transform:scale(.84);margin:-20px}.site-footer{gap:20px;align-items:flex-start;justify-content:center;flex-direction:column;padding:28px 0}.game-card{padding:22px}.mini-cards{transform:scale(.9)}}