/* Rollout owned auction surfaces, isolated from the surrounding artist theme. */
.rh-auction{
  --auction-blue:#0ad2ff;--auction-hover:#5ce2ff;--auction-bg:#000;
  --auction-panel:#0a0a0c;--auction-input:#070708;--auction-line:#29292f;
  --auction-text:#fff;--auction-muted:#a9adb5;--auction-control:#6f747d;
  --accent-1:#0ad2ff;--accent-2:#0ad2ff;--accent-1-rgb:10,210,255;--accent-2-rgb:10,210,255;
  --text-dim:#a9adb5;--border:#29292f;--bg-input:#070708;--bg-card:#0a0a0c;
  color:var(--auction-text);color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  text-shadow:none;-webkit-text-stroke:0;line-height:1.5;
}
.rh-auction *{box-sizing:border-box}
.rh-auction ::selection{background:var(--auction-blue);color:#000}
.rh-auction :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--auction-blue);outline-offset:3px}
.rh-auction :is(input,textarea,select){accent-color:var(--auction-blue);caret-color:var(--auction-blue)}
.rh-auction :is(button,a){touch-action:manipulation}
.rh-auction .btn::after{display:none}
.auction-brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:-.02em;color:#fff;text-decoration:none}
.auction-brand img{display:block;width:30px;height:30px;object-fit:contain;flex:none}
.auction-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--auction-line)}
.auction-live{font-size:12px;color:var(--auction-blue);font-weight:600;white-space:nowrap}
.auction-live::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
#auctionBar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9998;width:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;background:var(--auction-panel);border:1px solid var(--auction-control);border-radius:14px;padding:18px;box-shadow:0 12px 36px -16px #000;scrollbar-color:var(--auction-control) var(--auction-panel)}
.auction-item{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:16px}
#aucTitle{font-size:17px;line-height:1.3;overflow-wrap:anywhere;min-width:0}
.auction-clock{flex:none;text-align:right;font-size:11px;color:var(--auction-muted)}
#aucTime{display:block;font-size:19px;line-height:1.3;color:var(--auction-blue);font-weight:750;font-variant-numeric:tabular-nums}
.auction-current{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.auction-current-label{width:100%;font-size:12px;color:var(--auction-muted);margin-bottom:-8px}
#aucPrice{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums}
#aucTop{font-size:12px;color:var(--auction-muted);overflow-wrap:anywhere}
.auction-bids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#auctionBar .btn{min-height:44px;padding:10px 8px;border:1px solid var(--auction-control);border-radius:8px;background:transparent;color:#fff;box-shadow:none;font:600 14px/1.4 Inter,system-ui,sans-serif;transform:none}
#auctionBar .btn:hover{background:#151518;border-color:var(--auction-blue)}
#auctionBar .aucCustom{grid-column:1/-1;border-color:var(--auction-line);font-size:13px}
#aucEntry{margin-top:16px;padding-top:16px;border-top:1px solid var(--auction-line)}
.auction-entry-note{font-size:13px;color:var(--auction-muted);margin-bottom:12px}
#aucEntry label{display:block;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin:10px 0 5px;color:#fff}
#aucEntry input{width:100%;min-width:0;min-height:44px;margin:0;border:1px solid var(--auction-control);border-radius:8px;background:var(--auction-input);color:#fff;padding:10px 12px;font:inherit;font-size:16px;box-shadow:none}
#auctionBar .aucEntrySave{width:100%;margin-top:14px;border-color:var(--auction-blue);background:var(--auction-blue);color:#000}
#auctionBar .aucEntrySave:hover{background:var(--auction-hover)}
#aucEntryErr{color:#ff9fa8;font-size:13px;margin-top:8px}
.auction-note{font-size:12px;color:var(--auction-muted);text-align:center;margin-top:12px}
#aucClaimBar{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));z-index:9999;max-width:calc(100vw - 24px);width:460px;padding:16px 18px 16px 64px;border-radius:12px;background:var(--auction-panel);border:1px solid var(--auction-blue);box-shadow:0 8px 26px -8px #000;text-decoration:none;text-align:left;font-size:15px;line-height:1.45}
#aucClaimBar:hover{background:#141416}
#aucClaimBar>img{position:absolute;left:18px;top:18px;width:30px;height:30px}
#aucClaimBarTop{font-weight:750;color:var(--auction-blue)}
#aucClaimBarSub{font-size:13px;margin-top:4px;color:var(--auction-muted);overflow-wrap:anywhere}
#auctionCheckoutDialog{padding:0;border:1px solid var(--auction-control);border-radius:12px;width:min(1040px,calc(100vw - 16px));max-width:calc(100vw - 16px);height:min(900px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);background:var(--auction-bg);overflow:hidden}
#auctionCheckoutDialog[open]{display:flex;flex-direction:column}
#auctionCheckoutDialog::backdrop{background:rgba(0,0,0,.8)}
.auction-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:12px;border-bottom:1px solid var(--auction-line);font-size:13px;flex:none}
#auctionCheckoutDialog .btn{min-height:44px;background:transparent;color:#fff;border:1px solid var(--auction-control);border-radius:8px;padding:8px 12px;box-shadow:none;font-size:13px;white-space:nowrap}
#auctionCheckoutDialog .btn:hover{border-color:var(--auction-blue)}
#auctionCheckoutDialog iframe{display:block;border:0;width:100%;flex:1;min-height:0}

