body:not(.eden-standalone)>nav.has-gallery{display:flex!important}body>nav.has-gallery>button{flex:1;min-width:0!important}body>nav.has-gallery>button small{white-space:nowrap}body.gallery-open{overflow:hidden!important}:is(#artefactGallery,#characterGallery)[hidden]{display:none!important}:is(#artefactGallery,#characterGallery){position:fixed!important;inset:0!important;z-index:9900;display:grid!important;grid-template-rows:auto minmax(150px,1fr) auto auto;gap:0;background:#050911;color:#edf2ff;padding: max(16px,env(safe-area-inset-top)) 30px calc(96px + env(safe-area-inset-bottom));height:100dvh;box-sizing:border-box;isolation:isolate;font-family:Arial,sans-serif;overflow:hidden}body.gallery-open>nav{z-index:10000!important}:is(#artefactGallery,#characterGallery) *{box-sizing:border-box}:is(#artefactGallery,#characterGallery) button,:is(#artefactGallery,#characterGallery) a{font-family:inherit;color:#d5e6ff;text-transform:none;letter-spacing:0;cursor:pointer}:is(#artefactGallery,#characterGallery) button:focus-visible,:is(#artefactGallery,#characterGallery) a:focus-visible{outline:2px solid #c1b0ff;outline-offset:3px}:is(#artefactGallery,#characterGallery) .ag-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:2px 0 12px;background:none;border:0;inset:auto;height:auto;z-index:2}:is(#artefactGallery,#characterGallery) .ag-header p{font-size:12px;letter-spacing:.19em;color:#98a7c5;margin:0 0 6px}:is(#artefactGallery,#characterGallery) h1{font-size:clamp(21px,3vw,32px);font-weight:400;letter-spacing:-.03em;margin:0}:is(#artefactGallery,#characterGallery) .ag-close{background:#142036;border:1px solid #334059;border-radius:30px;font-size:14px;padding:12px 18px;min-height:44px}:is(#artefactGallery,#characterGallery) .ag-stage{position:relative;min-height:0;margin:0 -30px;overflow:hidden;border-top:1px solid #293044;border-bottom:1px solid #293044}:is(#artefactGallery,#characterGallery) .ag-canvas{width:100%;height:100%;touch-action:none}:is(#artefactGallery,#characterGallery) canvas{display:block;max-width:100%;height:100%;outline:none}:is(#artefactGallery,#characterGallery) .ag-room-hint{position:absolute;top:14px;left:30px;font-size:12px;color:#b6c6e0;pointer-events:none;background:#0509119c;padding:8px 12px;border-radius:20px}:is(#artefactGallery,#characterGallery) .ag-overview{position:absolute;right:25px;bottom:15px;padding:10px 17px;border:1px solid #5c6791;border-radius:25px;background:#0c142ade;font-size:14px;min-height:44px}:is(#artefactGallery,#characterGallery) .ag-status{position:absolute;left:25px;bottom:16px;max-width:60%;font-size:14px;background:#050911cf;padding:8px;color:#c7d7ef}:is(#artefactGallery,#characterGallery) [hidden]{display:none!important}:is(#artefactGallery,#characterGallery) .ag-information{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1000px;width:100%;margin:0 auto;padding:18px 0 14px}:is(#artefactGallery,#characterGallery) .ag-count{color:#a5a1c8;font-size:12px;letter-spacing:.14em}:is(#artefactGallery,#characterGallery) h2{font-size:23px;font-weight:400;letter-spacing:-.015em;margin:5px 0 7px;color:#eef0ff}:is(#artefactGallery,#characterGallery) .ag-description{font-size:16px;line-height:1.45;color:#b7c5dc;margin:0;max-width:760px}:is(#artefactGallery,#characterGallery) .ag-story{display:inline-block;font-size:14px;color:#b8caff;margin-top:9px;text-decoration:underline;text-underline-offset:4px}:is(#artefactGallery,#characterGallery) .ag-step{display:flex;gap:8px;flex:none}:is(#artefactGallery,#characterGallery) .ag-step button{width:46px;height:46px;border:1px solid #42516d;border-radius:50%;background:#101b30;font-size:27px}:is(#artefactGallery,#characterGallery) .ag-selector{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;width:100%;max-width:1000px;margin:0 auto}:is(#artefactGallery,#characterGallery) .ag-selector button{position:relative;overflow:hidden;aspect-ratio:1.3;border:1px solid #28334a;background:linear-gradient(145deg,#152039,#090e19);border-radius:10px;padding:4px;min-width:0}:is(#artefactGallery,#characterGallery) .ag-selector button[aria-pressed=true]{border-color:#b6adff;background:#302b4d;box-shadow:inset 0 0 20px #afa1ff18}:is(#artefactGallery,#characterGallery) .ag-selector img{height:100%;width:100%;object-fit:contain}:is(#artefactGallery,#characterGallery) .ag-selector span{position:absolute;left:6px;top:4px;font-size:12px;color:#c5cfe0;z-index:1}:is(#artefactGallery,#characterGallery) .ag-fallback{display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#2d2852,transparent 70%)}:is(#artefactGallery,#characterGallery) .ag-fallback img{height:90%;width:80%;object-fit:contain}
@media(max-width:600px){:is(#artefactGallery,#characterGallery){padding: max(12px,env(safe-area-inset-top)) 16px calc(91px + env(safe-area-inset-bottom))}:is(#artefactGallery,#characterGallery) .ag-stage{margin:0 -16px}:is(#artefactGallery,#characterGallery) .ag-header{padding-bottom:12px}:is(#artefactGallery,#characterGallery) .ag-header p{font-size:12px;letter-spacing:.1em}:is(#artefactGallery,#characterGallery) .ag-room-hint{left:12px;top:8px;font-size:12px}:is(#artefactGallery,#characterGallery) .ag-overview{right:12px;bottom:10px}:is(#artefactGallery,#characterGallery) .ag-information{padding:13px 0 11px;gap:8px;align-items:flex-start}:is(#artefactGallery,#characterGallery) h2{font-size:20px}:is(#artefactGallery,#characterGallery) .ag-description{font-size:14px;line-height:1.4}:is(#artefactGallery,#characterGallery) .ag-count{font-size:12px;letter-spacing:.06em}:is(#artefactGallery,#characterGallery) .ag-step{gap:4px;margin-top:18px}:is(#artefactGallery,#characterGallery) .ag-step button{height:40px;width:36px}:is(#artefactGallery,#characterGallery) .ag-selector{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px;gap:6px}:is(#artefactGallery,#characterGallery) .ag-selector button{width:54px;height:52px;flex:none}:is(#artefactGallery,#characterGallery) .ag-selector span{left:4px;top:3px}:is(#artefactGallery,#characterGallery) .ag-status{left:8px;bottom:5px}body>nav.has-gallery>button small{font-size:10px!important}}
@media(max-height:580px) and (min-width:600px){:is(#artefactGallery,#characterGallery){grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);grid-template-rows:auto minmax(90px,1fr) 55px;gap:8px;padding-bottom:85px}:is(#artefactGallery,#characterGallery) .ag-header{grid-column:1/-1}:is(#artefactGallery,#characterGallery) .ag-stage{grid-column:1;grid-row:2;margin:0}:is(#artefactGallery,#characterGallery) .ag-information{grid-column:2;grid-row:2;padding:0;overflow-y:auto;align-items:flex-start}:is(#artefactGallery,#characterGallery) .ag-selector{grid-column:1/-1;grid-row:3;display:flex;justify-content:center}:is(#artefactGallery,#characterGallery) .ag-selector button{width:48px;height:48px;flex:none}:is(#artefactGallery,#characterGallery) .ag-description{font-size:14px}:is(#artefactGallery,#characterGallery) h2{font-size:18px}}
:is(#artefactGallery,#characterGallery) .ag-header{width:100%;margin:0;clip-path:none;box-shadow:none;transform:none}:is(#artefactGallery,#characterGallery) .ag-header::before,:is(#artefactGallery,#characterGallery) .ag-header::after{display:none}body.gallery-open>nav.has-gallery{display:flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:600px){:is(#artefactGallery,#characterGallery){grid-template-rows:auto minmax(100px,1fr) auto auto;overflow-y:auto}}
:is(#artefactGallery,#characterGallery) .ag-header{height:auto!important;min-height:58px;padding:2px 0 12px!important;border:0!important;background:none!important;backdrop-filter:none}