*{margin:0;padding:0;box-sizing:border-box}:root{--felt-top: #2d5038;--felt-bot: #1f3828;--cream: #e8dccc;--cream-dim: rgba(232, 220, 204, .6);--fx-fire: #ff8a40;--fx-frozen: #8acbff;--fx-poison: #8fe665;--fx-mystic: #c89dff;--fx-mud: #c8a070;--fx-laser: hsl(185, 85%, 65%);--fx-rocket: hsl(25, 85%, 60%);--fx-plasma: hsl(305, 80%, 65%);--fx-vacuum: hsl(195, 60%, 70%);--fx-warp: hsl(280, 75%, 65%);--fx-cyberpunk-glitch: hsl(130, 90%, 55%);--fx-cyberpunk-pulse: hsl(210, 100%, 68%);--fx-cyberpunk-streak: hsl(305, 80%, 65%);--fx-cyberpunk-hack: hsl(115, 85%, 52%);--fx-cyberpunk-shatter: hsl(0, 0%, 82%);--fx-nautical-bombard: hsl(35, 50%, 62%);--fx-nautical-drench: hsl(200, 78%, 60%);--fx-nautical-seize: hsl(220, 30%, 52%);--fx-nautical-sway: hsl(38, 88%, 55%);--fx-nautical-shower: hsl(48, 88%, 60%);--fx-western-swirl: hsl(40, 65%, 60%);--fx-western-crack: hsl(0, 0%, 80%);--fx-western-tumble: hsl(35, 55%, 60%);--fx-western-detonate: hsl(25, 88%, 58%);--fx-western-strike: hsl(100, 75%, 50%);--fx-eldritch-writhe: hsl(280, 48%, 55%);--fx-eldritch-devour: hsl(255, 30%, 55%);--fx-eldritch-watch: hsl(45, 72%, 58%);--fx-eldritch-seep: hsl(230, 15%, 48%);--fx-eldritch-bloom: hsl(270, 62%, 58%);--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: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%)}@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,body[data-active-pack=space] .die-glow-fantasy,body[data-hovered-pack=space] .die-glow-fantasy,body[data-active-pack=cyberpunk] .die-glow-fantasy,body[data-hovered-pack=cyberpunk] .die-glow-fantasy,body[data-active-pack=nautical] .die-glow-fantasy,body[data-hovered-pack=nautical] .die-glow-fantasy,body[data-active-pack=western] .die-glow-fantasy,body[data-hovered-pack=western] .die-glow-fantasy,body[data-active-pack=eldritch] .die-glow-fantasy,body[data-hovered-pack=eldritch] .die-glow-fantasy{opacity:0}body[data-active-pack=space] .die-glow-space,body[data-hovered-pack=space] .die-glow-space,body[data-active-pack=cyberpunk] .die-glow-cyberpunk,body[data-hovered-pack=cyberpunk] .die-glow-cyberpunk,body[data-active-pack=nautical] .die-glow-nautical,body[data-hovered-pack=nautical] .die-glow-nautical,body[data-active-pack=western] .die-glow-western,body[data-hovered-pack=western] .die-glow-western,body[data-active-pack=eldritch] .die-glow-eldritch,body[data-hovered-pack=eldritch] .die-glow-eldritch{opacity:.45}.die-decor{opacity:0;transition:opacity .6s ease}body[data-active-pack=space] .die-decor-space,body[data-hovered-pack=space] .die-decor-space{opacity:.45}@keyframes orbit-spin{0%{transform:rotate(-13deg)}to{transform:rotate(347deg)}}.decor-orbit-ring{animation:orbit-spin 22s linear infinite}body[data-active-pack=cyberpunk] .die-decor-cyberpunk,body[data-hovered-pack=cyberpunk] .die-decor-cyberpunk{opacity:.38;animation:hex-blink 2.1s .65s ease-in-out infinite}@keyframes hex-blink{0%,to{opacity:.38}47%,53%{opacity:.1}50%{opacity:.42}}body[data-active-pack=nautical] .die-decor-nautical,body[data-hovered-pack=nautical] .die-decor-nautical{opacity:.5}@keyframes wave-drift{0%{transform:translate(-7px)}to{transform:translate(7px)}}.decor-waves-inner{animation:wave-drift 3.2s ease-in-out infinite alternate}body[data-active-pack=western] .die-decor-western,body[data-hovered-pack=western] .die-decor-western{opacity:.5}@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}body[data-active-pack=eldritch] .die-decor-eldritch,body[data-hovered-pack=eldritch] .die-decor-eldritch{opacity:.45;animation:tentacle-pulse 2.5s .65s ease-in-out infinite}@keyframes tentacle-pulse{0%,to{opacity:.45}50%{opacity:.2}}body[data-active-pack=space] #faceTop stop:first-child,body[data-hovered-pack=space] #faceTop stop:first-child{stop-color:#c8d8e8}body[data-active-pack=space] #faceTop stop:last-child,body[data-hovered-pack=space] #faceTop stop:last-child{stop-color:#8898b0}body[data-active-pack=space] #faceLeft stop:first-child,body[data-hovered-pack=space] #faceLeft stop:first-child{stop-color:#5a6878}body[data-active-pack=space] #faceLeft stop:last-child,body[data-hovered-pack=space] #faceLeft stop:last-child{stop-color:#303848}body[data-active-pack=space] #faceRight stop:first-child,body[data-hovered-pack=space] #faceRight stop:first-child{stop-color:#404858}body[data-active-pack=space] #faceRight stop:last-child,body[data-hovered-pack=space] #faceRight stop:last-child{stop-color:#20283a}body[data-active-pack=cyberpunk] #faceTop stop:first-child,body[data-hovered-pack=cyberpunk] #faceTop stop:first-child{stop-color:#e8eaec}body[data-active-pack=cyberpunk] #faceTop stop:last-child,body[data-hovered-pack=cyberpunk] #faceTop stop:last-child{stop-color:#b8bec4}body[data-active-pack=cyberpunk] #faceLeft stop:first-child,body[data-hovered-pack=cyberpunk] #faceLeft stop:first-child{stop-color:#707888}body[data-active-pack=cyberpunk] #faceLeft stop:last-child,body[data-hovered-pack=cyberpunk] #faceLeft stop:last-child{stop-color:#3c4050}body[data-active-pack=cyberpunk] #faceRight stop:first-child,body[data-hovered-pack=cyberpunk] #faceRight stop:first-child{stop-color:#505868}body[data-active-pack=cyberpunk] #faceRight stop:last-child,body[data-hovered-pack=cyberpunk] #faceRight stop:last-child{stop-color:#283040}body[data-active-pack=nautical] #faceTop stop:first-child,body[data-hovered-pack=nautical] #faceTop stop:first-child{stop-color:#f0e8d8}body[data-active-pack=nautical] #faceTop stop:last-child,body[data-hovered-pack=nautical] #faceTop stop:last-child{stop-color:#d8ccb8}body[data-active-pack=nautical] #faceLeft stop:first-child,body[data-hovered-pack=nautical] #faceLeft stop:first-child{stop-color:#a09080}body[data-active-pack=nautical] #faceLeft stop:last-child,body[data-hovered-pack=nautical] #faceLeft stop:last-child{stop-color:#605048}body[data-active-pack=nautical] #faceRight stop:first-child,body[data-hovered-pack=nautical] #faceRight stop:first-child{stop-color:#807060}body[data-active-pack=nautical] #faceRight stop:last-child,body[data-hovered-pack=nautical] #faceRight stop:last-child{stop-color:#403830}body[data-active-pack=western] #faceTop stop:first-child,body[data-hovered-pack=western] #faceTop stop:first-child{stop-color:#f4e8cc}body[data-active-pack=western] #faceTop stop:last-child,body[data-hovered-pack=western] #faceTop stop:last-child{stop-color:#e0cfa0}body[data-active-pack=western] #faceLeft stop:first-child,body[data-hovered-pack=western] #faceLeft stop:first-child{stop-color:#c09870}body[data-active-pack=western] #faceLeft stop:last-child,body[data-hovered-pack=western] #faceLeft stop:last-child{stop-color:#7a5e38}body[data-active-pack=western] #faceRight stop:first-child,body[data-hovered-pack=western] #faceRight stop:first-child{stop-color:#9a7850}body[data-active-pack=western] #faceRight stop:last-child,body[data-hovered-pack=western] #faceRight stop:last-child{stop-color:#5a3e20}body[data-active-pack=eldritch] #faceTop stop:first-child,body[data-hovered-pack=eldritch] #faceTop stop:first-child{stop-color:#c8d890}body[data-active-pack=eldritch] #faceTop stop:last-child,body[data-hovered-pack=eldritch] #faceTop stop:last-child{stop-color:#9ab060}body[data-active-pack=eldritch] #faceLeft stop:first-child,body[data-hovered-pack=eldritch] #faceLeft stop:first-child{stop-color:#607840}body[data-active-pack=eldritch] #faceLeft stop:last-child,body[data-hovered-pack=eldritch] #faceLeft stop:last-child{stop-color:#364418}body[data-active-pack=eldritch] #faceRight stop:first-child,body[data-hovered-pack=eldritch] #faceRight stop:first-child{stop-color:#485828}body[data-active-pack=eldritch] #faceRight stop:last-child,body[data-hovered-pack=eldritch] #faceRight stop:last-child{stop-color:#243010}.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-fire);box-shadow:0 0 16px var(--fx-fire);animation:drift1 5s ease-in-out infinite}.spark.s2{top:28%;right:14%;background:var(--fx-frozen);box-shadow:0 0 14px var(--fx-frozen);animation:drift2 7s ease-in-out infinite;width:6px;height:6px}.spark.s3{bottom:22%;left:10%;background:var(--fx-poison);box-shadow:0 0 14px var(--fx-poison);animation:drift3 6s ease-in-out infinite;width:5px;height:5px}.spark.s4{bottom:14%;right:22%;background:var(--fx-mystic);box-shadow:0 0 18px var(--fx-mystic);animation:drift4 8s ease-in-out infinite;width:7px;height:7px}.spark.s5{top:50%;left:4%;background:var(--fx-fire);box-shadow:0 0 10px var(--fx-fire);animation:drift5 9s ease-in-out infinite;width:4px;height:4px}.spark.s6{top:8%;right:38%;background:var(--fx-fire);box-shadow:0 0 12px var(--fx-fire);animation:drift1 5.5s ease-in-out infinite reverse;width:5px;height:5px}body[data-active-pack=space] .spark.s1{background:var(--fx-laser);box-shadow:0 0 16px var(--fx-laser)}body[data-active-pack=space] .spark.s2{background:var(--fx-warp);box-shadow:0 0 14px var(--fx-warp)}body[data-active-pack=space] .spark.s3{background:var(--fx-plasma);box-shadow:0 0 14px var(--fx-plasma)}body[data-active-pack=space] .spark.s4{background:var(--fx-vacuum);box-shadow:0 0 18px var(--fx-vacuum)}body[data-active-pack=space] .spark.s5{background:var(--fx-laser);box-shadow:0 0 10px var(--fx-laser)}body[data-active-pack=space] .spark.s6{background:var(--fx-warp);box-shadow:0 0 12px var(--fx-warp)}body[data-active-pack=cyberpunk] .spark.s1{background:var(--fx-cyberpunk-glitch);box-shadow:0 0 16px var(--fx-cyberpunk-glitch)}body[data-active-pack=cyberpunk] .spark.s2{background:var(--fx-cyberpunk-streak);box-shadow:0 0 14px var(--fx-cyberpunk-streak)}body[data-active-pack=cyberpunk] .spark.s3{background:var(--fx-cyberpunk-pulse);box-shadow:0 0 14px var(--fx-cyberpunk-pulse)}body[data-active-pack=cyberpunk] .spark.s4{background:var(--fx-cyberpunk-hack);box-shadow:0 0 18px var(--fx-cyberpunk-hack)}body[data-active-pack=cyberpunk] .spark.s5{background:var(--fx-cyberpunk-glitch);box-shadow:0 0 10px var(--fx-cyberpunk-glitch)}body[data-active-pack=cyberpunk] .spark.s6{background:var(--fx-cyberpunk-streak);box-shadow:0 0 12px var(--fx-cyberpunk-streak)}body[data-active-pack=nautical] .spark.s1{background:var(--fx-nautical-drench);box-shadow:0 0 16px var(--fx-nautical-drench)}body[data-active-pack=nautical] .spark.s2{background:var(--fx-nautical-shower);box-shadow:0 0 14px var(--fx-nautical-shower)}body[data-active-pack=nautical] .spark.s3{background:var(--fx-nautical-drench);box-shadow:0 0 14px var(--fx-nautical-drench)}body[data-active-pack=nautical] .spark.s4{background:var(--fx-nautical-sway);box-shadow:0 0 18px var(--fx-nautical-sway)}body[data-active-pack=nautical] .spark.s5{background:var(--fx-nautical-drench);box-shadow:0 0 10px var(--fx-nautical-drench)}body[data-active-pack=nautical] .spark.s6{background:var(--fx-nautical-shower);box-shadow:0 0 12px var(--fx-nautical-shower)}body[data-active-pack=western] .spark.s1{background:var(--fx-western-detonate);box-shadow:0 0 16px var(--fx-western-detonate)}body[data-active-pack=western] .spark.s2{background:var(--fx-western-swirl);box-shadow:0 0 14px var(--fx-western-swirl)}body[data-active-pack=western] .spark.s3{background:var(--fx-western-strike);box-shadow:0 0 14px var(--fx-western-strike)}body[data-active-pack=western] .spark.s4{background:var(--fx-western-swirl);box-shadow:0 0 18px var(--fx-western-swirl)}body[data-active-pack=western] .spark.s5{background:var(--fx-western-detonate);box-shadow:0 0 10px var(--fx-western-detonate)}body[data-active-pack=western] .spark.s6{background:var(--fx-western-swirl);box-shadow:0 0 12px var(--fx-western-swirl)}body[data-active-pack=eldritch] .spark.s1{background:var(--fx-eldritch-bloom);box-shadow:0 0 16px var(--fx-eldritch-bloom)}body[data-active-pack=eldritch] .spark.s2{background:var(--fx-eldritch-writhe);box-shadow:0 0 14px var(--fx-eldritch-writhe)}body[data-active-pack=eldritch] .spark.s3{background:var(--fx-eldritch-watch);box-shadow:0 0 14px var(--fx-eldritch-watch)}body[data-active-pack=eldritch] .spark.s4{background:var(--fx-eldritch-bloom);box-shadow:0 0 18px var(--fx-eldritch-bloom)}body[data-active-pack=eldritch] .spark.s5{background:var(--fx-eldritch-writhe);box-shadow:0 0 10px var(--fx-eldritch-writhe)}body[data-active-pack=eldritch] .spark.s6{background:var(--fx-eldritch-bloom);box-shadow:0 0 12px var(--fx-eldritch-bloom)}@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))}.pack-space .slide-eyebrow{color:#96c8ffa6}.pack-space .slide-eyebrow:before{background:linear-gradient(90deg,transparent,rgba(150,200,255,.65))}.pack-cyberpunk .slide-eyebrow{color:#f064c8a6}.pack-cyberpunk .slide-eyebrow:before{background:linear-gradient(90deg,transparent,rgba(240,100,200,.65))}.pack-nautical .slide-eyebrow{color:#3cd2dca6}.pack-nautical .slide-eyebrow:before{background:linear-gradient(90deg,transparent,rgba(60,210,220,.65))}.pack-western .slide-eyebrow{color:#d29641a6}.pack-western .slide-eyebrow:before{background:linear-gradient(90deg,transparent,rgba(210,150,65,.65))}.pack-eldritch .slide-eyebrow{color:#afd24699}.pack-eldritch .slide-eyebrow:before{background:linear-gradient(90deg,transparent,rgba(175,210,70,.6))}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))}h1 .roll-space{background:linear-gradient(180deg,#a0d8ff,#4090e0 55%,#8040d0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(60,130,220,.45))}h1 .roll-cyberpunk{background:linear-gradient(180deg,#ff90e0,#d020a0 55%,#680050);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(210,30,160,.5))}h1 .roll-nautical{background:linear-gradient(180deg,#c0f4f8,#1ab8d0 55%,#006878);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(20,165,190,.5))}h1 .roll-western{background:linear-gradient(180deg,#ffe8b0,#c87818 55%,#6a3a08);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(190,110,20,.5))}h1 .roll-eldritch{background:linear-gradient(180deg,#e0f098,#80a018 55%,#3a5008);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(100,140,20,.45))}.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.fire{color:var(--fx-fire)}.fx-chip.frozen{color:var(--fx-frozen)}.fx-chip.poison{color:var(--fx-poison)}.fx-chip.mystic{color:var(--fx-mystic)}.fx-chip.mud{color:var(--fx-mud)}.fx-chip.laser{color:var(--fx-laser)}.fx-chip.rocket{color:var(--fx-rocket)}.fx-chip.plasma{color:var(--fx-plasma)}.fx-chip.vacuum{color:var(--fx-vacuum)}.fx-chip.warp{color:var(--fx-warp)}.fx-chip.cyberpunk-glitch{color:var(--fx-cyberpunk-glitch)}.fx-chip.cyberpunk-pulse{color:var(--fx-cyberpunk-pulse)}.fx-chip.cyberpunk-streak{color:var(--fx-cyberpunk-streak)}.fx-chip.cyberpunk-hack{color:var(--fx-cyberpunk-hack)}.fx-chip.cyberpunk-shatter{color:var(--fx-cyberpunk-shatter)}.fx-chip.nautical-bombard{color:var(--fx-nautical-bombard)}.fx-chip.nautical-drench{color:var(--fx-nautical-drench)}.fx-chip.nautical-seize{color:var(--fx-nautical-seize)}.fx-chip.nautical-sway{color:var(--fx-nautical-sway)}.fx-chip.nautical-shower{color:var(--fx-nautical-shower)}.fx-chip.western-swirl{color:var(--fx-western-swirl)}.fx-chip.western-crack{color:var(--fx-western-crack)}.fx-chip.western-tumble{color:var(--fx-western-tumble)}.fx-chip.western-detonate{color:var(--fx-western-detonate)}.fx-chip.western-strike{color:var(--fx-western-strike)}.fx-chip.eldritch-writhe{color:var(--fx-eldritch-writhe)}.fx-chip.eldritch-devour{color:var(--fx-eldritch-devour)}.fx-chip.eldritch-watch{color:var(--fx-eldritch-watch)}.fx-chip.eldritch-seep{color:var(--fx-eldritch-seep)}.fx-chip.eldritch-bloom{color:var(--fx-eldritch-bloom)}.fx-chip span:not(.dot){color:var(--cream);opacity:.85}.slide-cta-row{display:flex;align-items:center}.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.cta-space{background:linear-gradient(180deg,#2060d0,#0a2880);border-color:#64a0ff99;box-shadow:0 0 30px #2864dc59,0 6px 18px #0006,inset 0 1px #96c8ff66}.cta.cta-space:hover{box-shadow:0 0 40px #2864dc8c,0 10px 24px #00000080,inset 0 1px #96c8ff80}.cta.cta-cyberpunk{background:linear-gradient(180deg,#c018a0,#580060);border-color:#ff78dc99;box-shadow:0 0 30px #c81ea066,0 6px 18px #0006,inset 0 1px #ffa0f066}.cta.cta-cyberpunk:hover{box-shadow:0 0 40px #c81ea099,0 10px 24px #00000080,inset 0 1px #ffa0f080}.cta.cta-nautical{background:linear-gradient(180deg,#108898,#064858);border-color:#3cd2e699;box-shadow:0 0 30px #108ca061,0 6px 18px #0006,inset 0 1px #8cf0ff66}.cta.cta-nautical:hover{box-shadow:0 0 40px #108ca094,0 10px 24px #00000080,inset 0 1px #8cf0ff80}.cta.cta-western{background:linear-gradient(180deg,#a06018,#582808);border-color:#dc9b4199;box-shadow:0 0 30px #a05f1461,0 6px 18px #0006,inset 0 1px #ffc86e66}.cta.cta-western:hover{box-shadow:0 0 40px #a05f1494,0 10px 24px #00000080,inset 0 1px #ffc86e80}.cta.cta-eldritch{background:linear-gradient(180deg,#3a1e58,#180630);border-color:#b4e65059;box-shadow:0 0 30px #3c500a4d,0 6px 18px #00000080,inset 0 1px #d2f07840}.cta.cta-eldritch:hover{box-shadow:0 0 40px #3c500a7a,0 10px 24px #0009,inset 0 1px #d2f07859}.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-space{background:#040814a6;border-color:#3c6edc40}.pack-space:hover{border-color:#64a0ff80;box-shadow:0 10px 40px #1e46c842}.pack-cyberpunk{background:#0a0016a6;border-color:#c81ea040}.pack-cyberpunk:hover{border-color:#ff5adc80;box-shadow:0 10px 40px #c81e8c47}.pack-nautical{background:#040a18a6;border-color:#10829447}.pack-nautical:hover{border-color:#28c8dc80;box-shadow:0 10px 40px #0c829647}.pack-western{background:#140a04a6;border-color:#8c551447}.pack-western:hover{border-color:#dc963780;box-shadow:0 10px 40px #a05a0f47}.pack-eldritch{background:#050307b3;border-color:#78a01433}.pack-eldritch:hover{border-color:#aadc3c66;box-shadow:0 10px 40px #3c50084d}.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}.slide-cta-row .cta{width:100%;justify-content:center}.below-carousel{flex-direction:column;align-items:flex-start;gap:.7rem}.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}}