:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;--card:#262220;--ink:#f1eadb;--muted:#a79d8c;--line:#3b352f;--accent:#e0566b;--gold:#c9a24a;--felt1:#1f6046;--felt2:#0e3324}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45;
  background-color:var(--felt2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23ffffff' fill-opacity='.07' font-size='34' font-family='serif'%3E%3Ctext x='14' y='44'%3E%E2%99%A0%3C/text%3E%3Ctext x='74' y='44'%3E%E2%99%A5%3C/text%3E%3Ctext x='14' y='104'%3E%E2%99%A6%3C/text%3E%3Ctext x='74' y='104'%3E%E2%99%A3%3C/text%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0%,var(--felt1),var(--felt2) 75%);background-attachment:fixed}
main{max-width:860px;margin:0 auto;padding:40px 16px 60px}
h1{font-size:clamp(2.2rem,7vw,3.6rem);margin:0 0 6px;letter-spacing:-.02em;color:#f6efdc;line-height:1.05}
.lead{color:#d6e6da;font-size:1.1rem;margin:0 0 28px}
.back{display:inline-block;margin-bottom:18px;color:#d6e6da;text-decoration:none;font-weight:600;padding:6px 2px}
.back:hover{text-decoration:underline}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.choice{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;background:var(--card);border:2px solid var(--line);
  color:var(--ink);text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.32);transition:transform .15s,border-color .15s}
.choice:hover{transform:translateY(-3px);border-color:var(--gold)}
.choice:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2rem;color:#fff;font-weight:700}
.icon.chip{background:radial-gradient(circle,#b3262f 0 52%,#fff 53% 58%,#b3262f 59%);box-shadow:inset 0 0 0 3px #b3262f,0 3px 0 rgba(0,0,0,.35);border:3px dashed rgba(255,255,255,.75)}
.icon.card{border-radius:10px;width:50px;height:70px;background:#fbf7ea;color:#1d1a16}
.icon.card.red{color:#b3262f}
.icon.solo,.icon.net{background:var(--felt1);border:2px solid var(--gold);font-size:1.7rem}
.choice h2{margin:6px 0 0;font-size:1.5rem}
.choice p{margin:0;color:var(--muted)}
.go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--gold)}
.note{color:#d6e6da;margin-top:26px;font-size:.95rem}