:root{--ink:#f8fafc;--muted:#b8c0cc;--dim:#7c8594;--felt:#0f5f52;--felt-dark:#093b35;--rail:#111827;--line:#263244;--gold:#f4c95d;--red:#ef4e45;--blue:#55a7ff;--paper:#f9fafb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#090d14;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{background:linear-gradient(#090d148c,#090d14 68%),radial-gradient(circle at 18% 18%,#0f5f528c,#0000 34%),linear-gradient(135deg,#111827,#07110f 56%,#111827);min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px;display:flex}.brand-mark{aspect-ratio:1;background:var(--gold);color:#15110a;border-radius:6px;align-items:center;width:44px;font-size:.8rem;font-weight:800;display:grid}nav{gap:18px;display:flex}nav a{color:var(--muted);font-size:.95rem}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:48px;max-width:1180px;min-height:calc(100vh - 170px);margin:0 auto;padding:28px 24px 72px;display:grid}.hero-copy{max-width:560px}.eyebrow,.panel-kicker{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:5.5rem;line-height:.94}h2{margin-bottom:0;font-size:1.6rem;line-height:1.1}.lede{color:var(--muted);margin-bottom:32px;font-size:1.15rem;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action{border-radius:6px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action{background:var(--gold);color:#15110a}.secondary-action{border:1px solid var(--line);color:var(--ink)}.trainer-panel{background:linear-gradient(180deg, var(--felt), var(--felt-dark));border:1px solid #ffffff24;border-radius:8px;padding:24px;box-shadow:0 26px 70px #0000005c}.panel-header,.result-row,.metrics{gap:16px;display:grid}.panel-header{grid-template-columns:1fr auto;align-items:start;margin-bottom:26px}.status-pill{color:var(--gold);background:#f4c95d29;border:1px solid #f4c95d66;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}.hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.card{aspect-ratio:.72;background:var(--paper);color:#111827;border:3px solid #0000;border-radius:8px;grid-template-rows:auto 1fr auto;min-width:0;padding:12px;display:grid}.card.held{border-color:var(--gold);box-shadow:0 0 0 3px #f4c95d29}.rank{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1}.suit{color:var(--red);place-self:center;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:900}.hold-label{color:#4b5563;text-transform:uppercase;font-size:.75rem;font-weight:800}.result-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.result-row div,.metric{background:#0307126b;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.result-row span,.metric span{color:var(--muted);margin-bottom:8px;font-size:.82rem;display:block}.result-row strong,.metric strong{font-size:1.12rem}.info-band{border-block:1px solid var(--line);background:#101722;grid-template-columns:.8fr 1.2fr;align-items:center;gap:24px;margin-top:-24px;padding:44px max(24px,50vw - 566px);display:grid}.info-band p:last-child{color:var(--muted);margin-bottom:0;font-size:1.05rem;line-height:1.65}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:0 auto;padding:34px 24px 64px}@media (max-width:860px){.topbar{align-items:flex-start;gap:18px}nav{flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;min-height:auto}h1{font-size:clamp(3rem,14vw,4.5rem)}.hand{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.card{min-width:54px;padding:8px}.info-band,.metrics,.result-row{grid-template-columns:1fr}}