:root{--bg:#fff;--soft:#f4f4f3;--ink:#000;--text:#1a1a1a;--text-2:#555;--muted:#767676;--line:#e4e4e2;--die:#e9e9e9;--die-ink:#8a8a8a;--deck-back:#111;--error:#b3261e;--font:Helvetica, "Helvetica Neue", Arial, sans-serif;--t-display:clamp(40px, 5.6vw, 76px);--t-h2:clamp(34px, 4.6vw, 56px);--t-h3:20px;--t-lede:clamp(17px, 1.6vw, 20px);--t-body:17px;--t-small:15px;--t-label:14px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s14:56px;--s16:64px;--s20:80px;--s24:96px;--s30:120px;--margin:16px;--gutter:8px;--max:1040px;--prose:40em;--radius-card:7.94% / 5.68%;--radius-panel:24px;--ease:cubic-bezier(.2, .8, .2, 1);--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--noise-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");color-scheme:light}@media (width>=600px){:root{--margin:24px;--gutter:16px}}@media (width>=1200px){:root{--gutter:24px}}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 var(--t-body)/1.45 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-underline-offset:4px}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:-999px;top:var(--s2);background:var(--ink);color:#fff;padding:var(--s2) var(--s3);z-index:50;position:absolute}.skip:focus{left:var(--s2)}.wrap{max-width:calc(var(--max) + 2 * var(--margin));padding:0 var(--margin);margin:0 auto}.logo{width:64px;color:var(--ink);line-height:0;display:inline-block}.logo svg{width:100%;height:auto;display:block;overflow:visible}.logo-sm{width:44px}.btn{background:var(--ink);color:#fff;letter-spacing:-.01em;min-height:48px;transition:transform .2s var(--ease), opacity .2s;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:16px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.25;cursor:default;transform:none}.btn-sm{min-height:44px;padding:0 var(--s4);font-size:var(--t-label)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0}.btn-big{width:min(100%,320px);min-height:64px;font-size:20px}.link{text-underline-offset:4px;padding:var(--s3) var(--s1);font-size:16px;text-decoration:underline}.top{z-index:10;-webkit-backdrop-filter:blur(12px);background:#ffffffdb;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;gap:var(--s4);min-height:64px;padding-block:var(--s3);display:flex}.top .logo{width:56px}.top nav{align-items:center;gap:var(--s6);font-size:var(--t-small);display:flex}.top nav a{text-decoration:none}.top nav a:hover,.top nav a[aria-current=page]{text-decoration:underline}@media (width<=839px){.top nav .nav-wide{display:none}}.page-head{padding:var(--s14) 0 var(--s8)}.page-head h1,.lead h1{font-size:var(--t-display);letter-spacing:-.045em;color:var(--ink);font-weight:400;line-height:.98}.page-head h1{font-size:clamp(40px,6vw,72px)}.page-head .lede{font-size:var(--t-lede);max-width:var(--prose);margin-top:var(--s6)}.crumbs{font-size:var(--t-label);color:var(--muted);margin-bottom:var(--s4)}.crumbs a{color:inherit}.content>p,.content>ul,.content>ol,.content>h3,.content>blockquote,.sec>p,.sec>ul,.sec>ol,.sec>h3,.sec>blockquote,.lead-copy>p,.lead-copy>ul{max-width:var(--prose)}.content p+p,.sec p+p,.sec>*+p,.sec>*+ul,.sec>*+ol,.content>*+*{margin-top:var(--s4)}.sec{padding:var(--s14) 0;border-top:1px solid var(--line)}@media (width>=840px){.sec{padding:var(--s24) 0}}.sec h2,.content h2{font-size:var(--t-h2);letter-spacing:-.04em;color:var(--ink);margin-bottom:var(--s8);max-width:16em;font-weight:400;line-height:1}.sec h3,.content h3{font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink);margin-top:var(--s8);font-weight:400}.sec h3+p{margin-top:var(--s2)}.sec ul,.sec ol,.content ul,.content ol{gap:var(--s2);padding-left:1.2em;display:grid}.sec li::marker{color:var(--muted)}.sec em,.sec a:not(.btn),.lead a:not(.btn),.content a:not(.btn){color:var(--ink)}.sec>figure,.sec>.ring,.sec>.word-list,.sec>.table,.sec>.roller,.sec>.die-demo,.sec>.buy{margin-top:var(--s8);margin-bottom:var(--s8)}.lead{gap:var(--s8);padding:var(--s6) 0 var(--s14);grid-template-columns:1fr;align-items:center;display:grid}.lead-copy>*+*{margin-top:var(--s5)}.lead-copy>p:first-of-type{font-size:var(--t-lede);margin-top:var(--s6)}.lead-copy em{font-size:var(--t-lede);color:var(--ink)}@media (width>=840px){.lead{gap:var(--s16);min-height:min(86vh,820px);padding:var(--s16) 0 var(--s24);grid-template-columns:1.05fr 1fr}.lead-buy{min-height:0}}.lead-hero .hero-stage,.lead-buy .hero-stage{order:-1}@media (width>=840px){.lead-hero .hero-stage,.lead-buy .hero-stage{order:0}}.buy{border:1px solid var(--line);padding:var(--s6);gap:var(--s4);background:var(--bg);border-radius:4px;max-width:460px;display:grid}.buy-head{justify-content:space-between;align-items:baseline;gap:var(--s4);display:flex}.buy-title{letter-spacing:-.04em;color:var(--ink);font-size:clamp(28px,3vw,36px);line-height:1}.buy-amount{letter-spacing:-.03em;color:var(--ink);font-size:clamp(22px,2.4vw,28px)}.buy-sub{color:var(--text-2);margin-top:calc(var(--s3) * -1)}.buy-specs{border-top:1px solid var(--line);margin-top:var(--s2);display:grid}.buy-specs div{gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:var(--t-small);grid-template-columns:7.5em 1fr;display:grid}.buy-specs dt{color:var(--muted)}.buy-specs dd{color:var(--text)}.buy-row{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.buy-label{font-size:var(--t-small);color:var(--muted)}.buy-meta{font-size:var(--t-label);color:var(--muted)}.buy-total{font-size:var(--t-small);color:var(--ink)}.buy-error{font-size:var(--t-label);color:var(--error)}.btn-block{width:100%}.icon-btn{border-radius:50%;place-items:center;width:44px;height:44px;line-height:1;display:grid}.qty{align-items:center;gap:var(--s2);display:inline-flex}.qty .icon-btn{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);font-size:18px}.qty output{text-align:center;min-width:2.5ch;font-size:var(--t-lede);color:var(--ink)}.sec .buy p+p,.lead-copy .buy p{margin-top:0}.product-card{gap:var(--gutter);margin-top:var(--s8);display:grid}.lead-buy .hero-stage,.product-card .hero-stage{height:320px}.lead-buy .fan,.product-card .fan{inset:4% 0 34%}.lead-buy .fan .card,.product-card .fan .card{width:118px;margin-left:-59px}.lead-buy .hero-die,.product-card .hero-die{width:min(70%,300px);bottom:9%}.lead-buy .hero-die .die,.product-card .hero-die .die{--h:34px}.lead.lead-buy{padding-top:var(--s4);padding-bottom:var(--s10);gap:var(--s5)}.buy{gap:var(--s3);padding:var(--s5)}@media (width>=840px){.lead-buy .hero-stage,.product-card .hero-stage{height:min(100svh - 150px,560px);min-height:440px}.lead-buy .fan,.product-card .fan{inset:0 0 40%}.lead-buy .hero-die,.product-card .hero-die{bottom:18%}.lead-buy .fan .card,.product-card .fan .card{width:clamp(140px,13vw,190px);margin-left:calc(clamp(140px,13vw,190px)/-2)}.lead-buy .hero-die .die,.product-card .hero-die .die{--h:40px}.lead.lead-buy{padding-top:var(--s6);min-height:0}}.lead-buy .hero-stage{order:-1}.lead-buy h1{font-size:clamp(28px,3.2vw,44px);line-height:1.02}.lead-buy .buy-title,.lead-buy .buy-sub{display:none}.lead-buy .buy{max-width:none}.lead-buy .lead-copy>p{font-size:var(--t-small);color:var(--muted)}@media (width>=840px){.lead.lead-buy{align-items:start;gap:var(--s6);grid-template-columns:1.15fr 1fr}.product-card{grid-template-columns:1.15fr 1fr;align-items:start}.product-card .buy{max-width:none}}.seg{box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-label);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);border-radius:999px;padding:7px 14px;transition:background .2s,color .2s}.seg button[aria-checked=true]{background:var(--ink);color:#fff}.form{gap:var(--s4);max-width:520px;margin-top:var(--s8);display:grid}.form label{gap:var(--s1);font-size:var(--t-small);display:grid}.form input,.form textarea{font:inherit;color:var(--ink);padding:var(--s3) var(--s4);background:#fff;border:1px solid #cfcfcf;border-radius:12px}.form input:focus,.form textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.form .hp{position:absolute;left:-9999px}.form-note{font-size:var(--t-small);color:var(--muted)}.form-note.ok{color:var(--ink)}.form-note.err{color:var(--error)}.lead-hero h1{font-size:clamp(44px,7.4vw,96px)}.hero-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.flight{perspective:1400px;margin-inline:calc(var(--margin) * -1);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}@media (width>=840px){.flight{margin-inline:0}}.fly{left:0;top:var(--y);width:136px;transform-style:preserve-3d;transform-origin:0 0;animation:fly var(--dur) linear var(--delay) infinite;position:absolute}@media (width>=840px){.fly{width:clamp(130px,11vw,170px)}}.fly .card-in{animation:fly-turn var(--dur) var(--ease) var(--delay) infinite}@keyframes fly{0%{transform:translate3d(-130%, 0, 0) scale(var(--s)) rotate(var(--rz)) rotateY(-14deg)}25%{transform:translate3d(calc(25cqw - 32%), calc(var(--bob) * -1), 0) scale(var(--s)) rotate(calc(var(--rz) * .5)) rotateY(-6deg)}50%{transform:translate3d(calc(50cqw - 65%), 0, 0) scale(var(--s)) rotate(0deg) rotateY(0deg)}75%{transform:translate3d(calc(75cqw - 97%), var(--bob), 0) scale(var(--s)) rotate(calc(var(--rz) * -.5)) rotateY(6deg)}to{transform:translate3d(100cqw, 0, 0) scale(var(--s)) rotate(calc(var(--rz) * -1)) rotateY(14deg)}}@keyframes fly-turn{0%,42%{transform:none}58%,to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.fly,.fly .card-in{animation:none}.fly{left:var(--x);transform:scale(var(--s)) rotate(var(--rz))}}.packshot{perspective:1800px;place-items:center;display:grid;background:radial-gradient(120% 90% at 50% 35%,#fff 0%,#f1f1f0 60%,#e6e6e4 100%)!important}.pack{--bw:min(72vw, 330px);width:var(--bw);height:calc(var(--bw) * .667);transform-style:preserve-3d;position:relative}@media (width>=840px){.pack{--bw:clamp(300px, 30vw, 440px)}}.box{--bh:calc(var(--bw) * .667);--bd:calc(var(--bw) * .17);transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-28deg)rotateY(14deg)rotate(-1deg)}.box-f{background:#fdfdfc;position:absolute;overflow:hidden;container-type:inline-size}.box-f:before{content:"";background:var(--noise);opacity:.6;pointer-events:none;position:absolute;inset:0}.box-f.front{transform:translateZ(calc(var(--bd) / 2));background:linear-gradient(100deg,#f7f7f6 0%,#fff 45%,#f4f4f3 100%);inset:0}.box-f.back{transform:rotateY(180deg) translateZ(calc(var(--bd) / 2));inset:0}.box-f.side,.box-f.side2{height:100%;width:var(--bd);top:0;left:calc(50% - var(--bd) / 2);transform:rotateY(90deg) translateZ(calc(var(--bw) / 2))}.box-f.side2{transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));background:linear-gradient(90deg,#e9e9e7,#f3f3f2)}.box-f.top,.box-f.bottom{width:100%;height:var(--bd);left:0;top:calc(50% - var(--bd) / 2);transform:rotateX(90deg) translateZ(calc(var(--bh) / 2));background:linear-gradient(#fff,#f6f6f5)}.box-f.bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2))}.box-logo.logo{color:#6e6e6e;width:33cqw;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.box-word{letter-spacing:.02em;color:#777;font-size:3.1cqw;position:absolute}.box-word.w1{top:57%;left:13%}.box-word.w2{top:40%;right:6%}.box-line{text-align:center;letter-spacing:-.01em;color:#555;font-size:3.4cqw;position:absolute;bottom:11%;left:0;right:0}.box-f.top{transform-origin:50%;align-items:center;gap:6cqw;padding:0 8cqw;display:flex}.box-f.top>*{transform:rotate(180deg)}.box-age{color:#444;border:1px solid #444;border-radius:999px;padding:.4cqw 2.4cqw;font-size:2.4cqw}.box-mark{color:#444;order:-1;font-size:1.7cqw;line-height:1.3}.pack:after{content:"";background:radial-gradient(closest-side,#0003,#0000);border-radius:50%;height:16%;position:absolute;bottom:-9%;left:-2%;right:4%;transform:translateZ(-60px)}.hero-stage{perspective:1400px;height:440px;position:relative;container-type:inline-size}@media (width>=840px){.hero-stage{height:clamp(380px,46vw,560px)}}.fan{transform-style:preserve-3d;position:absolute;inset:0 0 22%}.fan .card{width:150px;transform:translate3d(var(--x,0), -50%, 0) rotate(var(--r,0deg));transition:transform .9s var(--ease);margin-left:-75px;position:absolute;top:50%;left:50%}@media (width>=840px){.fan .card{width:clamp(150px,17vw,220px);margin-left:calc(clamp(150px,17vw,220px)/-2)}}.hero-die{width:min(78%,340px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.card{aspect-ratio:63/88;transform-style:preserve-3d;--rx:0deg;--ry:0deg;--gx:50%;--gy:30%;--ga:0;position:relative}.card-tilt{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease);position:absolute;inset:0}.card.tracking .card-tilt{transition:transform 80ms linear}.card-in{transform-style:preserve-3d;transition:transform .75s var(--ease);position:absolute;inset:0}.card.flipped .card-in{transform:rotateY(180deg)}.face{border-radius:var(--radius-card);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 10px 30px -12px #00000040;container-type:inline-size}.face.idea{background:linear-gradient(180deg, #fff 0%, #fff 20.3%, #fff0 100%), var(--c)}.face.idea:before{content:"";background:var(--noise);pointer-events:none;position:absolute;inset:0}.face.thing{background:#fff;transform:rotateY(180deg)}.word{font-size:var(--fs,10.53cqw);letter-spacing:-.04em;white-space:nowrap;color:var(--ink);line-height:1.15;position:absolute;top:7.46cqw;left:7.78cqw}.glare{pointer-events:none;opacity:var(--ga);background:radial-gradient(circle at var(--gx) var(--gy), #ffffff8c, #fff0 55%);transition:opacity .4s;position:absolute;inset:0}.cover{border-radius:var(--radius-card);background:var(--deck-back);place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 0 0 1px #0003,0 10px 30px -12px #00000059}.cover:before{content:"";border-radius:inherit;background:var(--noise-dark);position:absolute;inset:0}.cover .logo{color:#fff;width:56%;position:relative}[data-flip]{cursor:pointer}.card-single{gap:var(--s3);perspective:1400px;width:min(100%,260px);display:grid}.card-single figcaption,.card-link figcaption{font-size:var(--t-label);color:var(--muted)}.card-link{gap:var(--s2);display:grid}.card-link figcaption a{color:var(--text);text-decoration:none}.card-link figcaption a:hover{text-decoration:underline}.ring{--w:120px;--n:50;height:calc(var(--w) * 88 / 63 * 1.95);perspective:2200px;perspective-origin:50% 62%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;margin-inline:calc(var(--margin) * -1);outline:none;position:relative;overflow:hidden}.ring:active{cursor:grabbing}.ring:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}@media (width>=600px){.ring{--w:140px}}@media (width>=1200px){.ring{--w:160px;margin-inline:0}}.ring-tilt{width:var(--w);aspect-ratio:63/88;margin:calc(var(--w) * 88 / 63 / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;position:absolute;top:62%;left:50%;transform:rotateX(-8deg)}.ring-in{transform-style:preserve-3d;--r:calc(var(--w) * 8.9);transform:translateZ(calc(var(--r) * -1)) rotateY(var(--rot,0deg));position:absolute;inset:0}.ring-item{transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(var(--r));position:absolute;inset:0}.ring-item .card{position:absolute;inset:0}.content .word-list,.word-list{gap:var(--s1) var(--s4);margin-top:var(--s6);font-size:var(--t-small);flex-wrap:wrap;list-style:none;display:flex;padding:0!important}.word-list a,.word-list span{text-decoration:none;color:var(--text-2)!important}.word-list a:hover{text-decoration:underline;color:var(--ink)!important}.die{--h:44px;height:calc(var(--h) * 2.4);perspective:900px;position:relative}.die-move{transform-style:preserve-3d;position:absolute;inset:0}.die-view{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-24deg)}.die-rot{height:0;transform-style:preserve-3d;position:absolute;top:50%;left:0;right:0}.die-face{height:var(--h);left:0;right:0;top:calc(var(--h) / -2);transform:rotateX(calc(var(--i) * -60deg)) translateZ(calc(var(--h) * .866));-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:calc(var(--h) * .5);letter-spacing:-.03em;background:var(--die);color:var(--die-ink);border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012}.die-face:before{content:"";background:var(--noise);pointer-events:none;position:absolute;inset:0}.die-face:after{content:"";opacity:var(--shade,0);pointer-events:none;background:#000;position:absolute;inset:0}.die-face.up{color:#111}.die-face>span{opacity:var(--ta,1)}.die-shadow{height:14px;opacity:var(--so,1);background:radial-gradient(closest-side,#00000038,#0000);border-radius:50%;position:absolute;bottom:2px;left:6%;right:6%}.aspect{text-align:center;min-height:64px;padding:0 var(--s4);opacity:0;transition:opacity .4s, transform .4s var(--ease);transform:translateY(6px)}.aspect.on{opacity:1;transform:none}.aspect b{letter-spacing:-.04em;color:var(--ink);font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.05;display:block}.die-demo{justify-items:center;gap:var(--s4);padding:var(--s6) var(--margin) var(--s8);background:var(--soft);border-radius:var(--radius-panel);display:grid}.die-demo .die-slot{width:min(86%,420px)}.aspects{gap:0 var(--s6);margin-top:var(--s6);grid-template-columns:1fr 1fr;display:grid}.aspects div{padding:var(--s4) 0;border-top:1px solid var(--line)}.aspects dt{letter-spacing:-.03em;color:var(--ink);font-size:22px}.aspects div.hit dt:after{content:" ●";vertical-align:middle;color:var(--ink);font-size:10px}@media (width>=600px){.aspects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=840px){.aspects{grid-template-columns:repeat(6,minmax(0,1fr))}}:root{--head:88px}[data-page=home] .top,[data-page=play] .top,[data-page=product] .top{background:var(--bg);-webkit-backdrop-filter:none}html{scroll-padding-top:var(--head)}html.snap-hard{scroll-snap-type:y mandatory}[data-page=home] .lead-hero{scroll-snap-align:start;scroll-snap-stop:always}[data-page=home] .sec:has(>.game-screen-head){padding-top:0}[data-page=home] .game-screen{scroll-snap-align:start;scroll-snap-stop:always}.snap-next{scroll-snap-align:start}.lead.lead-hero{min-height:calc(100vh - var(--head));min-height:calc(100svh - var(--head));gap:var(--s6);padding:var(--s4) 0 calc(var(--s8) + var(--consent-h,0px));grid-template-rows:minmax(160px,1fr) auto}.lead-hero .hero-stage{align-self:stretch;height:auto;min-height:160px}@media (width<=839px){.lead-hero .flight{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#000 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#000 72%,#0000);mask-composite:intersect}}@media (width>=840px){.lead.lead-hero{padding:var(--s8) 0 calc(var(--s8) + var(--consent-h,0px));grid-template-rows:auto}.lead-hero .hero-stage{height:min(560px, calc(100svh - var(--head) - 64px));min-height:320px}}.game-screen{height:min(calc(100vh - var(--head) - 32px), 780px);height:min(calc(100svh - var(--head) - 32px), 780px);flex-direction:column;min-height:460px;display:flex}.sec>.game-screen{margin-block:var(--s8)}.game-screen-head,[data-page=play] .game-screen{height:calc(100vh - var(--head));height:calc(100svh - var(--head))}.sec>.game-screen-head{padding:clamp(12px, 2.4svh, 32px) 0 calc(clamp(12px, 2svh, 24px) + var(--consent-h,0px));margin-block:0}[data-page=play] .game-screen{padding-bottom:var(--consent-h,0px)}.game-screen-head h2{margin-bottom:clamp(8px,1.6svh,20px);font-size:clamp(30px,min(4.6vw,6svh),56px)}.game-screen-head>p{max-width:var(--prose);font-size:clamp(15px,2svh,17px)}.game-screen-head>.table{margin-top:clamp(12px,2.4svh,32px)}.game-screen>.table{flex:1 1 0;min-height:0}.table{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-panel);outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}[data-page=play] .table{border:0;border-radius:0}.table-bar{min-height:28px;padding:var(--s2) var(--s4) 0;justify-content:flex-end;align-items:center;display:flex}.count{font-size:var(--t-label);color:var(--muted)}.board{align-items:center;gap:var(--s2) var(--s4);padding:var(--s1) var(--s4) 0;perspective:1400px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.pile{z-index:2;aspect-ratio:63/88;border-radius:var(--radius-card);grid-area:2/1;width:44px;position:relative}.pile:before,.pile:after{content:"";border-radius:inherit;background:#2a2a2a;position:absolute;inset:0}.pile:before{transform:translate(4px,4px)}.pile:after{background:#1d1d1d;transform:translate(2px,2px)}.pile .cover{z-index:1;transition:transform .25s var(--ease)}.pile:hover .cover{transform:translateY(-3px)}.pile:disabled{opacity:.35}.pile-n{z-index:2;text-align:center;color:var(--muted);font-size:13px;display:none;position:absolute;bottom:-26px;left:0;right:0}.stage{grid-area:1/1/auto/-1;place-items:center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.slot{aspect-ratio:63/88;perspective:1400px;width:min(100cqw,71.5909cqh,360px);position:relative}.slot-hint{text-align:center;padding:var(--s4);color:var(--muted);font-size:var(--t-small);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px dashed #cfcfcd;border-radius:7.94%/5.7%;place-items:center;transition:border-color .2s,color .2s;display:grid;position:absolute;inset:0}.slot-hint:hover{border-color:var(--ink);color:var(--ink)}.slot-hint.nudge{animation:nudge .5s var(--ease)}@keyframes nudge{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.slot .card{cursor:pointer;will-change:transform;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:translate .35s var(--ease), rotate .35s var(--ease);position:absolute;inset:0}.slot .card.swiping{cursor:grabbing;transition:none}.die-area{grid-area:2/2;justify-self:center;justify-items:stretch;width:min(100%,460px);display:grid}.die-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:12px}.die-tap:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.die-tap[aria-disabled=true]{cursor:default}.die-area .die{--h:clamp(26px, 3.6svh, 34px)}.die-area .aspect{min-height:clamp(36px,5.4svh,64px);margin-top:clamp(6px,1.2svh,12px);padding:0}.die-area .aspect b{font-size:clamp(22px,min(4vw,4.2svh),40px)}.controls{justify-content:center;gap:var(--s3);padding:var(--s2) var(--s4) clamp(12px, 2svh, 20px);flex-wrap:wrap;display:flex}.controls .btn{min-width:0;padding:0 var(--s2);white-space:nowrap;flex:1}@media (width>=720px){.board{gap:var(--s3) var(--s6);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr)}.pile{grid-area:1/1;justify-self:end;width:clamp(80px,11vw,140px)}.pile-n{display:block}.stage{grid-area:1/2}.slot{width:min(100cqw,71.5909cqh,380px)}.die-area{grid-area:2/1/auto/-1}.die-area .die{--h:clamp(28px, 4svh, 40px)}.controls .btn{flex:none;min-width:120px;padding:0 26px}}@media (width>=960px){.die-area{grid-area:1/3;place-self:center start;width:min(100%,300px)}.board{padding-block:var(--s2);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}}.roller{background:var(--soft);border-radius:var(--radius-panel);outline:none;min-height:420px;display:grid}.roll-screen{min-height:calc(100vh - var(--head));min-height:calc(100svh - var(--head));flex-direction:column;display:flex}.roll-screen .page-head{padding:clamp(16px,4svh,56px) 0 0}.roll-screen .roll-top{margin-top:var(--s4);flex-direction:column;flex:1;display:flex}.roll-screen .roll-top>p{font-size:clamp(15px,2.1svh,17px)}[data-page=roll] .roller{background:var(--bg);border-radius:0;flex:1;min-height:0;margin-top:0}.roll-stage{padding:clamp(24px, 7svh, 96px) 0 calc(clamp(32px, 9svh, 120px) + var(--consent-h,0px));cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-content:center;justify-items:center;display:grid}.roll-stage .die-tap{width:min(86%,560px)}.roll-stage .die{--h:clamp(36px, min(11vw, 7.6svh), 72px)}.roll-stage .aspect{min-height:calc(1.05*clamp(36px,min(9vw,7svh),80px));margin-top:clamp(12px,2.6svh,28px);padding:0}.roll-stage .aspect b{font-size:clamp(36px,min(9vw,7svh),80px)}.roll-stage .btn-big{width:min(100%,280px);margin-top:clamp(12px,2.6svh,28px)}.sheet{border-radius:var(--radius-panel);width:min(520px, calc(100% - 2 * var(--margin)));background:var(--bg);max-height:calc(100dvh - 32px);color:var(--text);border:0;margin:auto;padding:0;box-shadow:0 30px 80px -20px #0006}.sheet::backdrop{backdrop-filter:blur(4px);background:#00000073}.sheet-in{padding:var(--s8) var(--s6);gap:var(--s4);display:grid}.sheet h2{letter-spacing:-.04em;color:var(--ink);font-size:clamp(30px,6vw,40px);font-weight:400;line-height:1}.sheet .warn{background:var(--soft);padding:var(--s4);border-radius:14px}.sheet .row{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}.muted{color:var(--muted)}.list{gap:0;list-style:none;display:grid;padding:0!important}.list li{border-top:1px solid var(--line);padding:var(--s5) 0}.list a{font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink);text-decoration:none}.list a:hover{text-decoration:underline}.list p{color:var(--text-2);margin-top:var(--s1);max-width:var(--prose)}.note{font-size:var(--t-small);color:var(--muted);max-width:var(--prose)}.consent{left:var(--margin);right:var(--margin);bottom:var(--margin);z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed}.consent[hidden]{display:none}.consent-in{pointer-events:auto;background:var(--bg);border-radius:var(--radius-panel);width:min(100%,560px);padding:var(--s5) var(--s6);box-shadow:0 0 0 1px var(--line), 0 30px 80px -20px #00000059;gap:var(--s3);font-size:var(--t-small);display:grid}.consent-title{font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink)}.consent-in a{color:var(--ink)}.consent-opts{gap:var(--s2);display:grid}.consent-opts label{gap:var(--s2);align-items:center;display:flex}.consent-opts input{width:18px;height:18px;accent-color:var(--ink)}.consent-row{align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;display:flex}@media (width<=719px){.consent{left:var(--s2);right:var(--s2);bottom:var(--s2)}.consent-in{padding:var(--s3) var(--s4);gap:var(--s2);line-height:1.35}.consent-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.consent-row{gap:var(--s2);flex-wrap:nowrap}.consent-row .btn-sm{padding:0 var(--s3);flex:auto}.consent-row .link{padding-inline:var(--s2)}}.foot{border-top:1px solid var(--line);margin-top:var(--s16);padding:var(--s10) 0 var(--s14);font-size:var(--t-small)}.foot .wrap{gap:var(--s4);text-align:center;justify-items:center;display:grid}.foot nav{justify-content:center;gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.foot nav a,.foot button{color:var(--muted);font-size:var(--t-label);text-decoration:none}.foot nav a:hover,.foot button:hover{color:var(--ink);text-decoration:underline}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fan .card{transition-duration:10ms}}.shop-note .wl,.sec>*+.shop-note,.lead-copy>*+.shop-note{margin-top:var(--s4)}.sec h3+.shop-note{margin-top:var(--s2)}.wl-form{align-items:flex-end;gap:var(--s2);max-width:520px;display:flex}.wl-field{gap:var(--s1);flex:auto;min-width:0;display:grid}.wl-label{font-size:var(--t-label);color:var(--muted)}.wl-field input{width:100%;height:48px;padding:0 var(--s5);font:inherit;color:var(--ink);-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #cfcfcf;border-radius:999px;font-size:16px}.wl-field input:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.wl-form .btn{flex:none;height:48px}.wl-hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.wl-msg{font-size:var(--t-small);color:var(--ink)}.wl-msg:not(:empty){margin-top:var(--s2)}.wl-msg.err{color:var(--error)}.wl-sent .wl-msg{font-size:var(--t-body);margin-top:0}.wl-note{margin-top:var(--s2);font-size:var(--t-label);color:var(--muted);line-height:1.4}.wl-confirmed{width:fit-content;max-width:100%;margin-bottom:var(--s4);padding:var(--s3) var(--s4);background:var(--soft);color:var(--ink);font-size:var(--t-small);border-radius:12px}.content>.wl-confirmed{margin-top:var(--s4)}.lead-buy .lead-copy>.shop-note>p{font-size:var(--t-small);color:var(--muted)}@media (width<=479px){.wl-form{flex-direction:column;align-items:stretch}.wl-form .btn{width:100%}}
