.cr{--t-baixo:#8fb4d6;--t-medio:#a676ea;--t-lendario:#f2c860;--t-etereo:#e0302a;--tier:var(--t-baixo);--gold:#cfa95f;--night:#0b0910;--ink:#120b0e;--parch:#f0e5cf;--muted:#a8998a;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-back:cubic-bezier(0.34,1.56,0.64,1);position:absolute;inset:0;z-index:60;overflow:hidden;color:var(--parch);font-family:var(--font-body,system-ui),"Instrument Sans",system-ui,sans-serif;background:var(--night)}.cr button{font:inherit;color:inherit}.cr :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.cr-room{position:absolute;inset:0;transition:background .8s;background:radial-gradient(70% 55% at 50% 45%,transparent,transparent 70%),radial-gradient(120% 80% at 50% 120%,#22141e,transparent 70%),var(--night)}.cr.lit .cr-room{background:radial-gradient(60% 50% at 50% 45%,color-mix(in srgb,var(--tier) 22%,transparent),transparent 70%),radial-gradient(120% 80% at 50% 120%,#22141e,transparent 70%),var(--night)}.cr-dice-wrap{position:absolute;inset:0;display:grid;place-items:center;z-index:6;pointer-events:none}.cr-dice{width:min(46vw,230px);aspect-ratio:1;position:relative;transform:translateY(70vh) scale(.6) rotate(-200deg);opacity:0}.cr-dice.throw{animation:cr-throw 1.9s cubic-bezier(.2,.7,.25,1) forwards}.cr-dice.landed{transform:none;opacity:1}.cr-dice.boom{animation:cr-boom .6s var(--ease-back)}.cr-dice.away{transition:transform .55s cubic-bezier(.6,0,.8,.4),opacity .5s;transform:scale(.2) translateY(-30vh);opacity:0}.cr-d20{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}.cr-num{font-family:var(--font-cinzel,Georgia,serif);font-weight:800;font-size:34px;fill:var(--ink);paint-order:stroke;stroke:#fff6;stroke-width:1px}.cr-halo{position:absolute;inset:-18%;border-radius:50%;opacity:0;transition:opacity .4s;background:radial-gradient(circle,color-mix(in srgb,var(--tier) 60%,transparent),transparent 65%)}.cr-dice.glow .cr-halo{opacity:1;animation:cr-pulse 1.6s ease-in-out infinite}.cr-rays{position:absolute;inset:-70%;border-radius:50%;opacity:0;transition:opacity .5s;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tier) 55%,transparent) 0 6deg,transparent 6deg 20deg);mask:radial-gradient(circle,#000 18%,transparent 62%);-webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);animation:cr-spin 14s linear infinite}.cr-dice.glow .cr-rays{opacity:1}.cr-flash{position:absolute;inset:0;z-index:9;pointer-events:none;background:var(--tier);opacity:0}.cr-flash.go{animation:cr-flash .9s ease-out}.cr-caption{position:absolute;left:0;right:0;bottom:calc(max(14px, env(safe-area-inset-bottom, 0px)) + 64px);text-align:center;z-index:8;font-family:var(--font-cinzel,Georgia,serif);letter-spacing:.22em;text-transform:uppercase;font-size:13px;color:var(--muted);opacity:0;transition:opacity .4s;padding-inline:16px}.cr-caption.vis{opacity:1}.cr-table{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding-inline:16px;padding-block:64px 96px}.cr-grid{--cw:min(15.6vw,150px);display:grid;grid-template-columns:repeat(var(--cols,5),var(--cw));grid-gap:clamp(8px,1.6vw,18px);gap:clamp(8px,1.6vw,18px);justify-content:center}.cr-grid.seven{--cols:4}.cr-slot{width:var(--cw);aspect-ratio:630/880;perspective:900px;position:relative;cursor:pointer;transform:translateY(-60vh) rotate(var(--r,0deg)) scale(.7);opacity:0;animation:cr-deal .7s var(--ease-out) forwards}.cr-slot-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.3,.5,1)}.cr-slot[data-open=true] .cr-slot-inner{transform:rotateY(180deg)}.cr-slot:hover:not([data-open=true]) .cr-slot-inner{transform:translateY(-4px) rotate(-1deg)}.cr-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cr-front{transform:rotateY(180deg)}.cr-back{border-radius:6%/4.3%;overflow:hidden;border:2px solid var(--ink);display:grid;place-items:center;grid-template-rows:1fr auto;grid-gap:2%;gap:2%;padding:10% 0 8%;background:radial-gradient(90% 70% at 50% 40%,#3a2230,#170d14 70%);box-shadow:0 0 0 1px #6b5534,0 10px 20px rgba(0,0,0,.55),0 0 22px color-mix(in srgb,var(--rc) 70%,transparent);animation:cr-rim 2s ease-in-out infinite}.cr-back .cr-d20{height:100%;filter:none}.cr-back-brand{font-family:var(--font-cinzel,Georgia,serif);font-size:clamp(7px,1.5vw,11px);letter-spacing:.35em;color:var(--gold)}.cr-burst{position:absolute;inset:-40%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 80%,transparent) 0,transparent 60%)}.cr-slot[data-open=true][data-rarity=epico] .cr-burst,.cr-slot[data-open=true][data-rarity=etereo] .cr-burst,.cr-slot[data-open=true][data-rarity=lendario] .cr-burst,.cr-slot[data-open=true][data-rarity=raro] .cr-burst{animation:cr-burst .8s ease-out}.cr-show{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:rgba(5,3,6,.82)}.cr-show[hidden]{display:none}.cr-show-wrap{display:grid;justify-items:center}.cr-show-big{width:min(70vw,300px);animation:cr-zoom .6s var(--ease-back)}.cr-show-tag{margin-top:16px;text-align:center;font-family:var(--font-cinzel,Georgia,serif);letter-spacing:.3em;text-transform:uppercase;font-size:14px;color:var(--rc);text-shadow:0 0 18px var(--rc)}.cr-bar{position:absolute;z-index:20;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:8px;padding-inline:16px;flex-wrap:wrap}.cr-btn{background:var(--gold);color:var(--ink);border:0;border-radius:3px;padding:10px 18px;font-weight:600;cursor:pointer}.cr-btn:disabled{opacity:.5;pointer-events:none}.cr-btn[hidden]{display:none}@keyframes cr-throw{0%{transform:translateY(70vh) scale(.5) rotate(-260deg);opacity:1}38%{transform:translateY(-14vh) scale(1.08) rotate(160deg)}62%{transform:translateY(2vh) scale(.96) rotate(330deg)}74%{transform:translateY(-4vh) scale(1.02) rotate(370deg)}86%{transform:translateY(0) scale(1) rotate(352deg)}93%{transform:translateY(-1vh) rotate(362deg)}to{transform:translateY(0) scale(1) rotate(1turn);opacity:1}}@keyframes cr-boom{30%{transform:scale(1.18)}}@keyframes cr-spin{to{transform:rotate(1turn)}}@keyframes cr-pulse{50%{transform:scale(1.08);opacity:.75}}@keyframes cr-flash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}@keyframes cr-deal{0%{transform:translateY(-50vh) rotate(var(--r)) scale(.6);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes cr-burst{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes cr-rim{50%{box-shadow:0 0 0 1px #6b5534,0 10px 20px rgba(0,0,0,.55),0 0 34px color-mix(in srgb,var(--rc) 95%,transparent)}}@keyframes cr-zoom{0%{transform:scale(.7) rotateY(-20deg)}to{transform:none}}@media (max-width:640px){.cr-grid{--cw:calc((100vw - 32px - 4 * 8px) / 5)}.cr-grid.seven{--cw:calc((100vw - 32px - 3 * 8px) / 4)}.cr-table{padding-block:90px 110px}}@media (prefers-reduced-motion:reduce){.cr *,.cr :after,.cr :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}.cr-show-close{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:14px}.cr-back{cursor:pointer;font:inherit;color:inherit}