/* Batch26 issues 10–12. One continuous illustrated chooser surface per world,
   native entry buttons, and one fixed Default scene. No artwork filters. */
/* Revision27: a locally licensed pen-drawn face follows the painted Full title. */
@font-face{font-family:ARLibraryEagleLake;src:url('../fonts/eagle-lake/EagleLake-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
#hub-chooser .hub-choices{align-items:stretch;gap:18px}
#hub-chooser .hub-choice-r26{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:flex-end;min-width:0;min-height:446px;padding:0;border:1px solid #cfb777;border-radius:18px;overflow:hidden;background:#ece0b7;transform:none!important;box-shadow:0 9px 20px #0004;cursor:default}
#hub-chooser .hub-choice-r26-youth{border-color:#a8ba79;background:#d9e2a5}
#hub-chooser .hub-choice-scene-r26{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#hub-chooser .hub-choice-image-r26{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;pointer-events:none}
#hub-chooser .hub-choice-r26-youth .hub-choice-image-r26{object-position:29% 50%}
#hub-chooser .hub-choice-r26-full .hub-choice-image-r26{top:-20%;bottom:auto}
#hub-chooser .hub-choice-rainbow-r26{position:absolute;left:16%;top:17%;width:82%;height:auto;opacity:.55;pointer-events:none;filter:none!important}
#hub-chooser .hub-choice-title-r26{position:absolute;inset:31% 10px auto;text-align:center;font:400 clamp(35px,3.5vw,43px)/1.15 ARLibrary,"Trebuchet MS",sans-serif;letter-spacing:0;color:#234f5e;white-space:nowrap;text-shadow:0 2px #fff9e1,0 -2px #fff9e1,2px 0 #fff9e1,-2px 0 #fff9e1,0 2px 10px #fffae9}
#hub-chooser .hub-choice-title-r26>span{color:#843d44}
#hub-chooser .hub-choice-r26 .hub-choice-copy{position:relative;z-index:1;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;min-height:146px;margin:0;padding:34px 22px 22px!important;overflow:visible;background:linear-gradient(180deg,#ead0a900,#eed1a5ef 20%,#eed1a5f5 70%,#ddbc87f5);color:#3c2918;text-align:center}
#hub-chooser .hub-choice-r26-youth .hub-choice-copy{background:linear-gradient(180deg,#f4edc900,#f4edc9ee 22%,#f4edc9f5 75%,#e8e6baf5);color:#294b3a}
#hub-chooser .hub-choice-r26 .hub-choice-copy::before,#hub-chooser .hub-choice-r26 .hub-choice-copy::after{content:none!important;display:none!important}
#hub-chooser .hub-choice-r26 .hub-choice-copy p{position:relative;margin:0;min-height:42px;font:400 15px/1.45 Georgia,serif;color:#47301d;max-width:280px;text-wrap:pretty}
#hub-chooser .hub-choice-r26-youth .hub-choice-copy p{font:600 13px/1.55 "Trebuchet MS",ui-rounded,system-ui,sans-serif;color:#31523b}
#hub-chooser .hub-choice-enter-r26{display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:46px;width:100%;max-width:245px;padding:11px 15px;border:1px solid #e4bd72;border-radius:8px;background:linear-gradient(160deg,#624024,#342215);color:#fff0ca;box-shadow:inset 0 1px #ffe4ac4a,0 3px 7px #45271036;font:400 18px/1.25 ARLibraryMedieval,Georgia,serif;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
#hub-chooser .hub-choice-r26-youth .hub-choice-enter-r26{border:2px solid #466644;border-radius:16px;background:linear-gradient(160deg,#f5f0c9,#dde5aa);color:#284a32;box-shadow:inset 0 1px #fffced,0 3px 0 #758b52;font:800 14px/1.3 "Trebuchet MS",ui-rounded,system-ui,sans-serif}
#hub-chooser .hub-choice-r26-full .hub-choice-enter-r26{font-family:ARLibraryEagleLake,ARLibraryUncial,Georgia,serif;font-synthesis:none;font-size:18px;line-height:1.25;letter-spacing:0}
@media(max-width:360px){#hub-chooser .hub-choice-r26-full .hub-choice-enter-r26{font-size:17px;padding-inline:12px}}
#hub-chooser .hub-choice-enter-r26:hover{background:linear-gradient(160deg,#765330,#493019);border-color:#f5d69e;box-shadow:inset 0 1px #ffe4ac66,0 4px 10px #45271045}
#hub-chooser .hub-choice-r26-youth .hub-choice-enter-r26:hover{background:linear-gradient(160deg,#fff9dc,#eaf0bd);border-color:#315438}
#hub-chooser .hub-choice-enter-r26:focus-visible{outline:3px solid #573c20;outline-offset:4px}
#hub-chooser .hub-choice-r26-youth .hub-choice-enter-r26:focus-visible{outline-color:#295839}
/* The end-of-library information belongs to one padded card on every theme.
   Color, native link behavior, and the existing Youth-mode hiding stay owned
   by their theme rules. Keep the button clear of the card's rounded edge. */
body[data-ar-document=games] #library-main>.hub-library-note{box-sizing:border-box;width:100%;min-width:0;padding:22px 24px;border-radius:18px;gap:20px 26px}
body[data-ar-document=games] #library-main>.hub-library-note>p{min-width:0;overflow-wrap:anywhere}
body[data-ar-document=games] #library-main>.hub-library-note>.hub-explorer-prompt{gap:10px 14px}
@media(max-width:850px){body[data-ar-document=games] #library-main>.hub-library-note{padding:20px;gap:16px}body[data-ar-document=games] #library-main>.hub-library-note>.hub-explorer-prompt{justify-content:flex-start}}
/* The fake white circles are hard-edged CSS cloud ellipses. The original
   painted garden, sunlight, rainbow, small dust and friends are untouched. */
body[data-ar-document=games] .hub-youth-air .hub-youth-cloud{display:none!important;animation:none!important}
/* Pseudo-elements cannot be selected inside :is(). Explicit selectors remove
   the scrolling watermark and legacy grain/light layer at their source. */
html body[data-ar-document=games][data-library-theme=full] .hub-world-scenery::before,
html body[data-ar-document=games][data-library-theme=full] .hub-world-scenery::after{display:none!important;content:none!important;background:none!important;animation:none!important}
body[data-library-theme=full] #games-default-ambient{display:none!important}
body[data-library-theme=full] #hub-world{background:transparent!important}
body[data-library-theme=full] #games-appearance .games-default-scene{background:radial-gradient(ellipse 115% 125% at 24% 44%,#090909 0%,#070707 38%,#050505 72%,#030303 100%)}
/* Revision 28: neutral Default atmosphere, softly beginning below the runner.
   Only the existing aura moves; no opaque top band or new effect controller. */
/* Center the complete mark in the viewport below the real header, not at a
   scrolling section offset. No second mark and no mark animation. */
body[data-library-theme=full] #games-appearance .games-default-mark{inset:var(--games-header-floor-r26,104px) 0 0;background-position:center center;background-size:min(88vw,calc((100dvh - var(--games-header-floor-r26,104px)) * .96));z-index:1;opacity:.06;filter:grayscale(1) brightness(.82) contrast(1.08);mix-blend-mode:normal;transform:none;animation:none}
body[data-library-theme=full] #games-appearance .games-default-aura{z-index:0;inset:calc(var(--games-header-floor-r26,104px) + 48px) -12% -12%;background:radial-gradient(ellipse 48% 43% at 17% 58%,#b8b8b80c 0%,#85858505 42%,transparent 100%),radial-gradient(ellipse 42% 37% at 85% 80%,#a0a0a009 0%,#77777703 45%,transparent 100%);opacity:.65}
body[data-library-theme=full] #games-appearance .games-default-fog-r26{position:absolute;left:-14%;bottom:5%;width:100%;height:42%;background:url('/assets/app-library/hub-atmosphere-r20/valley-mist.webp') center/100% 100% no-repeat;z-index:0;opacity:.025;filter:grayscale(1);mix-blend-mode:soft-light;pointer-events:none;animation:games-library-fog-r26 47s ease-in-out -16s infinite alternate;animation-play-state:paused}
body[data-library-theme=full] #games-appearance .games-default-fog-far-r26{left:auto;right:-18%;bottom:45%;width:84%;height:30%;opacity:.02;animation-duration:63s;animation-delay:-31s;animation-direction:alternate-reverse}
body[data-library-theme=full] #games-appearance .games-default-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 115% 125% at 48% 52%,transparent 0%,#00000006 45%,#00000026 100%);z-index:0}
body[data-library-theme=full] #games-appearance .games-default-scene>.games-scene-particle{z-index:2;min-width:2px;min-height:2px;background:#dedede;box-shadow:0 0 4px #d0d0d029}
body[data-library-theme=full] #games-appearance[data-moving=true] .games-default-fog-r26{animation-play-state:running}
body[data-library-theme=full] #games-appearance[data-quiet=true] .games-default-fog-r26{animation:none;opacity:.02}
@keyframes games-library-fog-r26{from{transform:translate3d(-4%,2%,0);opacity:.015}to{transform:translate3d(7%,-3%,0);opacity:.035}}
@media(max-width:600px){
 #hub-chooser .hub-choices{gap:18px}
 #hub-chooser .hub-choice-r26{min-height:446px;width:100%;max-width:360px;margin-inline:auto}
 #hub-chooser .hub-choice-r26 .hub-choice-copy{min-height:143px;padding:33px 19px 19px!important}
 #hub-chooser .hub-choice-title-r26{font-size:clamp(32px,9vw,43px)}
 body[data-library-theme=full] #games-appearance .games-default-fog-r26{width:130%;height:34%;opacity:.025}
}
@media(prefers-reduced-motion:reduce){#hub-chooser .hub-choice-enter-r26{transition:none}body[data-library-theme=full] #games-appearance .games-default-fog-r26{animation:none!important;opacity:.02}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){body[data-library-theme=full] #games-appearance .games-default-fog-r26{display:none!important}#hub-chooser .hub-choice-r26 .hub-choice-copy{background:#eed1a5}#hub-chooser .hub-choice-r26-youth .hub-choice-copy{background:#f4edc9}}
@media(forced-colors:active){
 #hub-chooser .hub-choice-r26{min-height:0!important;background:Canvas!important;border:1px solid CanvasText!important;box-shadow:none!important}
 #hub-chooser .hub-choice-r26 .hub-choice-scene-r26{display:none!important}
 #hub-chooser .hub-choice-r26 .hub-choice-copy{background:Canvas!important;color:CanvasText!important;padding:22px!important}
 #hub-chooser .hub-choice-r26 .hub-choice-copy h3{position:static;width:auto;height:auto;margin:0;padding:0;clip-path:none;overflow:visible;white-space:normal;font:700 22px/1.3 system-ui,sans-serif}
 #hub-chooser .hub-choice-r26 .hub-choice-copy p{color:CanvasText!important}
 #hub-chooser .hub-choice-r26 .hub-choice-enter-r26{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}
 #hub-chooser .hub-choice-enter-r26:focus-visible{outline-color:Highlight!important}
}

/* User-reviewed material pass: solid reading surfaces are in the content
   stacking context, above the full-screen art and particles. All preview
   image pixels and the chooser's painted palettes remain untouched. */
@media(forced-colors:none){
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) #library-main>.hub-intro{padding:24px;border:1px solid #73737355;border-radius:18px;background:linear-gradient(135deg,#202020 0%,#171717 32%,#111111 70%,#151515 100%);box-shadow:inset 0 1px #cecece18,0 14px 38px #0005}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) #library-main>.hub-toolbar{padding-inline:18px!important;background:linear-gradient(135deg,#191919,#111111 60%,#141414);border-radius:14px;box-shadow:inset 0 1px #c5c5c512,0 9px 24px #0004}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) :is(.hub-feature,.hub-app-card,.hub-library-note){background:linear-gradient(145deg,#1c1c1c 0%,#111111 44%,#141414 100%);border-color:#89898966;box-shadow:inset 0 1px #dfdfdf20,inset 0 -1px #0009,0 16px 40px #0008}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) :is(.hub-feature-copy,.hub-card-body){background:linear-gradient(140deg,#1a1a1a,#151515 45%,#171717);color:#eeeeee}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) .hub-section-heading{width:fit-content;max-width:100%;padding:10px 14px;border:1px solid #73737355;border-radius:12px;background:#151515}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) :is(.hub-preference-notice,.hub-footer){background:#111111;color:#d9d9d9}
 body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) #sanctuary-card{background-color:#151515}
 body[data-ar-document=games][data-library-theme=cyber]:not([data-reading-contrast=high]) :is(.hub-intro,.hub-toolbar,.hub-feature,.hub-app-card,.hub-library-note,.hub-section-heading,.hub-feature-copy,.hub-card-body){background-color:var(--games-ui-panel,#080a0d)!important}
}
@media(max-width:700px){body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) #library-main>.hub-intro{padding:20px}body[data-ar-document=games][data-library-theme=full]:not([data-reading-contrast=high]) #library-main>.hub-toolbar{padding-inline:12px!important}}
