@font-face{font-family:"RakesWin";font-style:normal;font-weight:900;font-display:swap;src:url("/app-assets/fonts/unbounded-900-digits.woff2?v=20261027-nooverlap") format("woff2")}
@property --heat{syntax:"<number>";initial-value:0;inherits:true}
.dc-back{--ember:#FF8A1F;--molten:#FFC14A;--ash:#8E8A86;--bone:#FFF6EA;--ink:#1A0D02;--tile:#1A120A;position:fixed;inset:0;z-index:9500;display:flex;flex-direction:column;background:#000;color:var(--bone);font-family:"Montserrat","Segoe UI",Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}
.dc-back[hidden]{display:none}
.dc-back.dc-fire{--ember:#FF4A1F;--molten:#FF9A3D}
.dc-back.dc-enter{animation:dc-scene .42s cubic-bezier(.2,0,0,1) both}
.dc-back.dc-leave{animation:dc-scene-out .2s cubic-bezier(.3,0,1,1) both}
@keyframes dc-scene{from{opacity:0}to{opacity:1}}
@keyframes dc-scene-out{from{opacity:1}to{opacity:0}}
.dc-top{display:flex;justify-content:flex-end;padding:max(12px,env(safe-area-inset-top)) 14px 0;position:relative;z-index:3}
.dc-x{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,246,234,.08);color:var(--bone);display:grid;place-items:center;cursor:pointer;transition:transform .12s cubic-bezier(.2,0,0,1),background .2s}
.dc-x:active{transform:scale(.92)}
.dc-x svg{width:16px;height:16px}
.dc-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}
.dc-glow{position:absolute;left:50%;bottom:6%;width:150%;height:62%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,138,31,.2),transparent);background:radial-gradient(closest-side,color-mix(in srgb,var(--ember) calc(16% + var(--heat) * 44%),transparent),transparent);pointer-events:none}
.dc-chest{position:relative;width:min(80vw,46vh,360px);aspect-ratio:1;filter:brightness(calc(1 + var(--heat) * .45)) saturate(calc(1 + var(--heat) * .35));transform-origin:50% 72%}
.dc-chest img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 74%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 74%,transparent);mask-composite:intersect;transition:opacity .22s cubic-bezier(.2,0,0,1);user-select:none;-webkit-user-drag:none}
.dc-chest .dc-img-open,.dc-chest .dc-img-fire{opacity:0}
.dc-chest[data-look="open"] .dc-img-closed,.dc-chest[data-look="fire"] .dc-img-closed,.dc-chest[data-look="fire-open"] .dc-img-closed{opacity:0}
.dc-chest[data-look="open"] .dc-img-open,.dc-chest[data-look="fire-open"] .dc-img-open{opacity:1}
.dc-chest[data-look="fire"] .dc-img-fire{opacity:1}
.dc-chest[data-look="fire-open"] .dc-img-open{filter:hue-rotate(-22deg) saturate(1.5)}
.dc-chest.dc-cold{filter:grayscale(.85) brightness(.42)}
.dc-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 56%,rgba(255,244,222,.96),rgba(255,138,31,.6) 26%,transparent 62%);background:radial-gradient(circle at 50% 56%,rgba(255,244,222,.96),color-mix(in srgb,var(--ember) 60%,transparent) 26%,transparent 62%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.dc-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.dc-reel{position:absolute;left:0;right:0;top:58%;height:176px;margin-top:-88px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.dc-reel{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82) 16%,rgba(0,0,0,.82) 84%,rgba(0,0,0,0))}
.dc-reel[hidden]{display:none}
.dc-track{display:flex;align-items:center;height:100%;will-change:transform}
.dc-marker{position:absolute;top:2px;bottom:2px;left:50%;width:2px;margin-left:-1px;border-radius:2px;background:var(--molten);box-shadow:0 0 12px var(--ember),0 0 2px var(--molten);z-index:2;pointer-events:none}
.dc-tile{position:relative;flex:0 0 104px;height:116px;margin:0 5px;box-sizing:border-box;border-radius:18px;background:var(--tile);box-shadow:inset 0 0 0 1px rgba(255,200,140,.16),0 6px 18px -8px rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-bottom:8px;transition:opacity .3s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.3,1.4,.5,1);transition:opacity .3s cubic-bezier(.2,0,0,1),transform .5s linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067,1.099 24.4%,1.108 26%,1.1 27.9%,1.084 30.1%,1.035 35.1%,.998 41.5%,.989 45.6%,.997 58.6%,1)}
.dc-tile::after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:4px;border-radius:2px;background:var(--tier)}
.dc-tile b{font-size:30px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--bone)}
.dc-usd{display:inline-block;width:.9em;height:.9em;margin-left:.18em;vertical-align:-.1em}
.dc-val{display:flex;align-items:center}
.dc-tile .dc-usd{width:20px;height:20px;margin:2px 0 0 3px}
.dc-tile small{font-size:12px;font-weight:600;line-height:1;color:var(--ash);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.dc-amount .dc-usd{width:.72em;height:.72em;margin-left:.12em;vertical-align:-.04em}
.dc-t1{--tier:#6E6A66}
.dc-t2{--tier:#FFB547}
.dc-t3{--tier:#FF6A2B}
.dc-t4{--tier:#FFD86B;box-shadow:inset 0 0 0 1px rgba(255,216,107,.45),0 0 26px -6px rgba(255,190,60,.55)}
.dc-t4 b{color:#FFE7A0}
.dc-f1{--tier:#FF8A1F}
.dc-f2{--tier:#FF6A2B}
.dc-f3{--tier:#FF3D1F}
.dc-f4{--tier:#FFD86B;box-shadow:inset 0 0 0 1px rgba(255,120,60,.5),0 0 30px -6px rgba(255,80,30,.7)}
.dc-track.dc-settled .dc-tile{opacity:.22}
.dc-track.dc-settled .dc-tile.dc-win{opacity:1;transform:translateY(-4px) scale(1.12);box-shadow:inset 0 0 0 2px var(--tier),0 0 34px -4px var(--tier)}
.dc-panel{position:relative;z-index:3;padding:0 20px max(20px,env(safe-area-inset-bottom))}
.dc-title{margin:0;font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1.04}
.dc-sub{margin:8px 0 0;max-width:30ch;font-size:15px;font-weight:500;line-height:1.42;color:var(--ash)}
.dc-sub b{color:var(--bone);font-weight:700}
.dc-hint{margin:8px 0 0;max-width:34ch;font-size:13px;font-weight:600;line-height:1.4;color:var(--molten)}
.dc-hint[hidden]{display:none}
.dc-result[hidden],.dc-head[hidden],.dc-progress[hidden],.dc-streak[hidden]{display:none}
.dc-halo{position:absolute;left:50%;top:-30px;width:260px;height:150px;margin-left:-130px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,193,74,.55),rgba(255,138,31,.18) 60%,transparent);background:radial-gradient(closest-side,color-mix(in srgb,var(--molten) 55%,transparent),color-mix(in srgb,var(--ember) 18%,transparent) 60%,transparent);opacity:0;pointer-events:none;z-index:-1}
.dc-result{position:absolute;left:16px;right:16px;top:calc(58% + 94px);z-index:3;text-align:center;animation:dc-pop .32s cubic-bezier(.2,0,0,1) both}
@keyframes dc-pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.dc-back.dc-done .dc-head,.dc-back.dc-done .dc-streak,.dc-back.dc-done .dc-progress{visibility:hidden}
.dc-amount{font-size:64px;font-weight:900;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums;color:var(--molten)}
.dc-lines{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:15px;font-weight:500;color:var(--ash)}
.dc-lines b{color:var(--bone);font-weight:700;font-variant-numeric:tabular-nums}
.dc-progress{margin-top:16px;height:6px;border-radius:3px;background:rgba(255,246,234,.1);overflow:hidden}
.dc-progress i{display:block;height:100%;width:100%;background:var(--ember);border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.2,0,0,1)}
.dc-streak{display:flex;align-items:center;gap:12px;margin-top:20px}
.dc-dots{display:flex;align-items:center;gap:5px}
.dc-dot{width:20px;height:6px;border-radius:3px;background:rgba(255,246,234,.13);transform-origin:left}
.dc-dot.dc-on{background:var(--ember)}
.dc-dot.dc-lit{animation:dc-lit .5s cubic-bezier(.2,0,0,1) both}
@keyframes dc-lit{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dc-flame{width:16px;height:18px;color:rgba(255,246,234,.22)}
.dc-flame.dc-on{color:var(--ember)}
.dc-streak-label{font-size:13px;font-weight:600;color:var(--ash)}
.dc-cta{display:block;width:100%;height:56px;margin-top:20px;border:0;border-radius:16px;background:var(--ember);color:var(--ink);font-family:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:transform .12s cubic-bezier(.2,0,0,1),opacity .2s,background .3s}
.dc-cta:active{transform:scale(.97)}
.dc-cta:disabled{opacity:.5;cursor:default;transform:none}
.dc-cta.dc-quiet{background:rgba(255,246,234,.1);color:var(--bone)}
.dc-rules{display:block;margin:12px auto 0;padding:6px 10px;border:0;background:none;color:rgba(255,246,234,.55);font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dc-rules[hidden]{display:none}
.dc-rules:focus-visible{outline:2px solid var(--molten);outline-offset:3px;border-radius:8px}
.dc-x:focus-visible,.dc-cta:focus-visible{outline:2px solid var(--molten);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .dc-back.dc-enter,.dc-back.dc-leave,.dc-dot.dc-lit,.dc-result{animation:none}
  .dc-tile,.dc-progress i,.dc-chest img{transition:none}
}
.dc-num{font-family:"RakesWin","Montserrat",sans-serif;font-weight:900;letter-spacing:-.01em;line-height:1.05;padding:0 .04em;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,#FFF7DA 0%,#FFE08A 32%,#FFB52E 56%,#FF8A1F 72%,#FFE7A0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .7px rgba(90,36,0,.95)) drop-shadow(0 0 .5px rgba(90,36,0,.9)) drop-shadow(0 3px 0 rgba(110,45,0,.9)) drop-shadow(0 0 22px rgba(255,170,40,.45))}
.dc-back.dc-fire .dc-num{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,#FFF1C2 0%,#FFC14A 30%,#FF6A2B 58%,#E8311A 76%,#FFB36B 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 .7px rgba(90,20,0,.95)) drop-shadow(0 0 .5px rgba(90,20,0,.9)) drop-shadow(0 3px 0 rgba(110,20,0,.9)) drop-shadow(0 0 24px rgba(255,90,30,.5))}
.dc-num.dc-shine{animation:dc-shine .95s cubic-bezier(.2,0,0,1) both}
@keyframes dc-shine{from{background-position:-150% 0,0 0}to{background-position:250% 0,0 0}}
.dc-amount{display:flex;align-items:center;justify-content:center}
.dc-track.dc-settled .dc-tile.dc-win.dc-pop{overflow:hidden;background:color-mix(in srgb,var(--tier) 16%,var(--tile));animation:dc-win-pop .7s cubic-bezier(.2,0,0,1) both}
.dc-tile.dc-win.dc-pop::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-14deg);animation:dc-win-sweep .9s .15s cubic-bezier(.2,0,0,1) both;pointer-events:none}
@keyframes dc-win-pop{0%{transform:translateY(-4px) scale(1.12);box-shadow:inset 0 0 0 2px var(--tier),0 0 34px -4px var(--tier)}40%{transform:translateY(-4px) scale(1.24);box-shadow:inset 0 0 0 3px var(--tier),0 0 60px 4px var(--tier)}100%{transform:translateY(-3px) scale(1.18);box-shadow:inset 0 0 0 3px var(--tier),0 0 44px 0 var(--tier)}}
@keyframes dc-win-sweep{from{left:-60%}to{left:130%}}
@media (prefers-reduced-motion:reduce){.dc-track.dc-settled .dc-tile.dc-win.dc-pop,.dc-tile.dc-win.dc-pop::before{animation:none}}
.pc-box{margin:8px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0a0e0c}
.pc-box[hidden]{display:none}
.pc-row{width:100%;min-height:62px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 13px 8px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.065);border-radius:0;background:transparent;color:#F4F4F5;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.pc-row:last-child{border-bottom:0}
.pc-row:active{background:rgba(255,255,255,.035)}
.pc-art{width:46px;height:46px;object-fit:contain;mix-blend-mode:lighten;transform:scale(1.18);-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent);user-select:none;-webkit-user-drag:none}
.pc-art.pc-cold{filter:grayscale(.85) brightness(.55)}
.pc-text{min-width:0;display:grid;gap:2px}
.pc-title{overflow:hidden;color:#F4F4F5;font-size:14px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
.pc-text small{color:rgba(244,247,243,.42);font-size:12px;font-weight:450;line-height:1.3}
.pc-text small strong{color:rgba(244,247,243,.72);font-weight:600}
.pc-ready .pc-text small{color:#FFC14A}
.pc-text .dc-usd{width:12px;height:12px;margin-left:2px;vertical-align:-2px}
.pc-cta{padding:8px 14px;border-radius:999px;background:#FF8A1F;color:#1A0D02;font-size:13px;font-weight:800;line-height:1;white-space:nowrap}
.pc-row:active .pc-cta{transform:scale(.96)}
.pc-chev{display:grid;place-items:center;width:18px;height:18px;color:#555d59}
.pc-chev svg{width:16px;height:16px}
