/* Floating collector cards: a flat wall of light, with the artwork kept intact. */
:is(#artefactGallery,#characterGallery).ag-deck{--deck-accent:#b7a1ff;background:radial-gradient(ellipse at 35% 35%,#171a31 0,transparent 65%),#060912;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:auto minmax(240px,1fr) 60px;gap:0 36px;padding-inline:clamp(18px,4vw,64px)}
:is(#artefactGallery,#characterGallery).ag-deck .ag-header{grid-column:1/-1;max-width:none;margin-bottom:8px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-stage{grid-column:1;grid-row:2;margin:0;border:0;background:transparent;grid-template-rows:minmax(0,1fr) 52px;isolation:isolate;overflow:hidden}
:is(#artefactGallery,#characterGallery).ag-deck .ag-stage::before{content:"";position:absolute;inset:0 0 52px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 24.85%,#a4bdff0a 25%,transparent 25.15%,transparent 74.85%,#a4bdff0a 75%,transparent 75.15%),radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--deck-accent) 12%,transparent),transparent 68%);border-radius:2px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-canvas{position:relative;grid-row:1;grid-column:1;touch-action:none;overflow:hidden;perspective:1600px}
.ag-deck-track{position:absolute;inset:0;perspective:1600px}
:is(#artefactGallery,#characterGallery) .ag-card{position:absolute;left:50%;top:50%;width:var(--card-width,250px);height:var(--card-height,375px);display:grid;grid-template-rows:minmax(0,1fr) auto;padding:10px;gap:5px;overflow:visible;border:1px solid color-mix(in srgb,var(--card-accent) 65%,#eafaff);border-radius:14px;background:linear-gradient(155deg,#24314af0,#101521 35%,#121320 80%,#28233b);box-shadow:0 18px 45px #0009,0 0 28px color-mix(in srgb,var(--card-accent) 14%,transparent),inset 0 0 0 3px #060914,inset 0 0 0 4px color-mix(in srgb,var(--card-accent) 22%,transparent);transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--card-step))) scale(.84) rotateY(calc(var(--offset) * -10deg));transition:transform .48s cubic-bezier(.2,.75,.2,1),opacity .35s,border-color .35s;opacity:.6;outline-offset:5px;will-change:transform;isolation:isolate;cursor:pointer}
:is(#artefactGallery,#characterGallery) .ag-card::before{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#dbfaffbf;border-bottom-color:var(--card-accent);border-radius:inherit;pointer-events:none;opacity:.7;box-shadow:0 -2px 10px #aeeaff18,0 3px 14px color-mix(in srgb,var(--card-accent) 20%,transparent);animation:ag-card-light 6s ease-in-out infinite}
:is(#artefactGallery,#characterGallery) .ag-card[data-position=active]{transform:translate(-50%,-50%);opacity:1;cursor:grab}
:is(#artefactGallery,#characterGallery) .ag-card[data-position=active]:active{cursor:grabbing}
:is(#artefactGallery,#characterGallery) .ag-card-art{display:block;position:relative;min-height:0;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--card-accent) 13%,#080e19),#090e18 72%)}
:is(#artefactGallery,#characterGallery) .ag-card-art img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:none;opacity:1;transform-origin:center;user-select:none;-webkit-user-drag:none}
:is(#artefactGallery,#characterGallery) .ag-card-caption{display:flex;align-items:center;gap:12px;min-height:43px;padding:6px 7px 0;text-align:left;color:#ecf3ff;font:500 14px/1.25 var(--projection-mono);border-top:1px solid #e0d5ff24}
:is(#artefactGallery,#characterGallery) .ag-card-caption small{color:var(--card-accent);font-size:12px;font-weight:400;letter-spacing:.08em}
:is(#artefactGallery,#characterGallery).ag-deck .ag-information{grid-column:2;grid-row:2;align-self:center;max-height:100%;overflow:auto;padding:24px 0;margin:0;align-items:flex-start}
:is(#artefactGallery,#characterGallery).ag-deck h2{font-size:clamp(24px,2.6vw,34px);line-height:1.15;letter-spacing:-.035em;margin:13px 0 18px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-description{font-size:16px;line-height:1.65;color:#b9c5d9}
:is(#artefactGallery,#characterGallery).ag-deck .ag-details-row{padding-top:18px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-story,:is(#artefactGallery,#characterGallery).ag-deck .ag-profile summary{font-size:14px;letter-spacing:0;text-transform:none}
:is(#artefactGallery,#characterGallery).ag-deck .ag-navigation{grid-column:1;grid-row:3;max-width:550px;border:0;height:60px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-view-tools{grid-column:1;grid-row:2;z-index:12;background:transparent;border-top:1px solid #c1b1ff18;padding:0 8px;position:relative}
:is(#artefactGallery,#characterGallery).ag-deck .ag-overview{flex-direction:row;font-size:14px;letter-spacing:0;text-transform:none}
:is(#artefactGallery,#characterGallery).ag-deck .ag-zoom .hx-shared-control{font-size:12px;letter-spacing:0;text-transform:none}
.ag-deck-hint{font:400 12px/1.4 var(--projection-mono);color:#9caac1;text-align:center}
:is(#artefactGallery,#characterGallery).ag-deck .ag-status{left:50%;bottom:70px;transform:translateX(-50%);z-index:20;max-width:90%;width:max-content;text-align:center;border:1px solid #b7a1ff44;background:#090d1ef0;border-radius:8px;padding:10px 14px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-room-hint{display:none!important}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px;overflow:auto;max-width:none;padding:20px 12px;align-content:start;z-index:15}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector button{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;width:100%;padding:7px;border-radius:8px;background:#101726;gap:8px;border:1px solid #8f85b84a}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector button[aria-pressed=true]{border-color:#d0b9ff;box-shadow:0 0 18px #b49bff30}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector img{width:100%;height:130px;object-fit:contain}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector span{position:static;font-size:12px;line-height:1.35;color:#d8e3f5}
:is(#artefactGallery,#characterGallery).ag-deck.ag-browsing .ag-status{display:none}
:is(#artefactGallery,#characterGallery).ag-deck.ag-zoomed .ag-card:not([data-position=active]){opacity:0;pointer-events:none}
:is(#artefactGallery,#characterGallery).ag-deck.ag-zoomed .ag-card-art img{will-change:transform}
.ag-paused .ag-card::before{animation-play-state:paused!important}
@keyframes ag-card-light{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:760px){
 :is(#artefactGallery,#characterGallery).ag-deck{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(230px,1fr) auto 54px;gap:0;padding-inline:16px;padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow-y:auto}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-header{grid-column:1;margin:0;padding-bottom:6px!important;min-height:60px}
 :is(#artefactGallery,#characterGallery).ag-deck h1{font-size:16px;letter-spacing:.04em}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-stage{grid-column:1;grid-row:2;margin:0 -16px;grid-template-rows:minmax(0,1fr) 46px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-stage::before{bottom:46px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-information{grid-column:1;grid-row:3;max-height:146px;align-self:stretch;padding:9px 0 4px}
 :is(#artefactGallery,#characterGallery).ag-deck h2{font-size:21px;margin:5px 0 7px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-description{font-size:16px;line-height:1.5}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-details-row{padding-top:4px;gap:14px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-navigation{grid-column:1;grid-row:4;height:54px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-view-tools{padding:0 16px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-view-tools .hx-shared-control{min-height:44px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-deck-hint{font-size:12px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-card{padding:7px;border-radius:11px;gap:4px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-card-caption{font-size:14px;min-height:35px;padding:4px 4px 0;gap:8px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-card-caption small{display:none}
 :is(#artefactGallery,#characterGallery).ag-deck.ag-zoomed .ag-information{max-height:66px}
}
@media(max-height:580px) and (orientation:landscape){
 :is(#artefactGallery,#characterGallery).ag-deck{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);grid-template-rows:54px minmax(140px,1fr) 48px;gap:0 20px;padding-top:4px;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow:auto}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-header{grid-column:1/-1;min-height:50px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-stage{grid-row:2;grid-column:1;margin:0;grid-template-rows:minmax(0,1fr) 44px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-information{grid-row:2;grid-column:2;max-height:100%;padding:0}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-navigation{grid-row:3;grid-column:1;height:48px}
 :is(#artefactGallery,#characterGallery).ag-deck .ag-deck-hint{display:none}
 :is(#artefactGallery,#characterGallery).ag-deck h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.ag-deck .ag-card,.ag-deck .ag-card::before{animation:none!important;transition:none!important}}