@charset "UTF-8";
/* A quiet exhibition label, with a fine platinum route through the batch.
   Card size, foil, wing layers, timing and transaction data stay untouched. */
#rarity-dialog .draw-track{
 gap:24px;align-items:center;margin:5px 0 13px;
}
#rarity-dialog .draw-track li{
 position:relative;flex:0 1 54px;max-width:54px;min-height:22px;
 flex-direction:row;gap:7px;padding:0;
 border:0;border-radius:0;background:none;box-shadow:none;
 color:var(--muted);font:400 9px/1.3 var(--ui);
}
#rarity-dialog .draw-track li:not(:last-child):after{
 content:"";position:absolute;left:calc(100% + 4px);top:50%;width:16px;height:1px;
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--muted) 40%,transparent),transparent);
 pointer-events:none;
}
#rarity-dialog .draw-track li>span{
 font:400 8px/1.3 var(--ui);letter-spacing:.08em;font-variant-numeric:tabular-nums;
}
#rarity-dialog .draw-track li>strong{
 font:500 10px/1.2 var(--ui);letter-spacing:.07em;
}
#rarity-dialog .draw-track li[data-state="pending"]{opacity:.55}
#rarity-dialog .draw-track li[data-state="current"]{color:var(--ink)}
#rarity-dialog .draw-track li[data-state="current"]>span{
 text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
}
#rarity-dialog .draw-track li[data-state="revealed"]{color:var(--ink)}

/* The announced status remains in the accessibility tree after unveiling.
   Its visible confirmation is already conveyed by the collection label. */
#rarity-dialog[data-mode="reveal"] #draw-stage[data-phase="revealed"]~#draw-phase-label{
 position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;
 overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
}
#rarity-dialog .draw-result-copy{
 min-height:64px;margin-top:17px;text-align:center;
}
#rarity-dialog .draw-result-copy:before{
 content:"";position:absolute;left:50%;top:-9px;transform:translateX(-50%);
 width:44px;height:1px;
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--muted) 38%,transparent),transparent);
 pointer-events:none;
}
#rarity-dialog .draw-result-title{
 flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
#rarity-dialog .draw-result-title .rarity-pill{
 font:500 10px/1.25 var(--ui);letter-spacing:.16em;padding-left:.16em;
 color:var(--accent);text-shadow:none;
}
#rarity-dialog .draw-result-title h3{
 margin:0;padding-left:.09em;font:400 19px/1.5 var(--serif);
 letter-spacing:.09em;color:var(--ink);
}
#rarity-dialog .draw-result-copy p{
 margin:5px 0 0;font:400 9px/1.7 var(--ui);
 letter-spacing:.025em;color:var(--muted);white-space:nowrap;
}

/* One primary destination, with at most one quiet secondary action.
   V8 owns the primary button's 32px painted face and 44px touch target. */
#rarity-dialog .draw-bottom{
 position:relative;bottom:auto;justify-content:center;align-items:center;
 gap:4px 15px;margin-top:8px;padding:0;min-height:44px;background:none;
}
#rarity-dialog #draw-position{display:none}
#rarity-dialog .draw-bottom .text-button{
 flex:0 0 auto;min-width:44px;min-height:44px;height:44px;
 padding:0 9px;font-size:10px;letter-spacing:.04em;
}
@media(max-width:355px){
 #rarity-dialog .draw-track{gap:20px;margin-bottom:11px}
 #rarity-dialog .draw-track li{flex-basis:50px;max-width:50px;gap:6px}
 #rarity-dialog .draw-track li:not(:last-child):after{width:12px}
 #rarity-dialog .draw-result-title h3{font-size:18px}
 #rarity-dialog .draw-bottom{gap:4px 10px}
}
@media(max-height:600px){
 #rarity-dialog .draw-track{margin-block:2px 8px}
 #rarity-dialog .draw-result-copy{margin-top:13px;min-height:59px}
 #rarity-dialog .draw-result-title h3{font-size:18px}
 #rarity-dialog .draw-bottom{margin-top:5px}
}
@media(max-height:500px) and (min-width:600px){
 /* Keep the original card-left / label-right grid coordinates. */
 #rarity-dialog[data-mode="reveal"] .draw-track{margin:0 0 5px}
 #rarity-dialog[data-mode="reveal"] .draw-result-copy{grid-row:3/6;margin:0;min-height:0;align-self:center}
 #rarity-dialog[data-mode="reveal"] .draw-bottom{
  position:relative;bottom:0;align-self:end;justify-content:center;
  margin-top:10px;padding-top:0;background:none;
 }
}
@media(forced-colors:active){
 #rarity-dialog .draw-track li{border:0!important;background:Canvas!important;box-shadow:none;color:CanvasText!important}
 #rarity-dialog .draw-track li[data-state="pending"]{opacity:1}
 #rarity-dialog .draw-track li:not(:last-child):after,
 #rarity-dialog .draw-result-copy:before{background:CanvasText}
 #rarity-dialog .draw-result-title .rarity-pill,
 #rarity-dialog .draw-result-title h3{color:CanvasText!important}
}