/* Follow the site's explicit theme; keep product photos and game artwork intact. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play {
  --vp-purple:#c3a0e1;
  --vp-ink:#f4eefb;
  --vp-muted:#b8aabe;
  --vp-border:#43374f;
  --vp-soft:#2a2533;
  --vp-pink:#e5b3d0;
  --vp-surface:#211e28;
  --vp-canvas:#17151d;
  --vp-input:#1b1821;
  --vp-active:#392c49;
  --vp-action:#8154a5;
  color-scheme:dark;
  background:var(--vp-canvas);
  color:var(--vp-ink);
}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(h1,h2,h3,h4,label) {color:var(--vp-ink);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(input,textarea,select) {background:var(--vp-input)!important;color:var(--vp-ink)!important;border-color:var(--vp-border)!important;caret-color:var(--vp-purple);accent-color:var(--vp-action);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(input,textarea)::placeholder {color:#aa9db4;opacity:1;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(button,a,input,textarea,select):focus-visible {outline-color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-wordmark {color:var(--vp-ink);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-wordmark>span {background:var(--vp-action);color:#fff;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-button-light {background:var(--vp-surface);color:var(--vp-ink);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-button-dark {background:var(--vp-action);color:#fff;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-button:hover:not(:disabled) {box-shadow:0 5px 18px #0003;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-hero {background:#2b2235;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-hero-art {background:radial-gradient(ellipse at 68% 35%,#4b315c80 0,transparent 65%);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-hero-bottom b {background:var(--vp-active);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-art-card {background:var(--vp-surface);border-color:#45364f;box-shadow:0 16px 35px #0004;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-art-card-a>div {background:#302738;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-art-card img {background:transparent;mix-blend-mode:normal;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-tape {background:#4a365d;color:#e8c9ff;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-art-vs {background:var(--vp-action);color:#fff;box-shadow:0 5px 0 #4b355c;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-art-sticker {background:#523247;color:#f1cfdf;box-shadow:8px 9px 0 #3c283f;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-marquee span {color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-segment .is-active {background:var(--vp-active);color:var(--vp-ink);box-shadow:0 1px 5px #0003;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-challenge-card,.vp-look-panel,.vp-future-game) {background:var(--vp-surface);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-art {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-card:nth-child(3n+2) .vp-challenge-art {background:#342532;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-card:nth-child(3n) .vp-challenge-art {background:#2b2d29;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-art>strong {color:var(--vp-ink);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-art>strong em {color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-challenge-art .vp-mini-collage,.vp-mini-collage img) {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-label {background:var(--vp-active);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-body>.vp-button {background:var(--vp-active);color:var(--vp-purple);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-card:first-child .vp-challenge-body>.vp-button {background:var(--vp-action);color:#fff;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-empty,.vp-catalog-empty,.vp-next) {background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-next small {color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-canvas {background:var(--vp-input);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-canvas-piece {background:var(--vp-soft);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-canvas-piece>span {color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-canvas-piece button,.vp-product-photo button) {background:var(--vp-active);border-color:var(--vp-border);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-product-photo {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-status:not(:empty) {background:#352940;color:var(--vp-ink);box-shadow:0 6px 30px #0006;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-contender>div.vp-look-collage,.vp-contender:last-child>div.vp-look-collage) {background:var(--vp-input);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-look-collage a,.vp-look-collage span) {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-report {color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-dialog {background:var(--vp-surface);color:var(--vp-ink);border-color:var(--vp-border);box-shadow:0 30px 100px #0008;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-dialog::backdrop {background:#08060db3;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-dialog-top button {background:var(--vp-soft);color:var(--vp-ink);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-search {background:var(--vp-surface);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-field {background:var(--vp-input);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-field:focus-within {border-color:var(--vp-purple);box-shadow:0 0 0 3px #8154a533;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-field input {background:transparent!important;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-submit {background:var(--vp-active);border-color:var(--vp-border);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-quick button {background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-catalog-quick button.is-active {background:var(--vp-active);border-color:var(--vp-purple);color:var(--vp-ink);}

/* Challenge guides, including the same guide content inside the shared dialog. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-challenge-card:hover,.vp-future-game:hover) {box-shadow:0 15px 35px #0003;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-challenge-art.vp-game-visual {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-visual-status {background:var(--vp-soft);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-visual-status>.vp-label {background:var(--vp-active);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-game-visual>img {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-artwork-note,.vp-future-game figcaption) {background:var(--vp-soft);color:var(--vp-muted);border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-mini-steps>li {color:var(--vp-muted);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-mini-steps>li>span {background:var(--vp-active);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-guide-link,.vp-future-copy button) {color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-guide-link:hover {color:#e4c5ff;}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-game-gallery {border-color:var(--vp-border);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-future-game figure,.vp-guide-art) {background:var(--vp-soft);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-future-badge,.vp-guide-coming) {background:var(--vp-active);color:var(--vp-purple);}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-guide-art p {color:var(--vp-muted);}

/* Advanced Vrool Play views share the page's explicit dark palette. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-arena-location,.vp-arena-rules,.vp-arena-topline,.vp-look-kicker,.vp-look-subtitle,.vp-look-detail,.vp-look-actions>span,.vp-arena-foot>p,.vp-score-panel span,.vp-concept-byline,.vp-illustration-note,.vp-styling-story,.vp-generation-copy>p,.vp-generation-copy>small){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-arena-location>i,.vp-arena-location>span,.vp-arena-rules i,.vp-arena-topline>span:first-child,.vp-arena-topline i,.vp-look-detail>span:first-child,.vp-arena-foot>span,.vp-arena-foot i,.vp-look-actions .vp-report,.vp-shop-the-look h4,.vp-generation-kicker,.vp-generation-spark){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-motion-toggle,.vp-compact-share){background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-motion-toggle,.vp-compact-share):hover{background:var(--vp-active)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-countdown-card,.vp-arena-waiting){background:linear-gradient(135deg,#2a2234,var(--vp-surface));border-color:var(--vp-border);box-shadow:0 8px 24px #00000020}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-timer>div{background:var(--vp-input);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-live-label,.vp-timer span,.vp-timer-finished>span,.vp-timer-finished strong){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-timer small,.vp-timer-date,.vp-timer-finished small){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-battle,.vp-concept-battle){background:radial-gradient(ellipse at 0 35%,#51314630,transparent 60%),radial-gradient(ellipse at 100% 35%,#46306135,transparent 60%),var(--vp-surface);border-color:var(--vp-border);box-shadow:0 15px 40px #00000020}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-contender{--vp-card-accent:#dfa8cc;--vp-card-light:#342334;--vp-card-border:#604255;background:var(--vp-canvas);border-color:var(--vp-card-border);box-shadow:0 8px 24px #00000024}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-contender.vp-side-b{--vp-card-accent:#c5a5ed;--vp-card-light:#2d253d;--vp-card-border:#514165}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-contender:hover{box-shadow:0 14px 30px #00000035}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle .vp-contender{background:linear-gradient(160deg,#332231,var(--vp-canvas) 65%)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle .vp-side-b{background:linear-gradient(160deg,#2c2340,var(--vp-canvas) 65%)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle :is(.vp-arena-topline,.vp-look-kicker,.vp-look-subtitle){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle .vp-arena-topline>span:first-child{color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle .vp-look-letter{background:var(--vp-active);color:var(--vp-card-accent);box-shadow:none}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-pick-seal{background:var(--vp-active);border-color:#705585;color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-winner-seal,.vp-concept-battle .vp-winner-seal){background:#3b3221;color:#e8cb87}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-look-stage{border-color:var(--vp-card-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-look-stage::before{background:radial-gradient(ellipse at 10% 10%,#ffffff08,transparent 65%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff06 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#ffffff06 29px 30px)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-look-stage::after{background:linear-gradient(110deg,transparent,#ffffff09,transparent)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-look-collage .vp-piece-tile,.vp-flatlay-piece){background:var(--vp-soft);border-color:var(--vp-border);box-shadow:0 6px 15px #00000025}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-piece-tile img,.vp-source-item img){background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-look-collage .vp-piece-tag,.vp-flatlay-piece>span){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-piece-missing{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-contender.is-picked .vp-look-stage{background:linear-gradient(145deg,#3a2947,#3b2937)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-contender .vp-vote-button:disabled,.vp-concept-battle .vp-vote-button:disabled){background:var(--vp-soft);color:var(--vp-muted);border-color:var(--vp-border);box-shadow:none}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-contender .vp-vote-button.is-confirmed:disabled,.vp-concept-battle .vp-contender .vp-vote-button.is-confirmed:disabled){background:var(--vp-active);color:var(--vp-purple);border-color:#705585;box-shadow:none}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-vs-inner{border-color:var(--vp-border);box-shadow:0 5px 0 #2f213c,0 10px 25px #00000030}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-concept-battle .vp-vs-inner{background:var(--vp-active);color:var(--vp-purple);border-color:var(--vp-border);box-shadow:0 5px 25px #00000035}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-vs-orbit{border-color:#705585;background:transparent}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-arena-foot{border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-result-label{background:linear-gradient(110deg,#302437,#352e21,#302437);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-result-label strong{color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-result-label small{color:#dac18b}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-score-track{background:var(--vp-soft)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-look{background:linear-gradient(125deg,#2c2237,#2b2029);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-entry-progress{color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-entry-progress li{background:var(--vp-input);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-entry-progress .is-done{background:var(--vp-active);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-note strong{color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-pieces figure{background:var(--vp-surface);border-color:var(--vp-border);box-shadow:0 8px 20px #00000020}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-pieces img{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-pieces figcaption span{color:var(--vp-purple)}

/* Dress Me briefs, budget states and itemised receipts. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-game-tag{color:var(--vp-purple)!important}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-dress-challenge .vp-challenge-art{background:linear-gradient(145deg,#302540,#3b2634)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-dress-brief,.vp-budget-card){background:linear-gradient(120deg,#2e233c,#30232d);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-builder-timer{background:var(--vp-surface);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-builder-timer>span,.vp-builder-timer strong,.vp-budget-card>span,.vp-budget-card strong,.vp-budget-card p,.vp-receipt strong,.vp-save-draft,[data-vp-draft-status],.vp-submitted-cost,.vp-next article .vp-text-button){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-builder-timer small,.vp-budget-card small,.vp-receipt>div,.vp-submitted-cost>span){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-budget-meter{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-budget-card.is-over{background:#3b2429;border-color:#75404c}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-budget-card.is-over :is(strong,p){color:#ffb5ba}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-receipt{border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-budget-pill{background:var(--vp-active);border-color:#705585;color:var(--vp-purple)}

/* Squad, Runway, quiz and Thrift Flip views. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-empty,.xg-squad-forms>form,.xg-my-squad,.xg-weekly-grid>article,.xg-runway-card,.xg-show,.xg-runway-builder>div:first-child,.xg-library article,.xg-quiz,.vp-flip-item,.vp-design-picker,.vp-design-card,.vp-entry-designs,.vp-design-library-card,.vp-saved-creation){background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-ink);box-shadow:none}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-squad-forms>form:last-child,.xg-quiz-banner,.xg-quiz-art,.xg-thrift-before,.xg-team-credit,.vp-flip-chips span,.vp-design-shop,.vp-design-selected-preview,.vp-design-library-art,.vp-saved-creation-image,.vp-saved-design-model){background:var(--vp-soft)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-my-squad input{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-leaderboard>article,.xg-my-shows>article,.xg-lineup article,.xg-thrift-before,.vp-design-selection,.vp-generation-footer,.vp-design-upload-footer,.vp-saved-creations){border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-rank,.xg-show-dots button,.xg-lineup button){background:var(--vp-soft);border-color:var(--vp-border);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-show-dots button.is-active{background:var(--vp-action);border-color:var(--vp-action);color:#fff}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-runway-cover,.xg-stage,.xg-quiz-complete,.xg-thrift-intro,.vp-flip-studio,.vp-design-discover){background:linear-gradient(125deg,#32253f,#34232e);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-collage>a{background:var(--vp-input);border-color:var(--vp-soft);box-shadow:0 8px 18px #00000025}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-thrift-intro img,.xg-thrift-before img){border-color:var(--vp-soft)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-unavailable,.vp-flip-wait){border-color:var(--vp-border);color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-empty>span,.xg-form-icon,.xg-emblem,.xg-leaderboard>article>strong,.xg-rank,.xg-show-number,.xg-runway-copy>div>span,.xg-look-number,.xg-slide-title,.xg-quiz-banner>strong,.xg-quiz-feedback strong,.xg-quiz-complete>span,.xg-team-credit,.vp-flip-chips span,.vp-flip-wait>span,.vp-flip-history summary){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-runway-tools>span,.xg-quiz-art>span,.xg-quiz-nav>span,.xg-thrift-intro small,.xg-anchor-placeholder,.xg-thrift-before>span,.xg-thrift-before p,.xg-thrift-before small,.vp-flip-studio .vp-flip-head p,.vp-flip-controls label,.vp-flip-history figcaption,.xg-thrift-intro .vp-flip-generate small,[data-vp-generate-flip-form]>ul,.vp-generation-brief,.vp-generation-footer .vp-generation-terms){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-options button{background:var(--vp-soft);border-color:var(--vp-border);color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-options button:hover:not(:disabled){background:var(--vp-active)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-options button>span{background:var(--vp-active);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.xg-quiz-options button.is-correct,.xg-quiz-feedback.is-correct){background:#20362b;border-color:#426c53;color:#b8e5c1}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-options button.is-wrong{background:#3b242b;border-color:#794652;color:#ffc0ca}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-feedback{background:var(--vp-active);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .xg-quiz-feedback.is-correct :is(strong,p){color:#b8e5c1}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-flip-source img{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-flip-controls select{border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-flip-edit-note{background:var(--vp-input);border-color:#89679e;color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-flip-history{border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-generation-error:not([hidden]),.vp-design-upload-footer [data-vp-upload-error]:not([hidden])){background:#3b242b;border-color:#794652;color:#ffc0ca}

/* Design library, saved creations and creator upload dialogs. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-design-picker>summary,.vp-entry-designs>article>div:last-child>strong,.vp-design-upload-body label:not(.vp-design-upload-check)){color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-design-picker>summary small,.vp-design-caption,.vp-design-shop a span,.vp-design-shop small,.vp-entry-designs>p:not(.vp-eyebrow),.vp-design-discover p:not(.vp-eyebrow),.vp-design-card>small,.vp-design-library-head p:not(.vp-eyebrow),.vp-design-upload-body>p,.vp-design-upload-body small,.vp-design-upload-check,.vp-saved-creations-heading p,.vp-uploaded-heading p,.vp-saved-creation p){color:var(--vp-muted)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-design-picker>summary>span:last-child,.vp-design-card i,.vp-design-selection button,.vp-design-shop-label){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-design-card:hover{border-color:#89679e;box-shadow:0 3px 12px #00000025}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-design-card.is-selected{background:var(--vp-active);border-color:#a57cc2;box-shadow:0 0 0 2px #c3a0e12b}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-design-shop a{background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-design-shop a:hover{background:var(--vp-active);border-color:#89679e}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-design-library-art>.vp-label,.vp-saved-creation-image>.vp-label,.vp-saved-creations-heading>.vp-label){background:var(--vp-active);color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-design-upload-body input:not([type=checkbox]),.vp-design-upload-body select){background:var(--vp-input);border-color:var(--vp-border);color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-design-upload-footer{background:var(--vp-surface)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-own-ai-preview .vp-saved-confirmation{background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-purple)}

/* AI outfit choices, generation progress and saved preview states. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-portrait{background:radial-gradient(ellipse at 50% 20%,#433447,var(--vp-card-light));border-color:var(--vp-card-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-model-label{background:#211e28ee;border-color:var(--vp-border);color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-source-item{background:var(--vp-soft);border-color:var(--vp-border);color:var(--vp-purple)!important}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-source-item.is-unavailable{background:var(--vp-input);color:var(--vp-muted)!important}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-ai-option,.vp-render-status,.vp-own-ai-preview,.vp-generation-preview){background:linear-gradient(130deg,#30243d,#30232e);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play :is(.vp-ai-option>strong,.vp-render-status>span){color:var(--vp-purple)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-ai-models label{background:var(--vp-input);border-color:var(--vp-border)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-ai-models label:has(input:checked){border-color:#a57cc2;box-shadow:0 0 0 3px #c3a0e12b}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-orbit{border-color:#705585}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-figure svg{stroke:#b496c9;fill:#30243d}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-figure .vp-generation-garment{fill:#705585;stroke:#c3a0e1}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-scan{background:linear-gradient(transparent,#c3a0e130,transparent)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-piece{background:var(--vp-soft);border-color:var(--vp-border);box-shadow:0 8px 15px #00000025}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-copy h4{color:var(--vp-ink)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-track{background:var(--vp-input)}
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-result-image-error{background:var(--vp-surface);border-color:var(--vp-border);color:var(--vp-ink)}


/* The generation consent footer remains visible while the dialog body scrolls. */
:is(html[data-vrool-theme="dark"],body[data-theme="dark"]) main.vp-play .vp-generation-footer {background:var(--vp-surface);}