@charset "UTF-8";
/* Quiet exhibition lighting connects the dark mount to the pale garment card. */
:root[data-theme="dark"] #rarity-dialog[data-rarity],
#rarity-dialog[data-rarity="UR"]{
 --stage-center:#414b45;--stage-edge:#29322d;
 --ink:#e8ece3;--muted:#b4beb5;--accent:#d4d7c1;
 background:radial-gradient(ellipse at 50% 29%,#cbdac71c,transparent 49%),radial-gradient(ellipse at 50% 36%,var(--stage-center),var(--stage-edge) 76%,#252c28);
 border-color:#c4d1bd2d;
 box-shadow:0 22px 72px #0a100d66,inset 0 1px #edf4e90c;
 color:var(--ink);
}
:root[data-theme="dark"] #rarity-dialog[data-rarity="SR"]{--accent:#cdc8dc;--stage-center:#424746;--stage-edge:#2b302e}
:root[data-theme="dark"] #rarity-dialog[data-rarity]::backdrop,
#rarity-dialog[data-rarity="UR"]::backdrop{background:#17201cbe;backdrop-filter:blur(12px) saturate(.55)}
:root[data-theme="dark"] #rarity-dialog[data-rarity] .draw-bottom,
#rarity-dialog[data-rarity="UR"] .draw-bottom{background:none}
#rarity-dialog[data-rarity="UR"] .rarity-pill{color:#dfd5b7;text-shadow:0 0 10px #e8e1bc24}

/* Keep a 44px hit area; the painted button surface is only 32px high. */
#rarity-dialog .draw-bottom #draw-next{
 position:relative;isolation:isolate;flex:0 0 auto;
 width:max-content;min-width:76px;max-width:100%;height:44px;min-height:44px;
 padding:0 11px;gap:4px;border:0;border-radius:5px;
 background:transparent;box-shadow:none;transform:none;
 font:400 11px/1.4 var(--ui);letter-spacing:.04em;
 color:var(--ink);white-space:nowrap;
}
#rarity-dialog .draw-bottom #draw-next:before{
 content:"";position:absolute;inset:6px 0;z-index:-1;border-radius:5px;
 border:1px solid #8b9e8a55;background:#b7cbb00e;
 transition:background .16s,border-color .16s;
}
:root[data-theme="dark"] #rarity-dialog[data-rarity] .draw-bottom #draw-next,
#rarity-dialog[data-rarity="UR"] .draw-bottom #draw-next{color:#dce4d7;background:transparent;border:0;box-shadow:none}
:root[data-theme="dark"] #rarity-dialog[data-rarity] .draw-bottom #draw-next:before,
#rarity-dialog[data-rarity="UR"] .draw-bottom #draw-next:before{border-color:#bacdb13d;background:#c5dac00b}
#rarity-dialog .draw-bottom #draw-next:hover{background:transparent;box-shadow:none;transform:none}
#rarity-dialog .draw-bottom #draw-next:hover:before{background:#a9c4a520;border-color:#a4b99b88}
#rarity-dialog .draw-bottom #draw-next:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
#rarity-dialog .draw-bottom>span{font-size:10px;letter-spacing:.04em;opacity:.82}
@media(max-height:500px) and (min-width:600px){#rarity-dialog[data-mode="reveal"] .draw-bottom{background:none}}
@media(prefers-reduced-motion:reduce){#rarity-dialog .draw-bottom #draw-next:before{transition:none}}
@media(forced-colors:active){
 #rarity-dialog .draw-bottom #draw-next{color:ButtonText!important;background:ButtonFace!important;border:1px solid ButtonText!important}
 #rarity-dialog .draw-bottom #draw-next:before{display:none}
}