.breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:.25rem .5rem;margin:1rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-inline-end:.5rem}.breadcrumb a{color:var(--muted)}.game-hero h1{margin-block-end:1rem}.game-hero-art{border-radius:var(--radius-xl);background:var(--tone);text-align:center;justify-items:center;gap:1.25rem;padding:2.5rem 2rem;display:grid}.game-hero-art img{width:min(12rem,50vw);height:auto}.game-hero-art p{max-width:24rem;margin:0;font-size:1.125rem;font-weight:650}@media (min-width:60rem){.game-hero{grid-template-columns:1fr 1fr;align-items:start}.game-hero-art{padding-block:3.5rem}.game-hero-art img{width:15rem}}.game-hero-facts{align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.game-hero-facts .checks{flex-direction:column;margin:0;font-size:1rem}.game-hero-icon{border-radius:var(--radius-xl);background:var(--tone);flex:none;width:7.5rem;height:7.5rem;padding:.875rem}.setup-card{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-pop);gap:1.25rem;padding:1.5rem;scroll-margin-top:5rem;display:grid}@media (min-width:40rem){.setup-card{padding:2rem}}.setup-card h2{margin:0;font-size:1.5rem}.setup-fields{gap:1rem;display:grid}.setup-field{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.setup-label{padding:0;font-weight:700}.setup-field select{border:1px solid var(--muted);border-radius:var(--radius-sm);background:var(--surface);min-height:2.75rem;color:var(--fg);font:inherit;padding:.5rem .75rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{border:2px solid var(--border);background:var(--surface);min-width:3.25rem;min-height:2.75rem;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;padding:.375rem 1rem;font-weight:650;display:inline-flex}.chip:hover span{border-color:var(--accent)}.chip input:checked+span{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:800}.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.setup-daily{border-top:1px solid var(--border);margin:0;padding-top:1rem}.setup-daily a{font-weight:750}.setup-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:30rem){.setup-actions .button{flex:100%}}.game-page .steps li{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);align-items:flex-start;padding:1.25rem}.game-page .step-number{flex:none;position:static}.game-page .steps h3{margin-block:.25rem .5rem}.game-page .steps p{margin:0}.game-rules{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.game-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-rules li{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);padding:.875rem 1rem .875rem 2.75rem;position:relative}.game-rules li:before{content:"✓";color:var(--success);font-weight:800;position:absolute;inset-inline-start:1rem}.game-modes{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.game-modes{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.game-modes li{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-content:start;justify-items:start;gap:.5rem;padding:1.5rem;display:grid}.game-modes h3,.game-modes p{margin:0}.game-modes+p{margin:1.25rem 0 0}.game-faq{gap:.75rem;max-width:56rem;display:grid}.game-faq details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:1rem 1.25rem}.game-faq summary{cursor:pointer;font-weight:700}.game-faq details p{margin:.75rem 0 0}.game-more{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.game-more a{border-radius:var(--radius-lg);background:var(--tone);height:100%;color:var(--fg);align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;display:flex}.game-more a:hover strong{text-decoration:underline}.game-more img{flex:none;width:3rem;height:3rem}.game-more a>span{gap:.125rem;display:grid}.game-more a>span>span{color:var(--muted);font-size:.875rem}