/* Dedicated winner checkout. Artist identity stays in the order summary. */
html.rh-auction-checkout{-webkit-text-size-adjust:100%;background:#000;color-scheme:dark;scrollbar-color:#6f747d #000}
.rh-auction-checkout body{margin:0;background:var(--auction-bg);-webkit-font-smoothing:antialiased}
.rh-auction-checkout [hidden]{display:none!important}
.rh-auction-checkout a{color:inherit;text-underline-offset:4px}
.rh-auction-checkout :is(button,input,textarea){font:inherit}
.rh-auction-checkout button{cursor:pointer}
.rh-auction-checkout button:disabled{cursor:wait;opacity:.55}
.rh-auction-checkout .wrap{max-width:1016px;margin:auto;padding:calc(32px + env(safe-area-inset-top,0px)) 24px calc(40px + env(safe-area-inset-bottom,0px))}
.rh-auction-checkout header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--auction-line)}
.rh-auction-checkout header>a:last-child{font-size:13px;color:var(--auction-muted);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.rh-auction-checkout .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:16px;font-weight:750;letter-spacing:-.02em}
.rh-auction-checkout .brand img{width:40px;height:40px;object-fit:contain}
.rh-auction-checkout h1{font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
.rh-auction-checkout h2{font-size:20px;line-height:1.25;margin:0 0 12px;letter-spacing:-.015em}
.rh-auction-checkout p{margin:0}
.rh-auction-checkout .intro{color:var(--auction-muted);font-size:16px;max-width:65ch;line-height:1.6}
.rh-auction-checkout .layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:48px;margin-top:32px}
.rh-auction-checkout .layout>*{min-width:0}
.rh-auction-checkout .summary{align-self:start;position:sticky;top:24px;background:var(--auction-panel);border:1px solid var(--auction-line);border-radius:12px;padding:24px}
.rh-auction-checkout .artist{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--auction-muted);margin-bottom:20px;overflow-wrap:anywhere}
.rh-auction-checkout .artist img{width:32px;height:32px;object-fit:contain;flex:none}
.rh-auction-checkout .beat-name{font-size:23px;overflow-wrap:anywhere;margin-bottom:5px}
.rh-auction-checkout .muted{color:var(--auction-muted);font-size:14px}
.rh-auction-checkout .benefit{margin:24px 0;padding:18px 0;border-block:1px solid var(--auction-line)}
.rh-auction-checkout .benefit h3{font-size:16px;margin:0 0 8px}
.rh-auction-checkout .benefit p{font-size:14px;color:var(--auction-muted);line-height:1.6}
.rh-auction-checkout .check{display:inline-block;color:var(--auction-blue);margin-right:6px}
.rh-auction-checkout .check svg{width:18px;height:18px;vertical-align:-3px}
.rh-auction-checkout .total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:12px 0}
.rh-auction-checkout .total strong{font-size:28px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.rh-auction-checkout .total small{font-size:12px;color:var(--auction-muted)}
.rh-auction-checkout .deadline{margin-top:20px;font-size:13px;color:var(--auction-blue);font-variant-numeric:tabular-nums}
.rh-auction-checkout .rule{height:1px;background:var(--auction-line);margin:28px 0}
.rh-auction-checkout section+section{margin-top:30px}
.rh-auction-checkout .section-note{color:var(--auction-muted);font-size:14px;margin:-4px 0 20px}
.rh-auction-checkout .fields{display:grid;gap:18px}
.rh-auction-checkout .field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.rh-auction-checkout .field :is(input,textarea){width:100%;min-width:0;border:1px solid var(--auction-control);background:var(--auction-input);border-radius:8px;color:#fff;font-size:16px;padding:12px}
.rh-auction-checkout :is(input,textarea)::placeholder{color:var(--auction-muted)}
.rh-auction-checkout .field :is(input,textarea):focus{border-color:var(--auction-blue)}
.rh-auction-checkout .hint{color:var(--auction-muted);font-size:13px;margin-top:7px}
.rh-auction-checkout .field textarea{resize:vertical;min-height:82px}
.rh-auction-checkout fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.rh-auction-checkout legend{font-size:14px;font-weight:600;margin-bottom:9px}
.rh-auction-checkout .choices{display:flex;gap:10px}
.rh-auction-checkout .choice{flex:1;position:relative}
.rh-auction-checkout .choice input{position:absolute;opacity:0;width:1px;height:1px}
.rh-auction-checkout .choice span{display:block;border:1px solid var(--auction-control);border-radius:8px;padding:11px 14px;font-size:14px;font-weight:600;text-align:center;cursor:pointer}
.rh-auction-checkout .choice input:checked+span{background:#051b21;border-color:var(--auction-blue);color:var(--auction-blue);box-shadow:inset 0 0 0 1px var(--auction-blue)}
.rh-auction-checkout .choice input:focus-visible+span{outline:2px solid var(--auction-blue);outline-offset:3px}
.rh-auction-checkout .filebox{border:1px dashed var(--auction-control);border-radius:8px;padding:18px}
.rh-auction-checkout .filebox input{border:0;padding:0;background:none;font-size:14px}
.rh-auction-checkout .filebox input::file-selector-button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--auction-control);border-radius:6px;margin-right:10px;background:var(--auction-panel);color:#fff;cursor:pointer}
.rh-auction-checkout .primary{width:100%;min-height:52px;border:0;border-radius:8px;padding:14px 18px;background:var(--auction-blue);color:#000;font-size:16px;font-weight:700}
.rh-auction-checkout .primary:hover{background:var(--auction-hover)}
.rh-auction-checkout .payment-note{font-size:13px;color:var(--auction-muted);text-align:center;margin-top:11px}
.rh-auction-checkout .error{border:1px solid #994852;background:#251115;color:#ffb3bd;border-radius:8px;padding:13px 15px;font-size:14px;margin:18px 0}
.rh-auction-checkout .secondary{border:1px solid var(--auction-control);border-radius:8px;padding:11px 18px;color:#fff;background:transparent;font-weight:600;min-height:44px}
.rh-auction-checkout .secondary:hover{background:#151518;border-color:var(--auction-blue)}
.rh-auction-checkout .status{padding:24px;background:var(--auction-panel);border:1px solid var(--auction-line);border-radius:12px}
.rh-auction-checkout .status p{color:var(--auction-muted);margin-bottom:18px}
.rh-auction-checkout .saved{margin:22px 0;padding:18px 0;border-block:1px solid var(--auction-line);overflow-wrap:anywhere}
.rh-auction-checkout .saved strong{display:block;margin-bottom:4px}
.rh-auction-checkout .downloads{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.rh-auction-checkout .downloads a{display:inline-flex;align-items:center;min-height:46px;padding:11px 18px;border:1px solid var(--auction-control);border-radius:8px;font-weight:600;text-decoration:none}
.rh-auction-checkout .downloads a:hover{background:#151518;border-color:var(--auction-blue)}
.rh-auction-checkout .receipt{margin-top:22px;overflow-wrap:anywhere}
.rh-auction-checkout .receipt a{font-weight:600;color:var(--auction-blue)}
.rh-auction-checkout .progress{margin:18px 0;color:var(--auction-muted);font-size:14px}
.rh-auction-checkout progress{width:100%;height:8px;accent-color:var(--auction-blue);display:block;margin:9px 0}
.rh-auction-checkout .busy{font-size:15px;color:var(--auction-muted);margin-top:24px}
.rh-auction-checkout .foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--auction-line);font-size:12px;color:var(--auction-muted)}
.rh-auction-checkout .foot nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.rh-auction-checkout .foot a{display:inline-flex;align-items:center;min-height:44px}
.rh-auction-checkout .pass-panel{margin-top:12px}
.rh-auction-checkout .pass-panel>.secondary{width:100%}
.rh-auction-checkout .pass-confirm{margin-top:12px;padding:16px;background:var(--auction-panel);border-radius:8px}
.rh-auction-checkout .pass-confirm p{margin-bottom:12px}
.rh-auction-checkout .pass-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Studio auction controls retain the existing actions and confirmation states. */
#auctionCard.rh-auction{background:var(--auction-panel);border:1px solid var(--auction-line)}
#auctionCard.rh-auction>.accentTop{display:none}
#auctionCard .auction-studio-heading{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;letter-spacing:-.015em;text-transform:none}
#auctionCard .auction-studio-heading::before{display:none}
#auctionCard .auction-studio-heading img{width:30px;height:30px}
#auctionCard.rh-auction :is(.note,label){color:var(--auction-muted)}
#auctionCard.rh-auction .btn{min-height:44px;box-shadow:none;border-radius:8px;background:var(--auction-blue);color:#000}
#auctionCard.rh-auction .btn:hover{background:var(--auction-hover)}
#auctionCard.rh-auction .btn.ghost{background:transparent;color:#fff;border:1px solid var(--auction-control)}
#auctionCard.rh-auction .btn.ghost:hover{border-color:var(--auction-blue)}
#auctionCard.rh-auction .btn.danger{color:#ff9fa8;background:#251115;border-color:#994852}
#auctionCard.rh-auction .btn.arm{background:#241c04;color:#ffd700!important;border-color:#ffd700;box-shadow:inset 0 0 0 1px #ffd700}
#auctionCard.rh-auction :is(input:not([type=range]),select){min-height:44px;font-size:16px;background:var(--auction-input);border-color:var(--auction-control);color:#fff;max-width:100%}
#auctionCard.rh-auction :is(input,select)::placeholder{color:var(--auction-muted)}
#auctionCard #auctionMon{margin:0 0 16px;border-block:1px solid var(--auction-line);padding:16px 0;background:transparent}
#auctionCard #aucRescue{margin:0 0 16px;border-top:1px solid var(--auction-line);padding:16px 0;background:transparent}
#auctionCard :is(#aucMonTime,#aucClaimClock){font-variant-numeric:tabular-nums;color:var(--auction-blue)!important}
#auctionCard .auction-status{color:var(--auction-blue)}
#auctionCard #aucClaimDetails{overflow-wrap:anywhere}
#auctionCard.rh-auction #aucManual>summary{min-height:44px;padding:12px}
@media(max-width:700px){
  .rh-auction-checkout .wrap{padding-inline:20px}
  .rh-auction-checkout header{margin-bottom:28px;gap:16px}
  .rh-auction-checkout .brand{font-size:14px;gap:8px}
  .rh-auction-checkout .brand img{width:32px;height:32px}
  .rh-auction-checkout .layout{grid-template-columns:1fr;gap:28px;margin-top:24px}
  .rh-auction-checkout .summary{position:static;padding:20px}
  .rh-auction-checkout .benefit{margin:18px 0;padding:15px 0}
  .rh-auction-checkout .total strong{font-size:25px}
  .rh-auction-checkout .deadline{margin-top:12px}
  .rh-auction-checkout .beat-name{font-size:21px}
  .rh-auction-checkout .choices{gap:8px}
}
@media(max-width:360px){
  #auctionBar{padding:14px}
  .rh-auction-checkout .wrap{padding-inline:16px}
  .rh-auction-checkout .brand{font-size:13px}
  .rh-auction-checkout header{gap:10px}
  .rh-auction-checkout .choice span{padding-inline:10px}
  #auctionCard .aucStartRow select{min-width:0;flex-basis:100%}
  #auctionCard #aucStartBtn{width:100%}
}