/* Dareback 1.14.0 — approved vivid palette. Loaded only by public/player pages. */
html[data-dareback-theme="vivid"]{
 --vivid-bg:#14307A;--vivid-card:#1C3C87;--vivid-soft:#254994;--vivid-ink:#14285A;
 --vivid-yellow:#FFC83D;--vivid-coral:#FF6B6B;--vivid-mint:#3DDBC4;--vivid-muted:#D0DDF8;--vivid-line:#FFFFFF40;
 --bg:var(--vivid-bg);--navy:var(--vivid-ink);--card:var(--vivid-card);--panel:var(--vivid-card);--soft:var(--vivid-soft);
 --text:#FFFFFF;--muted:var(--vivid-muted);--line:var(--vivid-line);--yellow:var(--vivid-yellow);--hot:var(--vivid-yellow);
 --red:var(--vivid-coral);--green:var(--vivid-mint);--ok:var(--vivid-mint);--blue:#AAC5FF;--cream:#FFF9EE;
 --race-navy:var(--vivid-bg);--race-blue:var(--vivid-card);--race-white:#FFFFFF;--race-yellow:var(--vivid-yellow);--race-red:var(--vivid-coral);--race-cream:#FFF9EE;
 --db-ux-line:var(--vivid-line);--db-ux-yellow:var(--vivid-yellow);--db-ux-muted:var(--vivid-muted);
 background:var(--vivid-bg);color:#FFFFFF;color-scheme:dark;
}
html[data-dareback-theme="vivid"] body{background:var(--vivid-bg);color:var(--text)}
html[data-dareback-theme="vivid"] :is(.top,.site-header,.appTopbar,.appMenuPanel){background:var(--vivid-bg);border-color:var(--line)}
html[data-dareback-theme="vivid"] :is(.card,.info-panel,.step,.org,.demo,.featured-panel,.featured-result,.featured-teaser,.proof-card,.gallery-card,#gallery-filters,.db-account-panel,.db-account-success,.db-access-card,.db-real-results,.db-ux-notice,.photo-spinner,.playerCard,.duelRole,.roleIntroCard,.featureEmpty){background:var(--vivid-card);border-color:var(--line);color:var(--text)}
html[data-dareback-theme="vivid"] :is(dialog,.db-ux-dialog,.db-terms-dialog){background:var(--vivid-card);color:var(--text);border-color:var(--line)}
html[data-dareback-theme="vivid"] dialog::backdrop{background:#081C40BB}
html[data-dareback-theme="vivid"] :is(.notice,.featured-route,.deviceNote,.db-ux-notice,.deadline,.duelEvent){background:var(--vivid-soft);color:var(--text);border-color:var(--yellow)}
html[data-dareback-theme="vivid"] :is(.screen.challenger,.screen.challenged,.screen.shared,.ultimateCard,.ultimateDraw){background:var(--vivid-card);border-color:var(--line)}
html[data-dareback-theme="vivid"] .btn{background:var(--yellow);color:var(--vivid-ink);border-color:var(--yellow);box-shadow:0 3px 0 #102455;min-height:44px}
html[data-dareback-theme="vivid"] .btn:hover:not(:disabled){background:#FFD76E;color:var(--vivid-ink)}
html[data-dareback-theme="vivid"] .btn:is(.alt,.ghost,.secondary){background:var(--vivid-soft);border:1px solid var(--line);color:var(--text);box-shadow:none}
html[data-dareback-theme="vivid"] .btn:is(.alt,.ghost,.secondary):hover:not(:disabled){background:#2F55A5;color:var(--text)}
html[data-dareback-theme="vivid"] :is(.btn.primary,.btn.selected,.tab.active,.selections a[aria-current="page"],#gallery-filters>button){background:var(--yellow);border-color:var(--yellow);color:var(--vivid-ink)}
html[data-dareback-theme="vivid"] :is(.btn.danger,.btn.remove){background:var(--red);color:var(--vivid-ink);border-color:var(--red)}
html[data-dareback-theme="vivid"] .btn:disabled{cursor:not-allowed}
html[data-dareback-theme="vivid"] :is(.pick,.chip,.reason,.holdBtn,.tab,.roleChoice){background:var(--vivid-card);color:var(--text);border-color:var(--line)}
html[data-dareback-theme="vivid"] :is(.pick.selected,.chip.selected,.reason.selected,.holdBtn.held){background:var(--yellow);border-color:var(--yellow);color:var(--vivid-ink)}
html[data-dareback-theme="vivid"] :is(.status,.winner,.ok,.accepted){color:var(--vivid-mint)}
html[data-dareback-theme="vivid"] .approval button.done{background:var(--vivid-mint);color:var(--vivid-ink)}
html[data-dareback-theme="vivid"] .db-account-success{border-color:var(--vivid-mint)}
html[data-dareback-theme="vivid"] :is(.winner-badge,.example-badge){color:var(--vivid-ink);background:var(--yellow);border-color:var(--yellow)}
html[data-dareback-theme="vivid"] :is(.gallery-review-status,.gallery-card .badges span,.conditions span){background:var(--vivid-soft);color:var(--text);border-color:var(--line)}
html[data-dareback-theme="vivid"] :is(.eyebrow,.recommendedLabel,.appLineIcon,.online-role-name,.reel-heading,.photo-reel-label){color:var(--yellow)}
html[data-dareback-theme="vivid"] :is(.small,.hint,.subtle,.featured-notes,.startReelsHelp,.startAccessNote,.credit,.muted){color:var(--muted)}
html[data-dareback-theme="vivid"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select){background:var(--vivid-bg);color:var(--text);border-color:#FFFFFF66;box-sizing:border-box;max-width:100%}
html[data-dareback-theme="vivid"] input[type="checkbox"],html[data-dareback-theme="vivid"] input[type="radio"]{accent-color:var(--yellow)}
html[data-dareback-theme="vivid"] input::placeholder,html[data-dareback-theme="vivid"] textarea::placeholder{color:var(--vivid-muted);opacity:1}
html[data-dareback-theme="vivid"] input:-webkit-autofill{-webkit-text-fill-color:#FFFFFF;caret-color:#FFC83D;box-shadow:0 0 0 1000px #14307A inset}
html[data-dareback-theme="vivid"] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--yellow)!important;outline-offset:4px}
html[data-dareback-theme="vivid"] :is(.online-slot,.featured-window,.reel-window,.slot,.played-value,.photo-reel-window,.sentence){background:#FFF9EE;color:var(--vivid-ink);border-color:#FFC83D99}
html[data-dareback-theme="vivid"] :is(.online-neighbor,.reel-neighbor){color:#62728D}
html[data-dareback-theme="vivid"] :is(.online-slot,.featured-window,.played-value)::after{border-color:var(--vivid-coral)}
html[data-dareback-theme="vivid"] .reel-window:before,html[data-dareback-theme="vivid"] .reel-window:after{background:var(--vivid-coral)}
html[data-dareback-theme="vivid"] :is(.online-slot.has-landed,.featured-reel.has-landed .featured-window){border-color:var(--vivid-mint);box-shadow:0 0 0 2px #3DDBC444}
html[data-dareback-theme="vivid"] :is(.startReels,.db-terms-fields,.db-terms-compact){color:var(--text)}
html[data-dareback-theme="vivid"] body .startReels{background:var(--vivid-card);border-color:#FFFFFF55;color:var(--text)}
html[data-dareback-theme="vivid"] :is(.db-bottom-nav a,.db-bottom-nav button,.db-ux-actions button,.db-ux-actions a){background:var(--vivid-card);color:var(--text);border-color:var(--line)}
html[data-dareback-theme="vivid"] .db-bottom-nav [data-home]{color:var(--yellow);border-color:var(--yellow)}
html[data-dareback-theme="vivid"] .db-ux-scope .db-real-results a{background:var(--yellow);color:var(--vivid-ink)!important}
html[data-dareback-theme="vivid"] #app-loading{background:var(--vivid-bg);color:#FFFFFF}
html[data-dareback-theme="vivid"] #app-loading strong{color:var(--yellow)}
html[data-dareback-theme="vivid"] :is(.card-media,.detail-file img,.detail-file video){background:var(--vivid-ink)}
/* Choice highlights use the same state classes and existing native link actions. */
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices{background:var(--vivid-card);border-color:var(--line);color:var(--text)}
html[data-dareback-theme="vivid"] .gameModeChoices .p01Intro{background:transparent;border:0;padding:10px 8px 18px;text-align:center}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .compactChoice{background:var(--vivid-card)!important;color:var(--text)!important;border-color:var(--line)!important;text-align:left}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .compactChoice small{color:var(--muted)!important}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .compactChoice :is(.icon,.arrow,.appLineIcon){color:var(--yellow)!important}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .compactChoice.is-highlighted-mode{background:var(--yellow)!important;color:var(--vivid-ink)!important;border-color:var(--yellow)!important}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .compactChoice.is-highlighted-mode :is(small,.icon,.arrow,.appLineIcon){color:var(--vivid-ink)!important}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .recommendedStart{background:transparent;border-color:var(--line)}
html[data-dareback-theme="vivid"] body #spelvormen.gameModeChoices .recommendedStart:has(.is-highlighted-mode){background:transparent;border-color:var(--yellow)}
html[data-dareback-theme="vivid"] .gameModeChoices .howOpen{background:transparent;color:var(--text);border-color:var(--line);box-shadow:none}
/* The first page follows one centre line. Text in choices and forms stays left aligned. */
html[data-dareback-theme="vivid"] body.homepage .top{position:static;background:var(--vivid-bg)}
html[data-dareback-theme="vivid"] body.homepage .top .nav{justify-content:center;text-align:center;gap:10px 20px;padding-block:20px;min-height:0}
html[data-dareback-theme="vivid"] body.homepage .top .logo{display:flex;align-items:center;justify-content:center;gap:10px;flex-basis:100%;margin:0 0 5px;color:var(--text);font-size:25px;letter-spacing:-.04em}
html[data-dareback-theme="vivid"] body.homepage .top .logo::before{content:'D';display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--vivid-ink);color:var(--yellow);font-size:28px;font-weight:900;letter-spacing:0}
html[data-dareback-theme="vivid"] body.homepage .top .navlink{font-size:13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
html[data-dareback-theme="vivid"] body.homepage .top .btn{font-size:13px;padding:9px 15px}
html[data-dareback-theme="vivid"] .homepage-intro{width:calc(100% - 32px);max-width:720px;margin:30px auto 20px;text-align:center}
html[data-dareback-theme="vivid"] .homepage-intro .tagline{font-size:clamp(27px,5vw,38px);font-weight:900;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}
html[data-dareback-theme="vivid"] .homepage-intro .intro-note{font-size:14px;color:var(--muted);margin:0}
html[data-dareback-theme="vivid"] body.homepage #taartdemo{width:calc(100% - 32px);max-width:720px;padding:28px 32px;margin:0 auto 20px;box-shadow:0 10px 35px #081C4020}
html[data-dareback-theme="vivid"] body.homepage #taartdemo .eyebrow{display:inline-block;background:var(--yellow);color:var(--vivid-ink);padding:4px 9px;border-radius:6px;font-size:11px;letter-spacing:.05em}
html[data-dareback-theme="vivid"] body.homepage #taartdemo h1{font-size:clamp(32px,5vw,44px);margin:10px 0}
html[data-dareback-theme="vivid"] body.homepage #taartdemo .startReelsIntro{font-size:15px;margin-inline:auto}
html[data-dareback-theme="vivid"] body.homepage #home-start{padding:0;margin:0 auto 26px;max-width:720px;width:calc(100% - 32px);background:var(--vivid-card);border:1px solid var(--line);border-radius:20px;text-align:center}
html[data-dareback-theme="vivid"] body.homepage #home-start>.wrap{width:100%;padding:25px}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-challenge{display:grid;grid-template-columns:1fr;justify-items:center;gap:20px;max-width:100%;text-align:center}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-photo{max-width:180px;justify-self:center}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-challenge-copy{max-width:100%;text-align:center}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-challenge-copy .lead{margin-inline:auto;font-size:15px;max-width:520px}
html[data-dareback-theme="vivid"] body.homepage #home-start .theme-challenge-copy h2{font-size:clamp(25px,4vw,32px)}
html[data-dareback-theme="vivid"] body.homepage #spelvormen{width:calc(100% - 32px);max-width:720px;margin:26px auto;padding:20px}
html[data-dareback-theme="vivid"] body.homepage #spelvormen .compactStart{text-align:center}
html[data-dareback-theme="vivid"] body.homepage #spelvormen :is(.compactChoice,.featured-form){text-align:left}
html[data-dareback-theme="vivid"] body.homepage #hall-of-fame{width:calc(100% - 32px);max-width:960px;margin:32px auto 0;padding:20px 0;text-align:center}
html[data-dareback-theme="vivid"] body.homepage #hall-of-fame>.wrap{width:100%;padding:0}
html[data-dareback-theme="vivid"] body.homepage .home-gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
html[data-dareback-theme="vivid"] body.homepage .home-gallery-grid>figure{flex:0 1 calc((100% - 36px)/3);min-width:0;background:var(--vivid-card);border-color:var(--line);text-align:left}
html[data-dareback-theme="vivid"] body.homepage .db-public-footer{max-width:960px;text-align:center}
html[data-dareback-theme="vivid"] body.homepage .db-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
html[data-dareback-theme="vivid"] :is(.featured-form,.db-signup-compact){text-align:left}
@media(max-width:600px){
 html[data-dareback-theme="vivid"] body.homepage .top .nav{width:calc(100% - 28px);gap:7px 14px;padding-block:16px}
 html[data-dareback-theme="vivid"] body.homepage .top .navlink{font-size:12px;min-height:32px}
 html[data-dareback-theme="vivid"] body.homepage .top .btn{font-size:12px;padding:8px 12px}
 html[data-dareback-theme="vivid"] .homepage-intro{margin-top:24px}
 html[data-dareback-theme="vivid"] body.homepage #taartdemo{padding:22px 15px}
 html[data-dareback-theme="vivid"] body.homepage #home-start>.wrap{padding:22px 16px}
 html[data-dareback-theme="vivid"] body.homepage #home-start .theme-photo{max-width:160px}
 html[data-dareback-theme="vivid"] body.homepage #spelvormen{padding:14px}
 html[data-dareback-theme="vivid"] body.homepage .home-gallery-grid>figure{flex-basis:100%;max-width:440px}
}
/* The legacy play screen has important inline field colours; retain its layout. */
html[data-dareback-theme="vivid"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select){background:var(--vivid-bg)!important;color:#FFFFFF!important;border-color:#FFFFFF66!important}
html[data-dareback-theme="vivid"] #onlineGame .currentPhase{background:var(--vivid-soft)!important}
html[data-dareback-theme="vivid"] :is(.feedbackDialog,.mobilePerspective,.playerCard .avatar,.invitationDetails,.phonePanel){background:var(--vivid-card);border-color:var(--line);color:var(--text)}