.result-slot{min-width:0;perspective:900px;animation:card-arrive .7s cubic-bezier(.16,1,.3,1) both}.result-grid{padding:1.25em 1.5em;gap:1em;background:radial-gradient(ellipse at 50% 0,#303d704d,transparent 70%),#0c192b}.result-grid.single .result-slot{width:min(34%,calc(var(--screen-height, 100vh) * .49));width:min(34%,calc(var(--screen-height, 100svh) * .49))}.result-grid.single .result-card{width:100%}.holo-card{--tilt-x: 0deg;--tilt-y: 0deg;--glare-x: 38%;--glare-y: 24%;--card-color: #92d4ff;position:relative;isolation:isolate;border:2px solid transparent;border-radius:8px;background:linear-gradient(155deg,#17263c,#0b1223) padding-box,linear-gradient(135deg,#96faff,#b5a1ff 30%,#fc9cdd 55%,#f5e5ae 75%,#8af4e3) border-box;box-shadow:0 5px 14px #0007,inset 0 0 16px #a3caff10;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.holo-card[data-rarity="4"],.holo-card[data-rarity="5"]{background:linear-gradient(155deg,#23213b,#0b1223) padding-box,linear-gradient(135deg,var(--card-color),#a5fcff,#cc99ff,#ffe8ab,var(--card-color)) border-box;border-color:transparent}.holo-card[data-rarity="5"]{box-shadow:0 0 18px #f7c87725,0 5px 14px #0007}.holo-card.is-tilting{transition:transform .13s ease-out,box-shadow .3s;box-shadow:0 12px 28px #0009,0 0 22px #bca9ff38;z-index:5}.holo-card:focus-visible{outline:2px solid #fff0b5;outline-offset:4px}.card-foil{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:.4;transition:opacity .3s;background:repeating-linear-gradient(115deg,transparent 0 4px,#ffffff09 5px,transparent 6px 10px)}.card-foil:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 5%,#58d9ff25 18%,#bba1ff66 30%,#ff94d74d 40%,#fff4ba4d 47%,#80ffdb55 56%,#65bdff44 65%,transparent 82%);background-size:240% 240%;background-position:var(--glare-x) var(--glare-y);mix-blend-mode:screen;animation:foil-shimmer 9s ease-in-out infinite alternate}.card-foil:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--glare-x) var(--glare-y),#ffffff80,#d0e9ff10 30%,transparent 62%);mix-blend-mode:screen;opacity:.28;transition:opacity .3s}.holo-card.is-tilting .card-foil,.holo-card:focus-visible .card-foil{opacity:.8}.holo-card.is-tilting .card-foil:before{animation:none}.holo-card.is-tilting .card-foil:after,.holo-card:focus-visible .card-foil:after{opacity:.7}.holo-card canvas{position:relative;z-index:1}.keepsake-card canvas,.result-card[data-card-id] canvas{image-rendering:auto}.holo-card .result-top{z-index:3;color:var(--card-color);letter-spacing:.12em}.holo-card .result-name,.holo-card .result-description{position:relative;z-index:3}.holo-card .result-name{margin-top:.35em;letter-spacing:.035em}.result-card[data-card-id] .result-name{margin-bottom:.8em}.holo-card .result-description{color:#b5c9df;font-size:.72em}.card-type{color:#e0eafc;padding:.18em .45em;border:1px solid #c9d9ff44;background:#0b152aaa;font-size:.95em;letter-spacing:.08em}.keepsake-dialog .dialog-body{background:radial-gradient(ellipse at 50% 0,#2c315c80,transparent 65%),#0c192b}.keepsake-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2em;padding:.4em .3em 1em}.keepsake-slot{position:relative;isolation:isolate;min-width:0;perspective:900px;padding:.55em .55em 0 0}.keepsake-slot:before,.keepsake-slot:after{content:"";display:none;position:absolute;border:2px solid #8f9ed1;border-radius:8px;background:repeating-linear-gradient(135deg,#293657 0 6px,#202d4c 6px 12px);pointer-events:none}.keepsake-slot:before{inset:.275em;z-index:1}.keepsake-slot:after{inset:0 0 .55em .55em;z-index:0}.keepsake-slot[data-stack="1"]:before,.keepsake-slot[data-stack="2"]:before,.keepsake-slot[data-stack="2"]:after{display:block}.keepsake-card{position:relative;z-index:2;min-width:0;overflow:hidden;border:2px solid #586b8b;border-radius:8px;background:#14223a}.keepsake-card canvas{display:block;width:100%;height:auto;aspect-ratio:5 / 6}.keepsake-card .result-top{font-size:.65em}.keepsake-slot:not([data-stack="0"]) .keepsake-card .result-top{padding-right:3.5em}.keepsake-quantity{position:absolute;z-index:8;top:.9em;right:.9em;min-width:2.1em;max-width:calc(100% - 1.8em);padding:.22em .4em;border:1px solid #e7d9ff;border-radius:5px;background:#141f38ed;color:#fff4c7;box-shadow:0 2px 5px #0007;text-align:center;font-size:.85em;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;pointer-events:none}.keepsake-placeholder{display:grid;place-items:center;aspect-ratio:5 / 6;color:#adbbd4;background:radial-gradient(ellipse at center,#2d4262,#12223a 70%);font:700 clamp(2rem,6vw,5rem) Georgia,serif;text-shadow:0 2px 0 #071423}.keepsake-details{position:relative;z-index:3;padding:.65em .7em .8em;background:linear-gradient(#142035e6,#0c1629);border-top:1px solid #a9b8ef33}.keepsake-details h3{margin:0 0 .25em;font-size:.94em;letter-spacing:.03em}.keepsake-state{font-size:.95em;color:#b5c3db;letter-spacing:0}.keepsake-state.is-owned{color:#a4f0dc}#keepsakeCount{margin-left:.5em;font-size:.6em;color:#cfdbed;font-weight:400;text-shadow:none}@keyframes card-arrive{0%{opacity:0;transform:translateY(28px) scale(.92) rotateY(24deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}@keyframes foil-shimmer{0%{background-position:0% 30%}to{background-position:100% 70%}}@media(max-width:650px)and (orientation:portrait){.banner-toolbar{gap:.35em}.banner-toolbar button{padding:.4em .7em}.result-grid{padding:1.1em}.result-grid.single .result-slot{width:min(80%,calc(var(--screen-height, 100vh) * .44));width:min(80%,calc(var(--screen-height, 100svh) * .44))}.result-grid.single .result-card{width:100%}.keepsake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15em}}