@layer components{:root{--gallery-line: #6b6d76;--gallery-well: #1c1d20;--gallery-soft: #dfe1e8}.gallery-stage{container-type:inline-size}.gallery-stage-board{padding:18px;border-top:1px solid var(--board-edge);background:var(--board)}.gallery-stage-grid{--u: min(2px, calc((100cqw - 36px) / 946));display:grid;grid-template-columns:calc(516 * var(--u)) calc(419 * var(--u));grid-template-rows:auto minmax(calc(65 * var(--u)),1fr);grid-template-areas:"menu side" "details side";justify-content:center;gap:calc(11 * var(--u))}.gallery-at{position:absolute;top:calc(var(--y) * var(--u));left:calc(var(--x) * var(--u))}.gallery-stage [data-sprite]{display:block}.gallery-menu{position:relative;grid-area:menu;width:calc(516 * var(--u));height:calc(392 * var(--u))}.gallery-menu-art,.gallery-slot [data-sprite],.gallery-pod>[data-sprite]:first-child,.gallery-bonus-button [data-sprite]{width:100%;height:100%}.gallery-slot,.gallery-collected{width:calc(40 * var(--u));height:calc(40 * var(--u))}.gallery-pod{width:calc(48 * var(--u));height:calc(50 * var(--u))}.gallery-nametag{width:calc(36 * var(--u));height:calc(36 * var(--u))}.gallery-item{--inset: 0;position:absolute;top:calc(var(--inset) * var(--u));left:calc(var(--inset) * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));transition:translate .12s ease-out}.gallery-pod .gallery-item{--inset: 6}.gallery-collected .gallery-item{--inset: 2}.gallery-dots{position:absolute;top:calc(35 * var(--u));left:calc(-5 * var(--u));width:calc(39 * var(--u));height:calc(13 * var(--u));pointer-events:none}.gallery-pick{padding:0;border:0;border-radius:calc(4 * var(--u));background:none}.gallery-pick:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.gallery-nametag:after{inset:calc(-3 * var(--u))}.gallery-pick[aria-pressed=true]:after{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #efc86b73}.gallery-pick[aria-pressed=true] .gallery-item{translate:0 calc(-2 * var(--u))}.gallery-pick:focus-visible,.gallery-bonus-button:focus-visible{outline-color:#fff;outline-offset:2px}.gallery-multi{margin:0;color:#fff;font-family:var(--font-display);line-height:1;text-align:center;white-space:nowrap;translate:-50% 0}.gallery-multi span,.gallery-multi strong{display:block}.gallery-multi span{color:#c9ccd6;font-size:max(8px,calc(9 * var(--u)))}.gallery-multi strong{margin-top:calc(4 * var(--u));font-size:max(11px,calc(14 * var(--u)));font-weight:600}.gallery-bonus-button{width:calc(158 * var(--u));height:calc(37 * var(--u));padding:0;border:0;border-radius:calc(4 * var(--u));background:none;transition:filter .12s}.gallery-bonus-button:hover{filter:brightness(1.12)}.gallery-bonus-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--gold);filter:brightness(1.2)}.gallery-details,.gallery-plate{border:2px solid #b7b9c8;background:radial-gradient(ellipse at center,#434447 45%,#2b2c2f);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #28292d;color:#eef0f5}.gallery-stage h3{margin:0;color:#fff;font-family:var(--font-display);font-weight:600;letter-spacing:0;text-shadow:0 2px 0 #1b1c1f}.gallery-details{display:flex;grid-area:details;align-items:center;align-self:start;gap:18px;min-width:0;min-height:112px;padding:12px 22px;border-radius:26px}.gallery-details-art{flex-shrink:0;object-fit:contain;animation:gallery-turn-in .14s ease-out,gallery-rock 1.7s ease-in-out infinite alternate}@keyframes gallery-turn-in{0%{scale:.5}}@keyframes gallery-rock{0%{rotate:-9deg}to{rotate:9deg}}.gallery-details h3{font-size:18px;line-height:1.2}.gallery-details p{margin:0}.gallery-details-where{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px;color:#c9ccd6;font-size:12px}.gallery-details-where small{font-size:11px}.gallery-grade{padding:2px 7px;border-radius:3px;background:#1c1d20;color:#eef0f5;font-size:11px;font-weight:600}.gallery-grade[data-grade="1"]{background:#9195a1;color:#1b1c1f}.gallery-grade[data-grade="2"]{background:#e3dccb;color:#2b2718}.gallery-grade[data-grade="3"]{background:#eccaf6;color:#33203a}.gallery-grade[data-grade="4"]{background:#deaaab;color:#401421}.gallery-details-bonuses{display:flex;flex-wrap:wrap;gap:3px 16px;margin:8px 0 0;padding:0;list-style:none;font-size:12px;font-weight:600}.gallery-details-note{margin-top:8px;color:#c9ccd6;font-size:12px}.gallery-plate{display:flex;flex-direction:column;align-items:center;gap:max(14px,calc(14 * var(--u)));min-width:0;padding:max(14px,calc(14 * var(--u))) calc(16 * var(--u)) max(16px,calc(18 * var(--u)));border-radius:calc(14 * var(--u))}.gallery-side{grid-area:side}.gallery-wall-plate{grid-area:menu;min-height:calc(250 * var(--u))}.gallery-plate h3{font-size:max(15px,calc(17 * var(--u)));text-align:center}.gallery-side[data-side=trophy-bonuses] h3{color:#f6e7c6}.gallery-side[data-side=nametag-bonuses] h3{color:#c4e8ff}.gallery-wall{position:relative;flex-shrink:0;width:calc(var(--wall-width) * var(--u));height:calc(var(--wall-height) * var(--u));margin:auto}.gallery-side-note{max-width:260px;margin:auto;color:#c9ccd6;font-size:12px;line-height:1.6;text-align:center}.gallery-bonus-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-self:stretch;gap:calc(3 * var(--u)) calc(12 * var(--u));margin:0 0 auto;padding:0;list-style:none;font-size:max(11px,calc(11 * var(--u)));font-weight:600;line-height:1.25}.gallery-bonus-list li{padding:calc(3 * var(--u)) calc(9 * var(--u));border-radius:calc(8 * var(--u));background:#00000042}.gallery-dots-key{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(6 * var(--u)) calc(16 * var(--u));margin:0;padding:0;list-style:none;color:#c9ccd6;font-size:max(10px,calc(10 * var(--u)));font-weight:600;text-align:center}.gallery-dots-key [data-sprite]{width:calc(39 * var(--u));height:calc(13 * var(--u));margin-bottom:calc(3 * var(--u))}.gallery-priorities{--priority-row: rgb(0 0 0 / .26);--priority-row-hover: rgb(0 0 0 / .38);--priority-held: #55575e;--priority-held-shadow: rgb(0 0 0 / .5);--priority-name: #fff;--priority-note: #c9ccd6;--priority-grip: #9da1ad;--priority-result: var(--gold-light);--priority-rise: #a9e8b4;--priority-fall: #f3b0a8;--priority-idle: #a4a8b4;--ring: #fff;flex:1 1 0;align-self:stretch;scrollbar-color:#6b6d76 transparent}.gallery-priorities-note{flex-shrink:0;margin:0;color:#c9ccd6;font-size:11px;line-height:1.5;text-align:center}.gallery-moves:before,.gallery-key-moves{width:9px;height:9px;border:1px solid #1b1c1f;border-radius:50%;background:var(--gold)}.gallery-moves:before{content:"";position:absolute;top:calc(2 * var(--u));right:calc(2 * var(--u));z-index:1;width:max(5px,calc(8 * var(--u)));height:max(5px,calc(8 * var(--u)));box-shadow:0 0 6px #efc86bcc}.gallery-key-moves{display:inline-block}@container (max-width: 880px){.gallery-stage-board{padding:12px}.gallery-stage-grid{--u: min(1.5px, calc((100cqw - 24px) / 516));grid-template-columns:calc(516 * var(--u));grid-template-rows:auto;grid-template-areas:"menu" "details" "side"}.gallery-details{gap:14px;min-height:0;padding:12px 16px;border-radius:20px}.gallery-priorities{flex:none;max-height:340px}}@container (max-width: 540px){.gallery-stage-board{--pixel-rendering: auto}.gallery-details{min-height:184px}}@media(prefers-reduced-motion:reduce){.gallery-details-art{animation:none}.gallery-item{transition:none}}}