@import url(https://fonts.googleapis.com/css2?family=DotGothic16&display=swap);/*! * 多巴胺｜扭蛋機樣式 gacha.css（品牌：多巴胺一番賞） * 部署位置 wp-content/uploads/dopa-gacha/gacha.css；由沙盒外掛 63b 只在扭蛋商品頁載入。 * 像素復古紅白，移植自原型 dopamine/prototypes/gacha-sim/（v3）。 * * 範圍：所有規則都掛在 #dopa-gacha-root（商品頁內的機台與圖鑑）或 #dopa-gacha-layer（body 底下的開蛋／確認覆蓋層）底下， * 不碰主題的元素。唯一例外是 html.dopa-gacha-lock（開蛋時鎖住頁面捲動，只在這支 JS 加 class 時生效）。 * * ⚠️ 主題有一條全域規則 `button { background-color:#e60012 !important; border-radius:50px !important; border-width:medium !important}` * （記憶 dopa-global-button-important）。所以這裡每個 button 的底色、圓角、邊框都要帶 !important， * 而且選擇器要比 `button` 更具體（#id + class 才贏得過）。 */ @font-face{font-family:"Cubic 11";src:url(https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@1.500/fonts/web/Cubic_11.woff2) format("woff2");font-display:swap}#dopa-gacha-root,#dopa-gacha-layer{--dg-red:#c9161f;--dg-red-deep:#7f1015;--dg-red-hi:#e0353c;--dg-paper:#f7f7f2;--dg-white:#ffffff;--dg-ink:#171717;--dg-yellow:#ffd600;--dg-screen:#10100f;--dg-blue:#2459b8;--dg-muted:#4f5560;--dg-sand:#d7d0bd;--dg-font:"DotGothic16", "Cubic 11", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--dg-ring:0 -4px 0 0 var(--dg-ink), 0 4px 0 0 var(--dg-ink), -4px 0 0 0 var(--dg-ink), 4px 0 0 0 var(--dg-ink);--dg-ring-2:0 -2px 0 0 var(--dg-ink), 0 2px 0 0 var(--dg-ink), -2px 0 0 0 var(--dg-ink), 2px 0 0 0 var(--dg-ink);color:var(--dg-ink);font-size:16px;line-height:1.55;letter-spacing:.02em;text-align:left;-webkit-text-size-adjust:100%}#dopa-gacha-root,#dopa-gacha-root *,#dopa-gacha-layer,#dopa-gacha-layer *{box-sizing:border-box;font-family:var(--dg-font)!important}#dopa-gacha-root [hidden],#dopa-gacha-layer [hidden]{display:none!important}#dopa-gacha-root :focus-visible,#dopa-gacha-layer :focus-visible{outline:3px solid var(--dg-blue)!important;outline-offset:4px}#dopa-gacha-root .dg-sr,#dopa-gacha-layer .dg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#dopa-gacha-root button,#dopa-gacha-layer button{-webkit-appearance:none!important;appearance:none!important;margin:0;padding:0;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit;font-size:inherit;font-weight:400!important;line-height:inherit;letter-spacing:inherit;text-transform:none!important;text-shadow:none!important;text-decoration:none;min-width:0!important;width:auto;height:auto;cursor:pointer;-webkit-tap-highlight-color:#fff0;touch-action:manipulation}#dopa-gacha-root h2,#dopa-gacha-layer h2,#dopa-gacha-root p,#dopa-gacha-layer p,#dopa-gacha-root ul,#dopa-gacha-layer ul,#dopa-gacha-root li,#dopa-gacha-layer li{margin:0;padding:0;border:0;background:none;color:inherit;text-transform:none}#dopa-gacha-root ul,#dopa-gacha-layer ul{list-style:none}#dopa-gacha-root li::before,#dopa-gacha-layer li::before,#dopa-gacha-root li::marker,#dopa-gacha-layer li::marker{content:none}#dopa-gacha-root img,#dopa-gacha-layer img{max-width:100%;border:0;border-radius:0;box-shadow:none}#dopa-gacha-root{display:block;position:relative;max-width:100%;margin:16px 4px 28px;padding:20px 12px 24px;background:var(--dg-paper);box-shadow:var(--dg-ring);container-type:inline-size;overflow:hidden}#dopa-gacha-root .dg-stage{display:grid;gap:28px;min-width:0}@container (min-width:760px){#dopa-gacha-root .dg-stage{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:32px;align-items:start}}#dopa-gacha-root .dg-machine-col{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}#dopa-gacha-root .dg-machine-wrap{position:relative;width:min(100%, 400px)}#dopa-gacha-root .dg-machine{position:relative;width:100%;container-type:inline-size;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#dopa-gacha-root .dg-machine::before{content:"";display:block;padding-top:120%}#dopa-gacha-root .dg-machine>svg.dg-art{position:absolute;left:0;top:0;width:100%;height:100%;display:block}#dopa-gacha-root .dg-machine.shake{animation:dg-m-shake .18s steps(2) 1}@keyframes dg-m-shake{0%{transform:translateX(0)}50%{transform:translateX(-1%)}100%{transform:translateX(.6%)}}#dopa-gacha-root .dg-ov{position:absolute}#dopa-gacha-root .dg-sign{display:grid;place-items:center;color:var(--dg-red);line-height:1;letter-spacing:.1em;white-space:nowrap;font-size:clamp(14px, 6.4vw, 25.6px);font-size:6.4cqw}#dopa-gacha-root .dg-dome{display:block;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated}#dopa-gacha-root .dg-lcd,#dopa-gacha-root .dg-price{display:grid;place-items:center;line-height:1;white-space:nowrap;font-size:clamp(11px, 4.4vw, 17.6px);font-size:4.4cqw}#dopa-gacha-root .dg-lcd{color:var(--dg-yellow)}#dopa-gacha-root .dg-price{color:var(--dg-ink)}#dopa-gacha-root .dg-knob-wrap.nope{animation:dg-nope .3s steps(3) 1}@keyframes dg-nope{0%,100%{transform:translateX(0)}33%{transform:translateX(-6%)}66%{transform:translateX(6%)}}#dopa-gacha-root .dg-knob-ring{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--dg-yellow) calc(var(--dg-p, 0) * 1turn),transparent 0);-webkit-mask:radial-gradient(closest-side,transparent 83%,#000 84%);mask:radial-gradient(closest-side,transparent 83%,#000 84%);pointer-events:none}#dopa-gacha-root .dg-knob{position:absolute!important;left:7.7%!important;top:7.7%!important;width:84.6%!important;height:84.6%!important;padding:0!important;border-radius:50%!important;background-color:transparent!important;cursor:grab;touch-action:none;transform:rotate(var(--dg-a,0deg))}#dopa-gacha-root .dg-knob:active{cursor:grabbing}#dopa-gacha-root .dg-knob:disabled,#dopa-gacha-root .dg-knob.is-locked{cursor:default}#dopa-gacha-root .dg-knob svg{display:block;width:100%;height:100%;pointer-events:none}#dopa-gacha-root .dg-knob:focus-visible{outline-offset:2px}#dopa-gacha-root .dg-tray{padding:0 0 2%!important;display:flex!important;align-items:flex-end;justify-content:center;background-color:transparent!important}#dopa-gacha-root .dg-tray:disabled,#dopa-gacha-root .dg-tray.is-locked{cursor:default}#dopa-gacha-root .dg-tcap{width:34%;margin:0 -4%;display:block}#dopa-gacha-root .dg-tcap svg{display:block;width:100%;height:auto}#dopa-gacha-root .dg-tcap.drop{animation:dg-drop .55s cubic-bezier(.3,.7,.4,1) 1}@keyframes dg-drop{0%{transform:translateY(-120%)}55%{transform:translateY(0)}72%{transform:translateY(-22%)}86%{transform:translateY(0)}93%{transform:translateY(-6%)}100%{transform:translateY(0)}}#dopa-gacha-root .dg-tray.has .dg-tcap:last-of-type:not(.drop){animation:dg-bob 1.2s steps(2) infinite}@keyframes dg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8%)}}#dopa-gacha-root .dg-tray-count{position:absolute;right:3%;top:26%;line-height:1.2;padding:0 1%;font-size:clamp(10px, 3.4vw, 13.6px);font-size:3.4cqw;background:var(--dg-yellow);color:var(--dg-ink)}#dopa-gacha-root .dg-mute{position:absolute!important;right:0;top:0;width:40px!important;height:40px!important;padding:8px!important;display:grid!important;place-items:center;background-color:var(--dg-white)!important;box-shadow:var(--dg-ring-2)!important}#dopa-gacha-root .dg-mute svg{width:22px;height:22px;display:block}#dopa-gacha-root .dg-hint{min-height:3.2em;margin:14px 0 6px;max-width:34em;font-size:15px;color:var(--dg-ink);overflow-wrap:anywhere}#dopa-gacha-root .dg-actions{display:flex;gap:12px;width:min(100%, 400px)}#dopa-gacha-root .dg-actions .dg-btn{flex:1 1 0%;min-width:0!important}#dopa-gacha-root .dg-btn,#dopa-gacha-layer .dg-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:52px;margin:4px!important;padding:10px 14px!important;font-size:18px!important;line-height:1.2!important;color:var(--dg-white)!important;background-color:var(--dg-red)!important;box-shadow:var(--dg-ring),inset 0 -5px 0 0 var(--dg-red-deep)!important;white-space:nowrap}#dopa-gacha-root .dg-btn small,#dopa-gacha-layer .dg-btn small{font-size:14px;opacity:.88}#dopa-gacha-root .dg-btn:active:not(:disabled),#dopa-gacha-layer .dg-btn:active:not(:disabled){box-shadow:var(--dg-ring),inset 0 5px 0 0 var(--dg-red-deep)!important}#dopa-gacha-root .dg-btn-white,#dopa-gacha-layer .dg-btn-white{color:var(--dg-ink)!important;background-color:var(--dg-white)!important;box-shadow:var(--dg-ring),inset 0 -5px 0 0 var(--dg-sand)!important}#dopa-gacha-root .dg-btn-white:active:not(:disabled),#dopa-gacha-layer .dg-btn-white:active:not(:disabled){box-shadow:var(--dg-ring),inset 0 5px 0 0 var(--dg-sand)!important}#dopa-gacha-root .dg-btn:disabled,#dopa-gacha-layer .dg-btn:disabled{cursor:not-allowed;color:#77736a!important;background-color:#e7e3d8!important;box-shadow:var(--dg-ring),inset 0 -5px 0 0 #cfc9b8!important}#dopa-gacha-root .dg-btn.is-locked,#dopa-gacha-layer .dg-btn.is-locked{cursor:progress;opacity:.7}#dopa-gacha-root .dg-link,#dopa-gacha-layer .dg-link{display:inline!important;padding:0!important;color:var(--dg-red)!important;background-color:transparent!important;font-size:15px!important;text-decoration:underline!important;text-underline-offset:4px;cursor:pointer}#dopa-gacha-root .dg-panel{margin:4px;padding:20px 16px;background:var(--dg-white);box-shadow:var(--dg-ring);min-width:0}#dopa-gacha-root .dg-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}#dopa-gacha-root .dg-dex-title{font-size:22px!important;line-height:1.3!important;font-weight:400!important;color:var(--dg-ink)!important}#dopa-gacha-root .dg-dex-count{font-size:15px;color:var(--dg-muted)}#dopa-gacha-root .dg-dex-count b{font-weight:400;font-size:20px;color:var(--dg-red)}#dopa-gacha-root .dg-px-bar,#dopa-gacha-layer .dg-px-bar{display:block;height:14px;margin:14px 2px 8px;background:var(--dg-paper);box-shadow:var(--dg-ring-2)}#dopa-gacha-root .dg-px-bar i,#dopa-gacha-layer .dg-px-bar i{display:block;height:100%;width:calc(var(--dg-p, 0) * 100%);background:repeating-linear-gradient(90deg,var(--dg-red) 0 10px,var(--dg-red-hi) 10px 12px);transition:width .5s steps(8)}#dopa-gacha-root .dg-panel-note{margin:10px 0 16px;font-size:14px;color:var(--dg-muted);max-width:40em}#dopa-gacha-root .dg-dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}#dopa-gacha-root .dg-tile{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:4px;align-items:start;padding:10px;background:var(--dg-paper);min-width:0}#dopa-gacha-root .dg-tile>.dg-pic{grid-row:1 / 3;width:56px;height:56px}#dopa-gacha-root .dg-tile-name{font-size:15px;line-height:1.4}#dopa-gacha-root .dg-tile-n{font-size:15px;color:var(--dg-red)}#dopa-gacha-root .dg-tile.none>.dg-pic img,#dopa-gacha-root .dg-tile.none>.dg-pic svg{filter:grayscale(1);opacity:.35}#dopa-gacha-root .dg-tile.none .dg-tile-name{color:var(--dg-muted)}#dopa-gacha-root .dg-tile.none .dg-tile-n{color:#8f8a80}#dopa-gacha-root .dg-tile-name,#dopa-gacha-layer .dg-card-name,#dopa-gacha-layer .dg-mini-name{word-break:keep-all;overflow-wrap:anywhere}#dopa-gacha-root .dg-pic,#dopa-gacha-layer .dg-pic{position:relative;display:block;overflow:hidden;background:repeating-conic-gradient(#efece2 0 25%,#f7f5ee 0 50%) 0 0 / 8px 8px;box-shadow:var(--dg-ring-2);margin:2px}#dopa-gacha-root .dg-pic img,#dopa-gacha-layer .dg-pic img{display:block;width:100%;height:100%;object-fit:contain;background:var(--dg-white)}#dopa-gacha-root .dg-pic svg,#dopa-gacha-layer .dg-pic svg{display:block;width:70%;height:70%;margin:15%}#dopa-gacha-layer{position:static}#dopa-gacha-layer .dg-reveal{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000000;display:grid;place-items:center;padding:16px;background:radial-gradient(rgb(255 255 255 / .07) 1px,transparent 1.6px) 0 0 / 8px 8px,rgb(16 16 15 / .96);color:var(--dg-white);text-align:center;overflow:hidden;overscroll-behavior:contain}#dopa-gacha-layer .dg-rv-sparkles{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}#dopa-gacha-layer .dg-sparkle{position:absolute;width:4px;height:4px;background:var(--dg-white);opacity:0;box-shadow:4px 0 0 #fff,-4px 0 0 #fff,0 4px 0 #fff,0 -4px 0 #fff;animation:dg-twinkle 2.4s steps(4) infinite}@keyframes dg-twinkle{0%,100%{opacity:0}50%{opacity:.85}}#dopa-gacha-layer .dg-rv-inner{position:relative;z-index:2;width:min(100%, 420px);display:grid;justify-items:center;gap:12px}#dopa-gacha-layer .dg-rv-count{min-height:1.5em;font-size:15px;color:#cfc9b8}#dopa-gacha-layer .dg-rv-stage{position:relative;width:min(78vw, 300px);display:grid;place-items:center}#dopa-gacha-layer .dg-rv-stage::before{content:"";grid-area:1 / 1;padding-top:100%;width:100%}#dopa-gacha-layer .dg-rv-stage>*{grid-area:1 / 1}#dopa-gacha-layer .dg-burst{position:absolute;left:-30%;top:-30%;right:-30%;bottom:-30%;opacity:0;transform:scale(.3);transition:opacity .3s,transform .45s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}#dopa-gacha-layer .dg-burst.on{opacity:1;transform:scale(1)}#dopa-gacha-layer .dg-rays{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;background:repeating-conic-gradient(var(--dg-yellow) 0 9deg,transparent 9deg 24deg);-webkit-mask:radial-gradient(closest-side,#000 18%,rgb(0 0 0 / .55) 45%,transparent 72%);mask:radial-gradient(closest-side,#000 18%,rgb(0 0 0 / .55) 45%,transparent 72%);animation:dg-spin 9s linear infinite}@keyframes dg-spin{to{transform:rotate(1turn)}}#dopa-gacha-layer .dg-rv-ring{width:34%;padding-top:34%;height:0;box-shadow:0 0 0 6px var(--dg-white);opacity:0;pointer-events:none}#dopa-gacha-layer .dg-rv-ring.go{animation:dg-ring .55s steps(6) 1}@keyframes dg-ring{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.8);opacity:0}}#dopa-gacha-layer .dg-big-capsule{width:62%!important;padding:0!important;background-color:transparent!important;position:relative;z-index:2}#dopa-gacha-layer .dg-big-capsule svg{display:block;width:100%;height:auto;overflow:visible}#dopa-gacha-layer .dg-big-capsule.enter{animation:dg-enter .6s steps(8) 1}@keyframes dg-enter{0%{transform:translateY(-120%)}60%{transform:translateY(0)}78%{transform:translateY(-14%)}100%{transform:translateY(0)}}#dopa-gacha-layer .dg-big-capsule.idle svg{animation:dg-idle 1.6s steps(2) infinite}@keyframes dg-idle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}#dopa-gacha-layer .dg-big-capsule.rattle svg{animation:dg-rattle .7s steps(14) 1 forwards}@keyframes dg-rattle{0%{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}30%{transform:rotate(-9deg) translateY(-2%)}40%{transform:rotate(9deg)}50%{transform:rotate(-12deg) translateY(-3%)}60%{transform:rotate(12deg)}70%{transform:rotate(-15deg) translateY(-4%)}80%{transform:rotate(15deg)}90%{transform:rotate(-8deg) scale(1.06)}100%{transform:rotate(18deg) scale(1.1)}}#dopa-gacha-layer .dg-cap-top,#dopa-gacha-layer .dg-cap-bot{transform-box:fill-box;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s .2s}#dopa-gacha-layer .dg-cap-top{transform-origin:0% 100%}#dopa-gacha-layer .dg-cap-bot{transform-origin:100% 0%}#dopa-gacha-layer .dg-big-capsule.opened .dg-cap-top{transform:translate(-18%,-80%) rotate(-40deg);opacity:0}#dopa-gacha-layer .dg-big-capsule.opened .dg-cap-bot{transform:translate(14%,66%) rotate(24deg);opacity:0}#dopa-gacha-layer .dg-card{position:relative;z-index:3;width:88%;display:grid;justify-items:center;gap:10px;margin:4px;padding:22px 16px 18px;background:var(--dg-white);color:var(--dg-ink);box-shadow:var(--dg-ring)}#dopa-gacha-layer .dg-card.pop{animation:dg-pop .42s cubic-bezier(.2,.9,.3,1.25) 1}@keyframes dg-pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}#dopa-gacha-layer .dg-card-pic{display:block;width:140px;max-width:70%}#dopa-gacha-layer .dg-card-pic .dg-pic{width:100%;padding-top:100%;height:0;margin:2px 0}#dopa-gacha-layer .dg-card-pic .dg-pic img,#dopa-gacha-layer .dg-mini-pic .dg-pic img{position:absolute;left:0;top:0}#dopa-gacha-layer .dg-card-pic .dg-pic svg,#dopa-gacha-layer .dg-mini-pic .dg-pic svg{position:absolute;left:0;top:0}#dopa-gacha-layer .dg-card.pop .dg-card-pic{animation:dg-hop .6s steps(6) .1s 1 both}@keyframes dg-hop{0%{transform:translateY(40%) scale(.4)}60%{transform:translateY(-12%) scale(1.1)}100%{transform:translateY(0) scale(1)}}#dopa-gacha-layer .dg-card-name{font-size:22px;line-height:1.35}#dopa-gacha-layer .dg-stamp{position:absolute;top:-14px;right:-10px;z-index:2;padding:4px 10px;font-size:20px;line-height:1.2;color:var(--dg-ink);background:var(--dg-yellow);box-shadow:var(--dg-ring-2),4px 4px 0 2px var(--dg-ink);transform:rotate(8deg)}#dopa-gacha-layer .dg-card.pop .dg-stamp{animation:dg-stamp .4s steps(5) .3s 1 both}@keyframes dg-stamp{0%{transform:scale(2.4) rotate(-12deg);opacity:0}100%{transform:scale(1) rotate(8deg);opacity:1}}#dopa-gacha-layer .dg-dup{font-size:14px;color:var(--dg-muted);padding:2px 10px;background:var(--dg-paper)}#dopa-gacha-layer .dg-card-dex{width:100%;display:grid;gap:4px;font-size:14px;color:var(--dg-muted)}#dopa-gacha-layer .dg-card-dex .dg-px-bar{margin:4px 2px 2px;height:12px}#dopa-gacha-layer .dg-complete{width:100%;margin:0 0 4px;padding:6px 10px;font-size:19px;color:var(--dg-white);background:var(--dg-red);box-shadow:var(--dg-ring-2)}#dopa-gacha-layer .dg-card.pop .dg-complete{animation:dg-blink .7s steps(2) .45s 3 both}@keyframes dg-blink{0%{background:var(--dg-red)}100%{background:var(--dg-red-hi);color:var(--dg-yellow)}}#dopa-gacha-layer .dg-rv-title,#dopa-gacha-layer .dg-rv-actions{position:relative;z-index:4}#dopa-gacha-layer .dg-rv-title{min-height:1.5em;font-size:20px!important;line-height:1.4!important;font-weight:400!important;color:var(--dg-white)!important}#dopa-gacha-layer .dg-rv-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}#dopa-gacha-layer .dg-rv-actions .dg-btn{flex:1 1 140px}#dopa-gacha-layer .is-summary .dg-rv-title{order:-1}#dopa-gacha-layer .dg-summary{width:100%;max-height:58vh;overflow:auto;padding:14px 8px 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#dopa-gacha-layer .dg-mini{position:relative;display:grid;justify-items:center;gap:6px;margin:4px;padding:12px 8px;background:var(--dg-white);color:var(--dg-ink);box-shadow:var(--dg-ring-2);animation:dg-pop .4s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:calc(var(--dg-i, 0) * 70ms)}#dopa-gacha-layer .dg-mini-pic{display:block;width:64px}#dopa-gacha-layer .dg-mini-pic .dg-pic{width:100%;padding-top:100%;height:0;margin:2px 0}#dopa-gacha-layer .dg-mini-name{font-size:14px;line-height:1.35}#dopa-gacha-layer .dg-mini .dg-stamp{top:-10px;right:-8px;font-size:13px;padding:2px 6px;animation:none}#dopa-gacha-layer .dg-summary-complete{grid-column:1 / -1;margin:4px}#dopa-gacha-layer .dg-flash{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000001;background:var(--dg-white);opacity:0;pointer-events:none}#dopa-gacha-layer .dg-flash.go{animation:dg-flash .45s steps(3) 1}@keyframes dg-flash{0%{opacity:.9}100%{opacity:0}}#dopa-gacha-layer .dg-confetti{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000002;pointer-events:none;overflow:hidden}#dopa-gacha-layer .dg-cf{position:absolute;width:8px;height:8px;will-change:transform;animation:dg-cf var(--dur,1.6s) cubic-bezier(.15,.65,.35,1) forwards}#dopa-gacha-layer .dg-cf.r{width:6px;height:14px}#dopa-gacha-layer .dg-cf.b{width:12px;height:12px;box-shadow:inset 0 0 0 3px rgb(0 0 0 / .18)}@keyframes dg-cf{0%{transform:translate(0,0) rotate(0) scale(.5);opacity:1}30%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--rot) * .35)) scale(1);opacity:1}100%{transform:translate(calc(var(--dx) * 1.3),calc(var(--dy) + var(--fall))) rotate(var(--rot));opacity:0}}#dopa-gacha-layer .dg-cf.rain{animation-name:dg-rain;animation-timing-function:linear}@keyframes dg-rain{0%{transform:translate(0,-10vh) rotate(0);opacity:1}100%{transform:translate(var(--dx),110vh) rotate(var(--rot));opacity:.9}}#dopa-gacha-layer .dg-confirm{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000000;display:grid;place-items:center;padding:16px;background:rgb(23 23 23 / .6)}#dopa-gacha-layer .dg-confirm-box{width:min(100%, 360px);margin:4px;padding:22px 16px 16px;background:var(--dg-paper);color:var(--dg-ink);box-shadow:var(--dg-ring),8px 8px 0 0 rgb(0 0 0 / .35);text-align:center}#dopa-gacha-layer .dg-confirm-title{font-size:22px!important;line-height:1.3!important;font-weight:400!important;color:var(--dg-red)!important}#dopa-gacha-layer .dg-confirm-text{margin:12px 0 18px;font-size:17px}#dopa-gacha-layer .dg-confirm-actions{display:flex;gap:12px}#dopa-gacha-layer .dg-confirm-actions .dg-btn{flex:1 1 0%;min-width:0!important}html.dopa-gacha-lock,html.dopa-gacha-lock body{overflow:hidden!important}@media (max-width:359px){#dopa-gacha-root{padding:16px 8px 20px}#dopa-gacha-root .dg-btn,#dopa-gacha-layer .dg-btn{font-size:16px!important;padding:8px 8px!important;gap:4px}#dopa-gacha-root .dg-btn small{font-size:12px}#dopa-gacha-root .dg-actions{gap:8px}#dopa-gacha-root .dg-panel{padding:16px 10px}#dopa-gacha-root .dg-dex-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){#dopa-gacha-root *,#dopa-gacha-root *::before,#dopa-gacha-root *::after,#dopa-gacha-layer *,#dopa-gacha-layer *::before,#dopa-gacha-layer *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#dopa-gacha-layer .dg-rays,#dopa-gacha-layer .dg-sparkle{animation:none!important}}