#galleryTabs{display:flex;gap:4px;padding:4px;margin:12px 0 16px;border-radius:14px;background:#e9edf780;border:1px solid #d9e1f1}#galleryTabs button{flex:1;min-height:44px;margin:0;padding:9px 6px;border:0;border-radius:10px;background:none;box-shadow:none;color:#8993ad;font:700 13px var(--font-text)}#galleryTabs button[aria-selected=true]{color:#485e8b;background:linear-gradient(110deg,#fff,#eff9ff 60%,#f8eeff);box-shadow:0 2px 6px #566c9512}.collectionSummary{display:flex;justify-content:space-between;gap:12px;color:#7d8da8;font:600 11px var(--font-text);letter-spacing:.08em;margin:0 2px 24px}.collectionSummary strong{color:#586e9c;font-size:15px;font-variant-numeric:tabular-nums}.cardSet{margin:0 0 27px}.cardSetHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.cardSetHeading h3{min-width:0;margin:0;color:#445779;font:600 14px/1.5 var(--font-text);overflow-wrap:anywhere}.cardSetCount{flex:none;color:#9ba6bb;font:500 10px var(--font-text)}.photocardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:start}#galleryDialog .photocard{display:block;min-width:0;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:8px;text-align:center;color:#8792ab;filter:none}.photocardFrame{position:relative;display:block;aspect-ratio:2/3;padding:3px;border:1px solid #d8dfef;border-radius:8px;background:#f7f9fc;box-shadow:0 3px 8px #57709212;overflow:hidden;transition:transform .18s ease}.photocardFrame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px;margin:0;background:#edf0f8}.photocard[data-unlocked=false] .photocardFrame:after{content:"";position:absolute;inset:0;background:#25335326;pointer-events:none}.cardLock{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:28px var(--font-text)}.photocardLabel{display:block;min-height:28px;padding-top:8px;color:#8b98ae;font:600 9px/1.4 var(--font-text);overflow-wrap:anywhere}.photocard[data-unlocked=true] .photocardLabel{color:#596f9a}.photocard[data-unlocked=true] .photocardFrame{border-color:#b7cbe6;background:linear-gradient(135deg,#e2f9ff,#fff,#f7def2)}.cardEarned,.cardFc{position:absolute;z-index:2;bottom:6px;padding:2px 4px;border-radius:4px;color:#fff;background:#68b6b7;font:800 9px var(--font-text);box-shadow:0 1px 4px #2343}.cardEarned{right:6px}.cardFc{left:6px;background:#ca8dbb}.cardLock[hidden],.cardEarned[hidden],.cardFc[hidden]{display:none}.photocard:focus-visible{outline:2px solid #80abc8;outline-offset:4px}.photocard:active .photocardFrame{transform:scale(.96)}#photocardDialog{max-width:460px;width:calc(100% - 24px);max-height:calc(100dvh - 30px);padding:20px;border:1px solid #d6e1f2;border-radius:22px;background:linear-gradient(155deg,#fff,#f2f8ff 55%,#faf0fa);color:#455779;box-shadow:0 18px 70px #40567944}#photocardDialog::backdrop{background:#24354d88}#photocardTitle{font:600 15px/1.5 var(--font-text);margin:0;overflow-wrap:anywhere}#photocardImage{display:block;width:100%;height:min(60dvh,520px);object-fit:contain;margin:16px 0;border-radius:12px;background:#e9eef6}#photocardDialog[data-locked=true][data-artwork-pending=false] #photocardImage{filter:blur(7px);opacity:.55}.photocardState{color:#95a3be;font:800 10px var(--font-text);letter-spacing:.2em;margin-top:14px}.photocardCondition{font:500 13px/1.8 var(--font-text);margin:9px 0 0;color:#5d7195}.photocardPending{font:500 10px/1.6 var(--font-text);color:#9ba6ba;letter-spacing:.1em;margin:8px 0}#rewardDialog{isolation:isolate;width:min(100% - 24px,460px);max-height:calc(100dvh - 24px);padding:26px 20px 20px;overflow:hidden;border:1px solid #fff;border-radius:25px;background:radial-gradient(ellipse at 50% 38%,#fff 10%,#eff9ff 45%,#f6eaf7);color:#506490;text-align:center;box-shadow:0 22px 90px #354f8270}#rewardDialog::backdrop{background:#263957ad}.rewardEyebrow{color:#a18fbd;font:800 11px var(--font-text);letter-spacing:.26em;margin:0 0 12px}#rewardTitle{position:relative;z-index:2;color:#475f88;font:600 16px/1.5 var(--font-text);margin:8px 0 0;overflow-wrap:anywhere}#rewardLabel{color:#a28ab6;font:700 11px var(--font-text);letter-spacing:.13em;margin:8px 0 0}.rewardStage{position:relative;perspective:1000px;width:min(66%,235px);aspect-ratio:2/3;margin:18px auto 20px}.rewardCard{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg) rotate(-6deg) scale(.86);transition:transform .85s cubic-bezier(.16,.8,.2,1)}.rewardFront,.rewardBack{position:absolute;inset:0;backface-visibility:hidden;border:4px solid #fff;border-radius:14px;overflow:hidden;background:#eef3fb;box-shadow:0 10px 24px #6d7da833}.rewardFront img{display:block;width:100%;height:100%;object-fit:contain}.rewardBack{transform:rotateY(180deg);background:linear-gradient(140deg,#d6f6ff,#e6dcfa,#fde5f2);display:grid;place-items:center;color:#fff;font:70px var(--font-text)}.rewardFront:after{content:"";position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 40%,#fff8 49%,transparent 58%);transform:translate(-70%) rotate(12deg);pointer-events:none}.revealed .rewardCard{transform:rotateY(0) rotate(0) scale(1)}.revealed .rewardFront:after{animation:cardShine 1.1s .45s ease-out both}#rewardGlitter{position:absolute;z-index:-1;inset:0;pointer-events:none;overflow:hidden}#rewardGlitter i{position:absolute;left:var(--x);top:22%;width:5px;height:10px;opacity:0;background:#b4c5f2;border-radius:1px;transform:rotate(45deg)}#rewardGlitter i:nth-child(3n){background:#ebafd1;width:4px;height:4px}#rewardGlitter i:nth-child(3n+1){background:#d3c79b}.revealed #rewardGlitter i{animation:cardGlitter 1.55s var(--delay) ease-out both}#rewardCondition{font-size:11px;line-height:1.6;margin:7px 0 0;color:#8997ad}#rewardNext{width:100%;min-height:48px;margin:20px 0 0;border:1px solid #b9d3eb;border-radius:12px;background:linear-gradient(110deg,#d5f4fb,#ece4fa);color:#4f6a99;box-shadow:0 3px 10px #6b86aa16;font:800 13px var(--font-text);letter-spacing:.08em}#resultAchievements{display:flex;gap:8px;margin-top:16px;justify-content:center;flex-wrap:wrap}.resultAward{display:block!important;padding:5px!important;border:1px solid #d9e3f1!important;border-radius:8px!important;background:#f8fbff!important;width:72px;text-align:center!important}.resultAward img{display:block;width:60px!important;height:90px!important;object-fit:contain;border-radius:4px}.resultAward span{display:block;color:#8194b0!important;font:600 8px/1.5 var(--font-text)!important;margin-top:5px}@keyframes cardShine{to{transform:translate(70%) rotate(12deg)}}@keyframes cardGlitter{15%{opacity:1}to{opacity:0;transform:translate(var(--drift),340px) rotate(230deg)}}@media(max-height:700px){#rewardDialog{padding-top:17px}.rewardStage{width:min(52%,180px);margin:12px auto}#rewardTitle{font-size:14px}#rewardNext{margin-top:12px}}@media(max-width:350px){.photocardGrid{gap:6px}.photocardLabel{font-size:8px}.cardSetHeading h3{font-size:13px}.photocardFrame{padding:2px}}@media(prefers-reduced-motion:reduce){.rewardCard{transition:none}.revealed .rewardFront:after,.revealed #rewardGlitter i{animation:none}.photocardFrame{transition:none}}.reduced .rewardCard{transition:none}.reduced .rewardFront:after,.reduced #rewardGlitter i{animation:none}.collectionSummary[hidden]{display:none}#rewardNext:focus-visible{outline:2px solid #abc0df;outline-offset:3px;box-shadow:none;filter:none}.photocardLabel{font-size:10px}.rewardStage:before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 12deg,#fff0 0deg 20deg,#fff 22deg 24deg,#fff0 26deg 45deg);mask-image:radial-gradient(transparent 30%,#000 45%,transparent 70%);opacity:0;pointer-events:none}.revealed .rewardStage:before{animation:cardBloom 1.15s ease-out both}@keyframes cardBloom{20%{opacity:.9}to{opacity:0;transform:scale(1.25) rotate(8deg)}}@media(max-width:350px){.photocardLabel{font-size:9px}}@media(prefers-reduced-motion:reduce){.revealed .rewardStage:before{animation:none}}.reduced .rewardStage:before{animation:none}.photocard[data-unlocked=false][data-artwork-pending=false] .photocardFrame img{filter:blur(2.5px);opacity:.58}.photocardSurface{--card-radius:24px;--card-outline:3px;box-sizing:border-box;clip-path:inset(0 round var(--card-radius));border:0;border-radius:var(--card-radius);overflow:hidden;padding:var(--card-outline);background:linear-gradient(135deg,#fff,#d6e9f3 30%,#fff 55%,#e6d9ed 82%,#fff)}.photocardSurface>img{clip-path:none;border-radius:calc(var(--card-radius) - var(--card-outline));background:none}.photocardFrame.photocardSurface{--card-radius:8px;--card-outline:2px;filter:drop-shadow(0 3px 5px #57709220);box-shadow:none}.photocardFrame.photocardSurface>img{object-fit:contain}.photocard[data-unlocked=true] .photocardFrame.photocardSurface{background:linear-gradient(135deg,#fff,#badce8 40%,#fff 60%,#d9c5e9)}.photocardDisplay{width:min(100%,calc(56dvh * 2 / 3),320px);aspect-ratio:2/3;margin:16px auto 18px;filter:drop-shadow(0 7px 10px #445b852b)}#photocardImage{width:100%;height:100%;object-fit:contain;margin:0;border-radius:calc(var(--card-radius) - var(--card-outline));background:none}.photocardDisplay:after{border-radius:inherit;content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #fff9}.photocardDisplay{position:relative}#photocardTitle{color:#455779;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;letter-spacing:0}#photocardDialog .close{width:44px;height:44px;min-width:44px;margin:0;padding:0;border:1px solid #d5e0ef;border-radius:12px;background:#f5f8fd;color:#536c96;box-shadow:none;filter:none;text-shadow:none;font:24px var(--font-text)}.rewardStage{filter:drop-shadow(0 12px 12px #56678335)}.rewardFront.photocardSurface,.rewardBack.photocardSurface{border:0;border-radius:var(--card-radius);box-shadow:none}.rewardFront.photocardSurface{background:linear-gradient(125deg,#fff,#c7e9f1 30%,#fff,#e9cae4 80%,#fff)}.rewardBack.photocardSurface{background:linear-gradient(140deg,#cceffa,#e1d5f2,#f4d7e8)}.resultAward img{clip-path:none;border-radius:7px}.cardFoil{display:none;position:absolute;inset:var(--card-outline,3px);z-index:1;overflow:hidden;clip-path:none;border-radius:calc(var(--card-radius) - var(--card-outline));pointer-events:none;mix-blend-mode:screen;opacity:.7}[data-holographic=true]>.cardFoil{display:block}.cardFoil:before{content:"";position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 14%,#54ddf633 23%,#84f2ceaa 31%,#f6ef94aa 39%,#f5a4d6bb 46%,#b4b2f5aa 53%,#7ce0ef99 61%,transparent 72%);transform:translate(-22%,-12%) rotate(-12deg);opacity:.65}.cardFoil:after{content:"";position:absolute;inset:-45%;background:linear-gradient(115deg,transparent 38%,#fff0 43%,#fffc 49%,#fff0 55%,transparent 62%),repeating-linear-gradient(115deg,#fff2 0 1px,transparent 1px 6px);transform:translate(-32%);opacity:.4}#photocardDialog[open] .cardFoil:before,#rewardDialog[open].revealed .cardFoil:before{animation:foilDrift 5s ease-in-out infinite alternate}#photocardDialog[open] .cardFoil:after,#rewardDialog[open].revealed .cardFoil:after{animation:foilGlint 6.4s ease-in-out infinite}.photocardDisplay[data-holographic=true],.rewardFront.photocardSurface[data-holographic=true]{background:linear-gradient(125deg,#fff,#85d8ee 20%,#c6ecc4 36%,#fff2b9 49%,#e8abc9 63%,#c6b3ea 79%,#fff);touch-action:pan-y}#photocardDialog[data-holographic=true] .photocardState{color:#9c70a8;letter-spacing:.12em}.photocard[data-holographic=true] .photocardFrame.photocardSurface{--card-outline:3px;background:linear-gradient(125deg,#84d9eb,#d1b3ef 28%,#f5c3db 50%,#f4e3a5 70%,#a9e3cf)!important}.photocard[data-holographic=true] .cardFc{color:#fff;background:linear-gradient(110deg,#848dcc,#bd7dba);box-shadow:none}.resultAward[data-holographic=true]{border-color:#c7a4d8!important;background:linear-gradient(125deg,#e8faff,#f3e8fd 50%,#fff5dc)!important}.resultAward[data-holographic=true] span{color:#9873ac!important}#rewardDialog[data-holographic=true]{border-color:#dfbde8;background:radial-gradient(ellipse at 50% 38%,#fff 10%,#edfaff 42%,#f6e7fa 75%,#fff0db)}#rewardDialog[data-holographic=true] .rewardEyebrow{color:#966aa6;letter-spacing:.18em}#rewardDialog[data-holographic=true] #rewardLabel{color:#9f6ca8}#rewardDialog[data-holographic=true].revealed .rewardStage:after{content:"";position:absolute;inset:-12px;border:2px solid #c3b7ed;border-radius:36px;pointer-events:none;animation:hologramBloom 1.25s .35s ease-out both}@keyframes foilDrift{0%{transform:translate(-22%,-12%) rotate(-12deg);opacity:.5}to{transform:translate(22%,12%) rotate(12deg);opacity:.85}}@keyframes foilGlint{0%,to{transform:translate(-32%) rotate(-6deg);opacity:.18}50%{transform:translate(32%) rotate(6deg);opacity:.65}}@keyframes hologramBloom{0%{opacity:.75;transform:scale(.98)}to{opacity:0;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){#photocardDialog[open] .cardFoil:before,#photocardDialog[open] .cardFoil:after,#rewardDialog[open].revealed .cardFoil:before,#rewardDialog[open].revealed .cardFoil:after,#rewardDialog[data-holographic=true].revealed .rewardStage:after{animation:none}}.reduced #photocardDialog[open] .cardFoil:before,.reduced #photocardDialog[open] .cardFoil:after,.reduced #rewardDialog[open].revealed .cardFoil:before,.reduced #rewardDialog[open].revealed .cardFoil:after,.reduced #rewardDialog[data-holographic=true].revealed .rewardStage:after{animation:none}
