/* First-choice surfaces follow the Games PAGE theme, never an implicit room.
   Tokens live on body so the native top-layer dialog and card share them. */
body{--choice41-bg:#252525;--choice41-tile:#303030;--choice41-ink:#eeeeee;--choice41-muted:#bcbcbc;--choice41-accent:#d4d4d4;--choice41-line:#767676;--choice41-button:#464646;--choice41-font:system-ui,sans-serif;--choice41-error:#ffb8ac}
body[data-library-theme="fantasy"]{--choice41-bg:#1c2930;--choice41-tile:#26353b;--choice41-ink:#fff6e6;--choice41-muted:#eadfcd;--choice41-accent:#ecd5ad;--choice41-line:#a28e68;--choice41-button:#4c493c;--choice41-font:Georgia,serif}
body[data-library-theme="window"]{--choice41-bg:#17212b;--choice41-tile:#25333d;--choice41-ink:var(--hub-ink,#f8f5f1);--choice41-muted:var(--hub-muted,#c3c0bc);--choice41-accent:var(--hub-bright,#f4f1ed);--choice41-line:#80949f;--choice41-button:#354550}
body:is([data-library-theme="cyber"],[data-library-theme="window"][data-window-theme="agandar"]){--choice41-bg:var(--games-ui-panel,#080808);--choice41-tile:#151519;--choice41-ink:#e9eaed;--choice41-muted:#bfc1c8;--choice41-accent:var(--cyber-bright,#efb8ba);--choice41-line:var(--cyber-line,#8b6165);--choice41-button:#25212a;--choice41-font:ui-monospace,Consolas,monospace}
body[data-library-theme="window"][data-window-theme="cyber"]{--choice41-bg:#17101d;--choice41-tile:#291b2e;--choice41-ink:var(--azeroth-games-ink,#f8edf5);--choice41-muted:var(--azeroth-games-muted,#d1bdce);--choice41-accent:var(--azeroth-games-lilac,#d7b5ee);--choice41-line:#a8608a;--choice41-button:#362033}
body[data-library-theme="youth"]{--choice41-bg:#fff8e6;--choice41-tile:#f1efd7;--choice41-ink:#294a39;--choice41-muted:#526546;--choice41-accent:#385c3d;--choice41-line:#708953;--choice41-button:#dce6ad;--choice41-font:'Trebuchet MS',Arial,sans-serif;--choice41-error:#8d2626}
body[data-library-theme="youth"]:has(#hub-world[data-youth-time="night"]){--choice41-bg:#213b43;--choice41-tile:#294a50;--choice41-ink:#e6efe7;--choice41-muted:#c4d7cb;--choice41-accent:#d7e8b6;--choice41-line:#93b5a0;--choice41-button:#365951;--choice41-error:#ffb8ac}
body[data-reading-contrast="high"]{--choice41-bg:#080808;--choice41-tile:#080808;--choice41-ink:#fff;--choice41-muted:#fff;--choice41-accent:#fff;--choice41-line:#fff;--choice41-button:#080808}
body #sanctuary-card[data-selection="unselected"]{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);background:var(--choice41-bg)!important;color:var(--choice41-ink);--sc-bg:var(--choice41-bg);--sc-ink:var(--choice41-ink);--sc-muted:var(--choice41-muted);--sc-accent:var(--choice41-accent);--sc-line:var(--choice41-line);--sc-button:var(--choice41-button);--sc-button-ink:var(--choice41-ink);--sc-title:var(--choice41-font)}
body #sanctuary-card[data-selection="unselected"]>.sanctuary-card-copy{max-width:900px;width:100%;box-sizing:border-box;margin:auto;padding:clamp(30px,5vw,68px);position:relative;z-index:1;isolation:isolate;background:transparent!important;color:var(--choice41-ink)!important}
/* r42 intro only: a static, noninteractive ribbon of lightweight room previews.
   The solid card color is also the missing-image fallback. A theme-colored
   uniform photo opacity caps artwork at 11.9% everywhere, including white art.
   Per-panel exposure balances bright Youth/Chapel against the dark rooms. */
.sanctuary-intro-rooms42{display:none;pointer-events:none;user-select:none}
body #sanctuary-card[data-selection="unselected"]>.sanctuary-intro-rooms42{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;position:absolute;inset:0 -38px;z-index:0;opacity:.119;overflow:hidden}
body #sanctuary-card[data-selection="unselected"]>.sanctuary-intro-rooms42>span{width:calc(100% + 76px);height:100%;min-width:0;background-size:cover;background-position:center;clip-path:polygon(76px 0,100% 0,calc(100% - 76px) 100%,0 100%)}
.sanctuary-intro-rooms42>span:nth-child(1){filter:brightness(0.47);background-image:url('/assets/sanctuary/ui-r41/loader-default-r41.webp')}
.sanctuary-intro-rooms42>span:nth-child(2){filter:brightness(0.8);background-image:url('/assets/sanctuary/ui-r41/loader-solomon-r41.webp')}
.sanctuary-intro-rooms42>span:nth-child(3){filter:brightness(0.71);background-image:url('/assets/sanctuary/ui-r41/loader-auriela-r41.webp')}
.sanctuary-intro-rooms42>span:nth-child(4){filter:brightness(0.92);background-image:url('/assets/sanctuary/ui-r41/loader-cyber-r41.webp')}
.sanctuary-intro-rooms42>span:nth-child(5){filter:brightness(2.0);background-image:url('/assets/sanctuary/ui-r41/loader-agandar-r41.webp')}
.sanctuary-intro-rooms42>span:nth-child(6){filter:brightness(0.255);background-image:url('/assets/sanctuary/ui-r41/loader-youth-r41.webp')}
body #sanctuary-card[data-selection="unselected"]>.sanctuary-card-copy::before{content:"";position:absolute;inset:0 -48px;z-index:-1;pointer-events:none;background:var(--choice41-bg);opacity:0}
@media(max-width:650px){body #sanctuary-card[data-selection="unselected"]>.sanctuary-intro-rooms42{left:50%;right:auto;width:780px;transform:translateX(-50%)}}
body[data-reading-contrast="high"] #sanctuary-card>.sanctuary-intro-rooms42{display:none!important}
@media(forced-colors:active){body #sanctuary-card>.sanctuary-intro-rooms42,body #sanctuary-card[data-selection="unselected"]>.sanctuary-card-copy::before{display:none!important}}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy :is(h2,h3,h4){color:var(--choice41-ink)!important}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy :is(p,small){color:var(--choice41-muted)!important}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy .hub-card-eyebrow{color:var(--choice41-accent)!important}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy .hub-play{background:var(--choice41-button)!important;color:var(--choice41-ink)!important;border-color:var(--choice41-line)!important}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy .hub-play:hover{border-color:var(--choice41-accent)!important}
body #sanctuary-card[data-selection="unselected"] .sanctuary-card-copy .hub-play:focus-visible{outline:3px solid var(--choice41-accent)!important;outline-offset:4px}
.sanctuary-card[data-selection="unselected"] .sanctuary-card-heading{margin-bottom:18px}
.sanctuary-card[data-selection="unselected"] .sanctuary-card-details{display:none}
.sanctuary-card .sanctuary-card-art[hidden],.sanctuary-card img[hidden],.sanctuary-card .sanctuary-card-tag[hidden]{display:none!important}
.sanctuary-first-choice41{box-sizing:border-box;width:min(920px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--choice41-line);border-radius:16px;padding:clamp(20px,3vw,34px);background:var(--choice41-bg);color:var(--choice41-ink);box-shadow:0 24px 90px #0008}
.sanctuary-first-choice41::backdrop{background:#08090be0}
.sanctuary-first-choice41 h2{font:600 clamp(28px,4vw,40px)/1.15 var(--choice41-font);margin:0 0 14px}
.sanctuary-first-choice41>p{max-width:70ch;line-height:1.6;margin:0 0 22px;color:var(--choice41-muted)}
.sanctuary-first-choice-grid41{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sanctuary-first-choice-tile41{display:flex;flex-direction:column;text-align:left;padding:0 0 14px;overflow:hidden;border:2px solid var(--choice41-line);border-radius:10px;color:var(--choice41-ink);background:var(--choice41-tile);font:inherit;cursor:pointer;min-height:44px}
.sanctuary-first-choice-tile41 img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}
.sanctuary-first-choice-tile41 strong{font:600 18px/1.25 var(--choice41-font);padding:12px 12px 6px}
.sanctuary-first-choice-tile41 span{font-size:13px;line-height:1.45;padding:0 12px;color:var(--choice41-muted)}
.sanctuary-first-choice-tile41[aria-pressed="true"]{border-color:var(--choice41-accent);box-shadow:0 0 0 2px var(--choice41-accent);background:var(--choice41-button)}
.sanctuary-first-choice-tile41:disabled{cursor:not-allowed}.sanctuary-first-choice-tile41:disabled img{filter:saturate(.35);opacity:.65}
.sanctuary-first-choice41 button:focus-visible{outline:3px solid var(--choice41-accent);outline-offset:4px}
.sanctuary-first-choice-actions41{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}
.sanctuary-first-choice-actions41 button{min-height:46px;padding:10px 20px;border:1px solid var(--choice41-line);border-radius:8px;color:var(--choice41-ink);background:var(--choice41-tile);font:600 15px/1.3 system-ui,sans-serif;cursor:pointer}
.sanctuary-first-choice-actions41 button:last-child{background:var(--choice41-button);border-color:var(--choice41-accent)}
.sanctuary-first-choice-actions41 button:disabled{opacity:.5;cursor:not-allowed}
.sanctuary-first-choice-error41:empty{display:none}.sanctuary-first-choice-error41{color:var(--choice41-error)!important;margin-top:16px!important}
@media(max-width:650px){.sanctuary-first-choice-grid41{grid-template-columns:repeat(2,minmax(0,1fr))}.sanctuary-first-choice41{padding:18px}.sanctuary-first-choice-actions41{position:sticky;bottom:-18px;margin:20px -18px -18px;padding:14px 18px;background:var(--choice41-bg);border-top:1px solid var(--choice41-line)}}
@media(forced-colors:active){body{--choice41-bg:Canvas!important;--choice41-tile:Canvas!important;--choice41-ink:CanvasText!important;--choice41-muted:CanvasText!important;--choice41-accent:Highlight!important;--choice41-line:CanvasText!important;--choice41-button:ButtonFace!important;--choice41-error:CanvasText!important}.sanctuary-first-choice-tile41[aria-pressed="true"]{outline:3px solid Highlight}.sanctuary-first-choice-tile41:disabled img{opacity:1;filter:none}}