.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,64px);padding-block:24px 72px;display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(2.1rem,5.4vw,4.3rem);font-weight:800;line-height:1.04}.hero h1 .accent{color:var(--dye-text);display:block}.lede{font-size:var(--s1);color:var(--muted);max-width:30ch;margin-top:22px;line-height:1.5}.lede strong{color:var(--ink);font-weight:500}.launch{border:1px solid var(--line);font-size:var(--s-1);color:var(--muted);border-radius:999px;align-items:center;gap:12px;margin-top:32px;padding:12px 18px 12px 14px;display:inline-flex}.launch b{color:var(--ink);font-weight:600}.launch .dot{background:var(--gold);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #f4b8422e}.mat-col{gap:16px;min-width:0;display:grid}.mat{aspect-ratio:5/4;background:radial-gradient(120% 90% at 50% 40%, var(--felt) 0%, var(--felt-deep) 78%);max-width:100%;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -30px #000000b3;touch-action:manipulation;border-radius:22px;position:relative;overflow:hidden}.mat:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1.2px),radial-gradient(#00000040 1px,#0000 1.2px);background-position:0 0,2px 3px;background-size:5px 5px,7px 7px;position:absolute;inset:0}.khee{background:var(--dye);opacity:.55;pointer-events:none;height:12px;position:absolute;left:14px;right:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 10.5H6V1.5H18V7.5H12' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0/24px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 10.5H6V1.5H18V7.5H12' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0/24px 12px repeat-x}.khee.t{top:14px}.khee.b{bottom:14px;transform:scaleY(-1)}.mat.rattle{animation:.32s linear rattle}@keyframes rattle{0%,to{transform:none}20%{transform:translate(-3px,1px)rotate(-.4deg)}45%{transform:translate(3px,-1px)rotate(.4deg)}70%{transform:translate(-2px)}}.bone{width:var(--bone-size,96px);height:var(--bone-size,96px);will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.bone svg{filter:drop-shadow(0 7px 5px #05061e8c);width:100%;height:100%;display:block;overflow:visible}.bone .tag{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)}.bone[data-side=horse] .tag{color:var(--gold)}.mat.flying .tag{opacity:0}.toss-row{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.toss{cursor:pointer;background:var(--dye);color:#fff;font:700 var(--s0)/1 var(--font-display);border:0;border-radius:16px;padding:18px 26px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #9e1f55}.toss:active{transform:translateY(4px);box-shadow:0 2px #9e1f55}.toss:disabled{cursor:progress}.verdict{flex:200px;min-width:0}.verdict .say{font-weight:600;font-size:var(--s1);line-height:1.3}.verdict .say.win{color:var(--gold)}.verdict .score{font:500 var(--s-1)/1.4 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px}.tally{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tally div{border:1px solid var(--line);border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:border-color .2s,background .2s;display:grid}.tally svg{width:30px;height:30px}.tally .nm{font-size:var(--s-1);color:var(--muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.tally .ct{font:500 var(--s0)/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.tally div.on{border-color:var(--bone-shade);background:#f1e6cf0d}.tally div.on .nm,.tally div.on .ct{color:var(--ink)}.tally div.horse.on{border-color:var(--gold)}.tally div.horse.on .ct{color:var(--gold)}.hint{font-size:var(--s-1);color:var(--muted)}.deck{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.games{gap:8px;margin-top:28px;display:grid}.games button{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:500;display:flex}.games button span:last-child{font:500 var(--s-1)/1 var(--font-mono);color:var(--muted)}.games button[aria-pressed=true]{background:var(--bone);color:var(--night);border-color:var(--bone)}.games button[aria-pressed=true] span:last-child{color:var(--night);opacity:.6}.table{min-width:0;position:relative}.stack{position:relative}.stack:before,.stack:after{content:"";background:var(--felt);box-shadow:inset 0 0 0 1px var(--line);border-radius:26px;position:absolute;inset:0}.stack:before{transform:rotate(-4deg)translate(-6px,8px)}.stack:after{background:var(--felt-deep);transform:rotate(2.5deg)translate(6px,4px)}.card{z-index:1;background:var(--bone);min-height:360px;color:var(--night);border-radius:26px;flex-direction:column;gap:22px;padding:clamp(24px,4vw,40px);transition:transform .28s cubic-bezier(.3,.7,.3,1),opacity .28s;display:flex;position:relative;box-shadow:0 30px 50px -28px #000c}.card.out{opacity:0;transform:translate(46%)rotate(9deg)}.card.in{opacity:0;transition:none;transform:translate(-12%)rotate(-5deg)}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{font:500 var(--s-1)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--night);color:var(--bone);border-radius:8px;padding:7px 10px}.chip.dare{background:var(--dye);color:#fff}.pos{font:500 var(--s-1)/1 var(--font-mono);font-variant-numeric:tabular-nums;opacity:.55}.prompt{font:700 clamp(1.3rem, 2.5vw, 1.85rem)/1.28 var(--font-display);letter-spacing:-.01em;text-wrap:pretty;flex:1}.prompt .name{color:#b81f5e}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cue{font-size:var(--s-1);opacity:.65;font-weight:600}.next{cursor:pointer;background:var(--night);color:var(--bone);border:0;border-radius:14px;padding:14px 20px;font-weight:600}.next:hover{background:#22296f}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.step{border-top:2px solid var(--bone);align-content:start;gap:10px;padding-top:18px;display:grid}.step .n{font:500 var(--s-1)/1 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.step h3{font-size:var(--s1);font-weight:700}.step p{color:var(--muted)}.clock{font:500 var(--s-1)/1.5 var(--font-mono);color:var(--muted);margin-top:28px}.clock b{color:var(--gold);font-weight:500}.decks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.pack{background:var(--felt-deep);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;align-content:start;gap:12px;padding:22px;display:grid}.pack .when{font:500 var(--s-1)/1 var(--font-mono);color:var(--gold);letter-spacing:.06em}.pack h3{font-size:var(--s1);font-weight:700}.pack p{color:var(--muted)}.price{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid;overflow:hidden}.price>div{align-content:start;gap:8px;padding:24px;display:grid}.price>div+div{border-left:1px solid var(--line)}.price h3{font-size:var(--s1);font-weight:700}.price p{color:var(--muted)}.promise{flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-weight:500;display:flex}.promise span:before{content:"✓";color:var(--gold);margin-right:8px}.rooms{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.url{font:500 clamp(1.1rem, 2.6vw, 1.6rem)/1 var(--font-mono);border:1px dashed var(--bone-shade);color:var(--bone);white-space:nowrap;border-radius:16px;padding:22px 26px}.url span{color:var(--dye-text)}@media (width<=880px){.hero,.deck,.rooms{grid-template-columns:minmax(0,1fr)}.hero{padding-block:8px 56px}.steps,.decks,.price{grid-template-columns:minmax(0,1fr)}.price>div+div{border-left:0;border-top:1px solid var(--line)}.tally{grid-template-columns:repeat(2,minmax(0,1fr))}.url{white-space:normal;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.mat.rattle{animation:none}.card,.card.out,.card.in{transition:opacity .15s;transform:none}}.cta{background:var(--dye);color:#fff;border-radius:14px;margin-top:22px;padding:14px 20px;font-weight:600;text-decoration:none;display:inline-block}
