/* Lighter browsing surfaces, with the same functional catalogue in every mode. */
html.astra-refined body:has(#categorySelect.is-active) #kt-audio-dock{display:none!important}
html.astra-refined body :is(#categorySelect,.cs-info-dialog)[data-world]{--cs-bg:#352631;--cs-panel:#493442;--cs-field:#493442;--cs-line:#947f8b;--cs-muted:#e0d1d9;--cs-accent:#f0d28d;--cs-accent-ink:#292117;--cs-intro:#f1dfe5;--cs-intro-ink:#402736;--cs-intro-muted:#634452;--cs-group:#ecd0d9;--cs-count:#624555;--cs-dock:#2d202a;--cs-gold:var(--cs-accent)}
html.astra-refined body :is(#categorySelect,.cs-info-dialog)[data-world="heist"]{--cs-bg:#24384b;--cs-panel:#354e65;--cs-field:#354e65;--cs-line:#8ca2b5;--cs-muted:#d0dfe9;--cs-accent:#ebce90;--cs-accent-ink:#292419;--cs-intro:#dbe8f2;--cs-intro-ink:#233b51;--cs-intro-muted:#445e75;--cs-group:#c2dcf0;--cs-count:#44647d;--cs-dock:#1d2e3e}
html.astra-refined body :is(#categorySelect,.cs-info-dialog)[data-world="vegas"]{--cs-bg:#352d4a;--cs-panel:#4a3c63;--cs-field:#4a3c63;--cs-line:#a090b7;--cs-muted:#e1d8ed;--cs-accent:#ffb0da;--cs-accent-ink:#402139;--cs-intro:#f0ddeb;--cs-intro-ink:#482642;--cs-intro-muted:#68465e;--cs-group:#efc9e7;--cs-count:#63476d;--cs-dock:#29213a}
html.astra-refined body :is(#categorySelect,.cs-info-dialog)[data-world="carnival"]{--cs-bg:#443155;--cs-panel:#59416e;--cs-field:#59416e;--cs-line:#b495ca;--cs-muted:#ebdcf4;--cs-accent:#c7ff72;--cs-accent-ink:#283519;--cs-intro:#e7d6f4;--cs-intro-ink:#432357;--cs-intro-muted:#67477b;--cs-group:#debbf6;--cs-count:#71538b;--cs-dock:#332241}
html.astra-refined body :is(#categorySelect,.cs-info-dialog)[data-world="hex"]{--cs-bg:#293e45;--cs-panel:#3c5660;--cs-field:#3c5660;--cs-line:#8ca7ad;--cs-muted:#d5e4e6;--cs-accent:#fac98f;--cs-accent-ink:#352a1b;--cs-intro:#d8e8e8;--cs-intro-ink:#233f47;--cs-intro-muted:#46636b;--cs-group:#c1e0e2;--cs-count:#4b6d77;--cs-dock:#1e3038}
html.astra-refined body #categorySelect[data-world]{background:var(--cs-bg)!important;color:#f5f5f7!important}
#categorySelect[data-world] .cs-intro{position:relative;isolation:isolate;overflow:hidden;min-height:128px;padding:22px 250px 22px 24px;background:var(--cs-intro);border:1px solid var(--cs-line);gap:20px;margin:14px 0 22px}
#categorySelect[data-world] .cs-intro>div:first-child{position:relative;z-index:1;min-width:0}
#categorySelect[data-world] .cs-intro h1{font-size:30px;color:var(--cs-intro-ink);line-height:1.15;margin:7px 0 8px;letter-spacing:-.025em;text-wrap:balance}
#categorySelect[data-world] .cs-intro p{color:var(--cs-intro-muted);font-size:14px}
#categorySelect[data-world] .cs-world-label{display:block;font:700 10px/1.4 Archivo,Arial,sans-serif;letter-spacing:.13em;color:var(--cs-intro-muted)}
#categorySelect[data-world] .cs-teams{color:var(--cs-intro-muted);font-size:12px;max-width:200px;min-width:120px;position:relative;z-index:1}
#categorySelect[data-world] .cs-world-art{position:absolute;inset:0 0 0 auto;width:215px;overflow:hidden;background:var(--cs-dock);z-index:0}
.cs-world-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.85;display:block}
.cs-world-symbol{position:absolute;right:14px;bottom:10px;color:#fff0cc;font:400 24px/1 Georgia,serif;text-shadow:0 2px 8px #000;pointer-events:none}
#categorySelect[data-world] .cs-header{border-color:var(--cs-line)}
#categorySelect[data-world] .cs-mode{color:var(--cs-accent)}
#categorySelect[data-world] button{color:#f5f5f7;background:var(--cs-panel);border-color:var(--cs-line)}
#categorySelect[data-world] button:hover{background:var(--cs-field)}
#categorySelect[data-world] .cs-back,#categorySelect[data-world] #cs-tray-toggle,#categorySelect[data-world] #cs-clear{background:transparent}
#categorySelect[data-world] .cs-groups button{background:transparent}
#categorySelect[data-world] .cs-groups button:hover:not([aria-pressed=true]){background:var(--cs-panel)}
#categorySelect[data-world] .cs-groups button[aria-pressed=true],#categorySelect[data-world] #cs-selected[aria-pressed=true]{background:var(--cs-accent);color:var(--cs-accent-ink);border-color:var(--cs-accent)}
#categorySelect[data-world] .cs-groups button[aria-pressed=true] small,#categorySelect[data-world] #cs-selected[aria-pressed=true] span{color:var(--cs-accent-ink)}
#categorySelect[data-world] :is(input,select){background:var(--cs-field);border-color:var(--cs-line);color:#f5f5f7}
#categorySelect[data-world] input::placeholder{color:var(--cs-muted)}
#categorySelect[data-world] .cs-filter-row button{background:transparent}
#categorySelect[data-world] .cs-category-group h3{color:var(--cs-group);border-color:var(--cs-line);font-weight:600}
#categorySelect[data-world] .cs-category-group h3 span{background:var(--cs-count);color:#fff}
#categorySelect[data-world] .is-selected .cs-art{border-color:var(--cs-accent)}
#categorySelect[data-world] .is-selected .cs-pick:hover .cs-art{border-color:var(--cs-accent)}
#categorySelect[data-world] .is-selected .cs-picked-mark{color:var(--cs-accent-ink);background:var(--cs-accent)}
#categorySelect[data-world] .cs-info{background:#17202bea;color:#f5f5f7}
#categorySelect[data-world] .cs-info:hover{background:var(--cs-accent);color:var(--cs-accent-ink)}
#categorySelect[data-world] .cs-fallback,#categorySelect[data-world] .cs-image-missing::before{color:var(--cs-accent)}
#categorySelect[data-world] .cs-dock{background:var(--cs-dock);border-color:var(--cs-line)}
#categorySelect[data-world] .cs-slot{border-color:var(--cs-line);background:transparent}
#categorySelect[data-world] .cs-slot.is-filled{border-color:var(--cs-accent);background:var(--cs-panel)}
#categorySelect[data-world] .cs-start{background:var(--cs-accent);color:var(--cs-accent-ink)}
#categorySelect[data-world] .cs-start:hover:not(:disabled){background:var(--cs-accent);filter:brightness(1.07)}
#categorySelect[data-world] :is(button,input,select):focus-visible{outline:3px solid var(--cs-accent);outline-offset:3px}
#categorySelect[data-world] .cs-card:has(.cs-pick[aria-disabled=true]) .cs-info{background:#13151be8;color:#b7bdc6}

/* Classic: a programme frame and gold stage numbering. */
#categorySelect[data-world="classic"] .cs-intro{border-radius:28px 28px 3px 3px;border-top:4px solid #e4c487}
#categorySelect[data-world="classic"] .cs-world-art{border-left:4px double #e4c487}
#categorySelect[data-world="classic"] .cs-category-group h3{border-top-style:double;border-top-width:3px}
#categorySelect[data-world="classic"] .cs-category-group h3:before{content:'★';font-size:13px;color:var(--cs-accent)}
#categorySelect[data-world="classic"] .is-selected .cs-art{box-shadow:0 0 0 2px var(--cs-bg),0 0 0 3px var(--cs-accent)}
/* Heist: tabbed folders and the crisp lines of a case file. */
#categorySelect[data-world="heist"] .cs-intro{border-radius:2px;border-top:6px solid #ebce90}
#categorySelect[data-world="heist"] .cs-world-label{font-family:Consolas,'Courier New',monospace;letter-spacing:.1em}
#categorySelect[data-world="heist"] .cs-category-group h3{border-top:0;border-bottom:1px solid var(--cs-line);padding:0 0 10px}
#categorySelect[data-world="heist"] .cs-category-group h3:before{content:'';width:23px;height:17px;background:var(--cs-group);clip-path:polygon(0 0,40% 0,52% 23%,100% 23%,100% 100%,0 100%);flex-shrink:0}
#categorySelect[data-world="heist"] .cs-art,#categorySelect[data-world="heist"] .cs-slot{border-radius:2px}
#categorySelect[data-world="heist"] .cs-picked-mark{border-radius:3px}
/* Vegas: neon accents, playing-card corners and a felt-coloured board tray. */
#categorySelect[data-world="vegas"] .cs-intro{border-radius:18px;border:2px solid #d79ebf;box-shadow:inset 0 0 0 4px var(--cs-intro),inset 0 0 0 5px #c17bab}
#categorySelect[data-world="vegas"] .cs-world-symbol{letter-spacing:6px;color:#ffd0eb}
#categorySelect[data-world="vegas"] .cs-category-group h3:before{content:'♠';color:#ffb0da;font:400 23px Georgia,serif}
#categorySelect[data-world="vegas"] .cs-category-group:nth-child(even) h3:before{content:'♦';color:#a4ecff}
#categorySelect[data-world="vegas"] .cs-art{border-radius:12px 12px 6px 6px}
#categorySelect[data-world="vegas"] .cs-dock{background:#203744;border-top-color:#cba0c2}
#categorySelect[data-world="vegas"] .is-selected .cs-art{box-shadow:0 0 0 1px #ffb0da,0 3px 12px #f070b522}
/* Carnival: a striped canopy and numbered admission stubs. */
#categorySelect[data-world="carnival"] .cs-intro{border-radius:6px;padding-top:32px}
#categorySelect[data-world="carnival"] .cs-intro:before{content:'';position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(105deg,#c7ff72 0 22px,#80529e 22px 44px,#dcb8f2 44px 66px);z-index:2}
#categorySelect[data-world="carnival"] .cs-world-symbol{color:#c7ff72;transform:rotate(-12deg)}
#categorySelect[data-world="carnival"] .cs-category-group h3{border-top-style:dashed}
#categorySelect[data-world="carnival"] .cs-category-group h3:before{content:'✦';color:var(--cs-accent);font-size:19px}
#categorySelect[data-world="carnival"] .cs-category-group h3 span{border-radius:0;transform:rotate(-4deg)}
#categorySelect[data-world="carnival"] .cs-slot{border-style:dashed;border-radius:10px 3px 10px 3px}
#categorySelect[data-world="carnival"] .cs-picked-mark{border-radius:6px;transform:rotate(-6deg)}
/* Hex: etched map geometry and a restrained tactical grid. */
#categorySelect[data-world="hex"] .cs-intro{border-radius:2px;border-top:3px solid #d5ac77;background-image:linear-gradient(30deg,transparent 48%,#93b5b522 49%,#93b5b522 51%,transparent 52%),linear-gradient(150deg,transparent 48%,#93b5b522 49%,#93b5b522 51%,transparent 52%);background-size:60px 104px}
#categorySelect[data-world="hex"] .cs-world-art{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}
#categorySelect[data-world="hex"] .cs-category-group h3:before{content:'';width:18px;height:20px;background:var(--cs-accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex-shrink:0}
#categorySelect[data-world="hex"] .cs-picked-mark{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
#categorySelect[data-world="hex"] .cs-slot{border-radius:2px}

.cs-info-dialog[data-world]{background:var(--cs-dock);border-color:var(--cs-line);color:#f5f5f7}
.cs-info-dialog[data-world] :is(p,.cs-info-top){color:var(--cs-muted)}
.cs-info-dialog[data-world] button{background:var(--cs-accent);color:var(--cs-accent-ink)}
.cs-info-dialog[data-world] .cs-info-top button{background:transparent;color:#f5f5f7}
.cs-info-dialog[data-world] button:focus-visible{outline:3px solid var(--cs-accent);outline-offset:3px}
@media(max-width:1100px){#categorySelect[data-world] .cs-intro{padding-right:190px}#categorySelect[data-world] .cs-world-art{width:165px}#categorySelect[data-world] .cs-intro h1{font-size:27px}}
@media(max-width:760px){
 #categorySelect[data-world] .cs-header{min-height:54px}
 #categorySelect[data-world] .cs-intro{min-height:0;margin:10px 0 18px;padding:16px 18px}
 #categorySelect[data-world] .cs-world-art{display:none}
 #categorySelect[data-world] .cs-intro h1{font-size:24px;max-width:none;margin:5px 0 7px}
 #categorySelect[data-world] .cs-intro p{font-size:13px}
 #categorySelect[data-world] .cs-world-label{font-size:9px;letter-spacing:.08em}
 #categorySelect[data-world="carnival"] .cs-intro{padding-top:26px}
 #categorySelect[data-world="classic"] .cs-intro{border-radius:18px 18px 3px 3px}
 #categorySelect[data-world] .cs-category-group h3{gap:9px;font-size:14px}
}
@media(max-width:360px){#categorySelect[data-world] .cs-intro{padding-inline:14px}#categorySelect[data-world] .cs-intro h1{font-size:22px}}
