*{margin:0;padding:0;box-sizing:border-box}:root{--felt-top: #2d5038;--felt-bot: #1f3828;--cream: #e8dccc;--cream-dim: rgba(232, 220, 204, .6);--pip-amber: #ffaa44}html,body{min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--cream);-webkit-user-select:none;user-select:none;background:#0a0a0a}html,body{overflow-x:hidden}body{position:relative;background:radial-gradient(ellipse at 70% 30%,rgba(218,60,80,.18),transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(120,180,110,.12),transparent 60%),linear-gradient(155deg,var(--felt-top) 0%,var(--felt-bot) 60%,#1a2e20 100%);transition:background 0s}body[data-active-pack=space],body[data-hovered-pack=space]{background:radial-gradient(ellipse at 70% 25%,rgba(50,110,220,.28),transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(80,20,160,.2),transparent 60%),linear-gradient(155deg,#030812,#060c20 60%,#020510)}body[data-active-pack=cyberpunk],body[data-hovered-pack=cyberpunk]{background:radial-gradient(ellipse at 75% 15%,rgba(0,220,255,.07),transparent 40%),radial-gradient(ellipse at 65% 30%,rgba(180,20,220,.3),transparent 55%),radial-gradient(ellipse at 25% 85%,rgba(0,200,80,.08),transparent 55%),linear-gradient(155deg,#0a0016,#140020 60%,#060010)}body[data-active-pack=nautical],body[data-hovered-pack=nautical]{background:radial-gradient(ellipse at 60% 15%,rgba(20,180,200,.12),transparent 45%),radial-gradient(ellipse at 70% 35%,rgba(10,90,160,.28),transparent 55%),radial-gradient(ellipse at 25% 80%,rgba(5,50,100,.2),transparent 60%),linear-gradient(155deg,#071220,#04091a 60%,#020610)}body[data-active-pack=western],body[data-hovered-pack=western]{background:radial-gradient(ellipse at 65% 20%,rgba(220,150,40,.16),transparent 48%),radial-gradient(ellipse at 70% 38%,rgba(180,90,20,.22),transparent 55%),radial-gradient(ellipse at 25% 78%,rgba(100,50,8,.18),transparent 55%),linear-gradient(155deg,#2e1a08,#1a0e04 60%,#0e0804)}body[data-active-pack=eldritch],body[data-hovered-pack=eldritch]{background:radial-gradient(ellipse at 65% 25%,rgba(70,8,100,.35),transparent 52%),radial-gradient(ellipse at 30% 75%,rgba(30,4,50,.25),transparent 55%),radial-gradient(ellipse at 50% 55%,rgba(80,100,5,.04),transparent 40%),linear-gradient(155deg,#050306,#010001 65%,#010102)}body[data-active-pack=nature],body[data-hovered-pack=nature]{background:radial-gradient(ellipse at 55% 20%,rgba(60,180,60,.16),transparent 50%),radial-gradient(ellipse at 30% 75%,rgba(20,100,20,.2),transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(0,140,100,.1),transparent 45%),linear-gradient(155deg,#0a140a,#060e06 60%,#040804)}body[data-active-pack=steampunk],body[data-hovered-pack=steampunk]{background:radial-gradient(ellipse at 65% 20%,rgba(80,110,130,.24),transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(50,65,80,.22),transparent 55%),radial-gradient(ellipse at 70% 65%,rgba(100,50,20,.14),transparent 45%),linear-gradient(155deg,#0e1014,#090c10 60%,#070a0c)}body[data-active-pack=norse],body[data-hovered-pack=norse]{background:radial-gradient(ellipse at 60% 15%,rgba(160,200,255,.18),transparent 48%),radial-gradient(ellipse at 35% 75%,rgba(60,80,140,.2),transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(180,30,30,.1),transparent 45%),linear-gradient(155deg,#141210,#0c0a08 60%,#080604)}body[data-active-pack=ancient],body[data-hovered-pack=ancient]{background:radial-gradient(ellipse at 65% 20%,rgba(160,120,50,.22),transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(30,100,130,.2),transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(60,35,5,.14),transparent 50%),linear-gradient(155deg,#1e1a0e,#120e08 60%,#0c0a04)}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:1}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px;pointer-events:none;mix-blend-mode:overlay;opacity:.5;z-index:1}.stage{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:5.5rem 2rem 4rem}.carousel-col{display:flex;flex-direction:column;align-items:center;width:100%;max-width:960px;gap:1.5rem}.pack-top-bar{position:absolute;top:1.6rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.45rem;white-space:nowrap}.pack-label{font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;color:var(--cream-dim)}.pack-label span{color:var(--cream)}.carousel-dots{display:flex;gap:.55rem;align-items:center}.c-dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:background .25s ease,width .25s ease,border-radius .25s ease}.c-dot.active{background:#ffffffbf;width:18px;border-radius:3px}.die-wrapper{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.arrow-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#0a0806bf;border:1px solid rgba(255,255,255,.15);color:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .15s ease,opacity .2s ease;z-index:2}.arrow-btn svg{width:20px;height:20px}.arrow-btn:hover{background:#32261ce6;border-color:#ffffff59;transform:scale(1.08)}.arrow-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.die-stage{position:relative;width:400px;height:400px;display:grid;place-items:center;flex-shrink:0}.die-stage:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle,rgba(255,138,64,.35) 0%,rgba(200,60,30,.12) 35%,transparent 65%);filter:blur(20px);animation:pulse 4s ease-in-out infinite;transition:background .6s ease}body[data-active-pack=space] .die-stage:before,body[data-hovered-pack=space] .die-stage:before{background:radial-gradient(circle,rgba(60,140,255,.38) 0%,rgba(20,60,200,.14) 35%,transparent 65%)}body[data-active-pack=cyberpunk] .die-stage:before,body[data-hovered-pack=cyberpunk] .die-stage:before{background:radial-gradient(circle,rgba(180,40,255,.38) 0%,rgba(80,10,180,.14) 35%,transparent 65%)}body[data-active-pack=nautical] .die-stage:before,body[data-hovered-pack=nautical] .die-stage:before{background:radial-gradient(circle,rgba(20,120,220,.38) 0%,rgba(10,60,160,.14) 35%,transparent 65%)}body[data-active-pack=western] .die-stage:before,body[data-hovered-pack=western] .die-stage:before{background:radial-gradient(circle,rgba(220,140,40,.36) 0%,rgba(160,80,10,.14) 35%,transparent 65%)}body[data-active-pack=eldritch] .die-stage:before,body[data-hovered-pack=eldritch] .die-stage:before{background:radial-gradient(circle,rgba(100,20,160,.4) 0%,rgba(50,5,80,.14) 35%,transparent 65%)}body[data-active-pack=ancient] .die-stage:before,body[data-hovered-pack=ancient] .die-stage:before{background:radial-gradient(circle,rgba(50,185,210,.34) 0%,rgba(130,90,30,.12) 35%,transparent 65%)}body[data-active-pack=steampunk] .die-stage:before,body[data-hovered-pack=steampunk] .die-stage:before{background:radial-gradient(circle,rgba(80,120,150,.36) 0%,rgba(40,60,80,.14) 35%,transparent 65%)}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.die-glow{transition:opacity .6s ease}.die-glow-fantasy{opacity:.45}.die-glow-space,.die-glow-cyberpunk,.die-glow-nautical,.die-glow-western,.die-glow-eldritch,.die-glow-ancient,.die-glow-norse,.die-glow-steampunk,.die-glow-nature{opacity:0}.die-decor{opacity:0;transition:opacity .6s ease}@keyframes orbit-spin{0%{transform:rotate(-13deg)}to{transform:rotate(347deg)}}.decor-orbit-ring{animation:orbit-spin 22s linear infinite}@keyframes wave-drift{0%{transform:translate(-7px)}to{transform:translate(7px)}}.decor-waves-inner{animation:wave-drift 3.2s ease-in-out infinite alternate}@keyframes wagon-wheel-spin{to{transform:rotate(360deg)}}.decor-wagon-wheel{transform-box:fill-box;transform-origin:center;animation:wagon-wheel-spin 9s linear infinite}.decor-wagon-wheel-sm{animation-duration:6.5s}@keyframes eye-horus-glow{0%,to{opacity:.5}50%{opacity:1}}.decor-eye-horus{animation:eye-horus-glow 4s ease-in-out infinite}@keyframes scarab-flutter{0%,to{opacity:.52}50%{opacity:.9}}.decor-scarab{animation:scarab-flutter 3s ease-in-out infinite;animation-delay:.8s}@keyframes ankh-glow{0%,to{opacity:.5}50%{opacity:1}}.decor-ankh{animation:ankh-glow 3.5s ease-in-out infinite;animation-delay:1.8s}@keyframes djed-pulse{0%,to{opacity:.52}50%{opacity:.85}}.decor-djed{animation:djed-pulse 5s ease-in-out infinite}@keyframes rune-ring-march{to{stroke-dashoffset:-12}}.decor-rune-ring{animation:rune-ring-march 3s linear infinite}@keyframes axe-gleam{0%,to{fill-opacity:.58;stroke-opacity:.7}50%{fill-opacity:.92;stroke-opacity:1}}.decor-axe-blade{animation:axe-gleam 3.5s ease-in-out infinite}@keyframes hammer-gleam{0%,to{opacity:.52}50%{opacity:1}}.decor-hammer-head{animation:hammer-gleam 3.5s ease-in-out infinite;animation-delay:1.75s}@keyframes gear-spin-cw{to{transform:rotate(360deg)}}@keyframes gear-spin-ccw{to{transform:rotate(-360deg)}}.decor-gear-large{transform-box:fill-box;transform-origin:center;animation:gear-spin-cw 8s linear infinite}.decor-gear-small{transform-box:fill-box;transform-origin:center;animation:gear-spin-ccw 4.5s linear infinite}@keyframes gauge-needle-tick{0%,to{transform:rotate(-25deg)}50%{transform:rotate(30deg)}}.decor-gauge-needle{transform-box:fill-box;transform-origin:0% 100%;animation:gauge-needle-tick 2.8s ease-in-out infinite}@keyframes steam-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-18px);opacity:0}}.decor-steam-puff{animation:steam-rise 2.4s ease-out infinite}.decor-steam-puff2{animation:steam-rise 2.4s ease-out infinite;animation-delay:1.2s}@keyframes vine-creep{to{stroke-dashoffset:-12}}.decor-vine{animation:vine-creep 10s linear infinite}@keyframes leaf-sway-v{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes leaf-sway-h{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.decor-leaf-n{animation:leaf-sway-v 3.2s ease-in-out infinite}.decor-leaf-s{animation:leaf-sway-v 3.2s ease-in-out infinite;animation-delay:.9s}.decor-leaf-e{animation:leaf-sway-h 3.6s ease-in-out infinite;animation-delay:.4s}.decor-leaf-w{animation:leaf-sway-h 3.6s ease-in-out infinite;animation-delay:1.3s}.dice{width:320px;height:320px;position:relative;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}.dice svg{width:100%;height:100%}.spark{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none}.spark.s1{top:12%;left:18%;background:var(--fx-fantasy-fire);box-shadow:0 0 16px var(--fx-fantasy-fire);animation:drift1 5s ease-in-out infinite}.spark.s2{top:28%;right:14%;background:var(--fx-fantasy-frozen);box-shadow:0 0 14px var(--fx-fantasy-frozen);animation:drift2 7s ease-in-out infinite;width:6px;height:6px}.spark.s3{bottom:22%;left:10%;background:var(--fx-fantasy-poison);box-shadow:0 0 14px var(--fx-fantasy-poison);animation:drift3 6s ease-in-out infinite;width:5px;height:5px}.spark.s4{bottom:14%;right:22%;background:var(--fx-fantasy-mystic);box-shadow:0 0 18px var(--fx-fantasy-mystic);animation:drift4 8s ease-in-out infinite;width:7px;height:7px}.spark.s5{top:50%;left:4%;background:var(--fx-fantasy-fire);box-shadow:0 0 10px var(--fx-fantasy-fire);animation:drift5 9s ease-in-out infinite;width:4px;height:4px}.spark.s6{top:8%;right:38%;background:var(--fx-fantasy-fire);box-shadow:0 0 12px var(--fx-fantasy-fire);animation:drift1 5.5s ease-in-out infinite reverse;width:5px;height:5px}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-14px,16px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(18px,-12px)}}@keyframes drift4{0%,to{transform:translate(0)}50%{transform:translate(-10px,-20px)}}@keyframes drift5{0%,to{transform:translate(0)}50%{transform:translate(20px,8px)}}.pack-carousel{display:flex;overflow-x:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.pack-carousel::-webkit-scrollbar{display:none}.pack-slide{flex:0 0 100%;display:flex;flex-direction:column;gap:1.4rem;scroll-snap-align:start}.slide-eyebrow{font-size:.7rem;letter-spacing:.45em;text-transform:uppercase;color:var(--cream-dim);display:flex;align-items:center;gap:.8rem}.slide-eyebrow:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--cream-dim))}h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:300;line-height:.98;letter-spacing:-.03em;color:var(--cream);text-shadow:0 4px 30px rgba(0,0,0,.55)}h1 .roll{font-weight:600;background:linear-gradient(180deg,#ffd89c,#ff8a40 60%,#c84818);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(255,138,64,.35))}.tagline{font-size:1.05rem;line-height:1.55;color:var(--cream-dim);max-width:440px;font-weight:400}.effects-row{display:flex;gap:.55rem;flex-wrap:wrap}.fx-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem .45rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#14100e73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);transition:transform .2s ease,border-color .2s ease;cursor:default}.fx-chip:hover{transform:translateY(-1px);border-color:#ffffff4d}.fx-chip .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.fx-chip span:not(.dot){color:var(--cream);opacity:.85}.slide-cta-row{display:flex;align-items:center;margin-top:auto;padding-top:1.4rem}.cta{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.8rem;background:linear-gradient(180deg,#e05420,#a82810);border:1px solid rgba(255,160,96,.6);color:#fff;border-radius:14px;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 30px #e0542059,0 6px 18px #0006,inset 0 1px #ffc89666;transition:transform .15s ease,box-shadow .2s ease;text-decoration:none}.cta:hover{transform:translateY(-2px);box-shadow:0 0 40px #e054208c,0 10px 24px #00000080,inset 0 1px #ffc89680}.cta .arrow{width:16px;height:16px;transition:transform .2s ease}.cta:hover .arrow{transform:translate(3px)}.pack-tabs{display:flex;gap:.5rem;justify-content:center}.pack-tab{font-family:inherit;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cream-dim);background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.3rem .75rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.pack-tab:hover{background:#ffffff24;border-color:#ffffff4d;color:var(--cream)}.below-carousel{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.ghost-link{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.2rem;color:var(--cream);border:1px solid rgba(255,255,255,.18);background:#14100e66;border-radius:14px;font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s ease,border-color .2s ease,background .2s ease}.ghost-link:hover{transform:translateY(-2px);border-color:#fff6;background:#281e188c}.ghost-link .arrow{width:14px;height:14px;transition:transform .2s ease;opacity:.7}.ghost-link:hover .arrow{transform:translate(3px);opacity:1}.keys{display:flex;align-items:center;gap:.55rem;color:var(--cream-dim);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .4rem;font-family:inherit;font-size:.65rem;font-weight:600;background:#14100e99;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:4px;color:var(--cream)}.footer{position:absolute;bottom:1.6rem;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--cream-dim);z-index:3;opacity:.55}.brand{position:absolute;top:1.8rem;left:2rem;display:flex;align-items:center;gap:.6rem;z-index:3;color:var(--cream);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500;text-decoration:none}.brand-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(180deg,#e05420,#a82810);box-shadow:0 0 12px #e0542080,inset 0 1px #ffc89666;color:#fff;font-weight:700;font-size:.7rem;letter-spacing:0}@media (min-width: 641px){.stage{padding:5rem 4rem 4rem}.pack-top-bar,.arrow-btn,.pack-tabs{display:none}.pack-carousel{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;overflow:visible}.pack-slide{flex:none;padding:1.5rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .25s ease,box-shadow .25s ease;cursor:default;gap:1rem}.pack-fantasy{background:#1c10068c;border-color:#b45a1e40}.pack-fantasy:hover{border-color:#ff8a4073;box-shadow:0 10px 40px #b43c0a38}.pack-slide h1{font-size:clamp(1.5rem,2.8vw,2.1rem)}.pack-slide .tagline{font-size:.82rem}.pack-slide .slide-eyebrow{font-size:.6rem}.pack-slide .effects-row{gap:.4rem}.pack-slide .fx-chip{font-size:.62rem;padding:.35rem .7rem .35rem .55rem}.slide-cta-row .cta{font-size:.75rem;padding:.75rem 1.3rem;letter-spacing:.18em}.below-carousel{justify-content:center}}@media (max-width: 900px){.stage{padding:5rem 1.5rem 4rem}.die-stage{width:min(55vw,320px);height:min(55vw,320px)}.dice{width:80%;height:80%}}@media (max-width: 640px){.stage{padding:5rem 1rem 4rem}.brand{top:1.4rem;left:1.4rem;font-size:.62rem;letter-spacing:.25em}.brand-mark{width:22px;height:22px;font-size:.62rem}.carousel-col{gap:1rem}.die-wrapper{gap:.4rem}.die-stage{width:min(58vw,240px);height:min(58vw,240px)}.dice{width:85%;height:85%;animation-duration:7s}.pack-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pack-slide{flex:0 0 100%;scroll-snap-align:start;gap:1rem}h1{font-size:clamp(2.4rem,10vw,3.5rem);line-height:1}h1 br{display:none}.tagline{font-size:1rem}.effects-row{gap:.4rem}.fx-chip{font-size:.62rem;padding:.4rem .7rem .4rem .6rem;letter-spacing:.18em}.pack-tabs{display:none}.slide-cta-row .cta{width:100%;justify-content:center}.below-carousel{flex-direction:column;align-items:stretch;gap:.7rem;width:100%}.ghost-link{width:100%;justify-content:center;padding:1.05rem 1.2rem}.keys{justify-content:center;width:100%}.footer{position:static;margin-top:2rem;padding:1rem}.die-stage:before{filter:blur(28px)}}@media (min-width: 1100px){.pack-carousel{grid-template-columns:1fr 1fr 1fr}}@media (hover: none) and (pointer: coarse){.fx-chip{padding:.55rem .85rem}.cta,.ghost-link{min-height:48px}.arrow-btn{min-height:48px;min-width:48px}}