:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#07090d;--surface:#10141c;--surface-2:#171d29;--line:#1e2633;--line-2:#2d394d;--text:#e9edf4;--text-dim:#9aa5b8;--text-faint:#5e6a7f;--yellow:#fcee0a;--cyan:#00e5ff;--magenta:#ff2a6d;--on-accent:#07090d;--rarity-common:#8a94a6;--rarity-uncommon:#3ddc97;--rarity-rare:#3e8bff;--rarity-iconic:#ff6b2c;--rarity-epic:#b04bff;--rarity-secret:#ffc24b;--rarity-iconicsecret:#ff7ad9;--prism:conic-gradient(from 200deg,#ff5f9e,#ffe14d,#5dff9a,#4de1ff,#8a6bff,#ff5f9e);--prism-linear:linear-gradient(100deg,#ff5f9e,#ffe14d,#5dff9a,#4de1ff,#8a6bff,#ff5f9e);--font-ui:"Chakra Petch",Bahnschrift,"Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Cascadia Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--bevel:14px;--tap:44px;--gutter:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}[data-rarity]{--r:var(--rarity-common);--r-fill:var(--r);--r-rank:0}[data-rarity=Uncommon]{--r:var(--rarity-uncommon);--r-fill:var(--r);--r-rank:1}[data-rarity=Rare]{--r:var(--rarity-rare);--r-fill:var(--r);--r-rank:2}[data-rarity=Iconic]{--r:var(--rarity-iconic);--r-fill:var(--r);--r-rank:3}[data-rarity=Epic]{--r:var(--rarity-epic);--r-fill:var(--r);--r-rank:4}[data-rarity=Secret]{--r:var(--rarity-secret);--r-fill:var(--r);--r-rank:5}[data-rarity=IconicSecret]{--r:var(--rarity-iconicsecret);--r-fill:var(--prism-linear);--r-rank:6}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font:400 1rem/1.45 var(--font-ui);background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--cyan)7%,transparent),transparent 70%),var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100svh;margin:0}body:before{content:"";position:fixed;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");inset:0}h1,h2,h3,h4{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:var(--cyan)}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.visually-hidden{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.bevel{clip-path:polygon(var(--bevel)0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel))100%,0 100%,0 var(--bevel))}.outline{position:relative;isolation:isolate;background:var(--outline,var(--line))}.outline:before{content:"";position:absolute;z-index:-1;background:var(--fill,var(--surface));clip-path:polygon(calc(var(--bevel) - .59px)0,100% 0,100% calc(100% - var(--bevel) + .59px),calc(100% - var(--bevel) + .59px)100%,0 100%,0 calc(var(--bevel) - .59px));inset:1px}.panel{--bevel:14px;padding:16px}.btn{--bevel:12px;position:relative;isolation:isolate;display:inline-flex;min-width:var(--tap);min-height:var(--tap);color:var(--on-accent);background:var(--yellow);font:700 .9rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;clip-path:polygon(var(--bevel)0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel))100%,0 100%,0 var(--bevel));transition:transform .12s var(--ease-out),filter .12s;border:0;justify-content:center;align-items: center;gap:.5rem;padding:0 1.25rem}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)scale(.985)}.btn:focus-visible{outline-offset:-5px}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;filter:none;transform:none}.btn--cyan{background:var(--cyan)}.btn--danger{background:var(--magenta);color:#fff}.btn--ghost{--outline:var(--cyan);color:var(--cyan);background:var(--cyan)}.btn--ghost:before{content:"";position:absolute;z-index:-1;background:var(--bg);clip-path:polygon(calc(var(--bevel) - .59px)0,100% 0,100% calc(100% - var(--bevel) + .59px),calc(100% - var(--bevel) + .59px)100%,0 100%,0 calc(var(--bevel) - .59px));inset:1px}.btn--lg{min-height:56px;padding:0 1.75rem;font-size:1rem}.chip{display:inline-flex;min-width:var(--tap);min-height:var(--tap);color:var(--text-dim);background:var(--surface);border:1px solid var(--line);font:600 .78rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items: center;padding:0 .9rem;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip[aria-pressed=true]{color:var(--r,var(--cyan));border-color:var(--r,var(--cyan));background:color-mix(in srgb,var(--r,var(--cyan))12%,var(--surface))}.tag{display:inline-flex;color:var(--r,var(--cyan));border:1px solid color-mix(in srgb,currentColor 55%,transparent);font:600 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items: center;gap:.4em;padding:.3em .55em}.tag:before{content:"";background:currentColor;width:.55em;height:.55em;transform:rotate(45deg)}number-flow-react{font-family:inherit;font-weight:inherit;--number-flow-char-height:1em}.progress{display:grid;gap:.5rem}.progress__label{display:flex;font:600 .8rem/1 var(--font-mono);color:var(--text-dim);justify-content:space-between;align-items:baseline}.progress__bar{position:relative;background:var(--surface-2);clip-path:polygon(0 0,100% 0,calc(100% - 6px)100%,0 100%);overflow:hidden;height:10px}.progress__fill{position:absolute;width:var(--value,0%);background:linear-gradient(90deg,var(--cyan),var(--yellow));transition:width 1.1s var(--ease-out);inset:0 auto 0 0}.progress__fill:after{content:"";position:absolute;animation:2.8s ease-in-out 1.2s infinite progress-sheen;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);inset:0;transform:translate(-100%)}@keyframes progress-sheen{60%,to{transform:translate(100%)}}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--surface)94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.tabbar__item{position:relative;display:flex;color:var(--text-dim);font:600 .68rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items: center;gap:.25rem;min-height:60px;padding:0}.tabbar__item svg{width:22px;height:22px}.tabbar__item[aria-current=page]{color:var(--yellow)}.tabbar__item[aria-current=page]:before{content:"";position:absolute;background:var(--yellow);box-shadow:0 0 12px var(--yellow);height:2px;inset:0 25% auto}.glitch-once{animation:.5s steps(2,end) glitch}@keyframes glitch{0%,to{transform:none;text-shadow:none;clip-path:none}12%{transform:translate(-3px,1px);text-shadow:3px 0 var(--magenta),-3px 0 var(--cyan);clip-path:inset(10% 0 55% 0)}26%{transform:translate(3px,-1px);text-shadow:-3px 0 var(--magenta),3px 0 var(--cyan);clip-path:inset(55% 0 8% 0)}42%{transform:translate(-2px);text-shadow:2px 0 var(--magenta),-2px 0 var(--cyan);clip-path:none}58%{transform:translate(2px,1px);text-shadow:-2px 0 var(--magenta);clip-path:inset(30% 0 35% 0)}74%{transform:translate(-1px);text-shadow:1px 0 var(--cyan);clip-path:none}}.stagger-item{animation:stagger-in .5s var(--ease-out)both;animation-delay:var(--stagger,0s)}@keyframes stagger-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}::view-transition-old(.vt-page-exit){animation:.14s ease-in both vt-out}::view-transition-new(.vt-page-enter){animation:.28s var(--ease-out)both vt-in}@keyframes vt-out{to{opacity:0;transform:translate(-16px)}}@keyframes vt-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.card{--persp:700px;--radius:3.8%/2.7%;position:relative;display:block;width:var(--card-w,100%);aspect-ratio:733/1024;perspective:var(--persp);isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card[role=button]{cursor:pointer}.card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:var(--radius)}.card__glow{position:absolute;z-index:-1;border-radius:var(--radius);pointer-events:none;opacity:max(calc(var(--o,0)*.8),var(--glow,0));box-shadow:0 0 26px 1px color-mix(in srgb,var(--r)75%,transparent),0 0 70px -8px var(--r);inset:0}.card[data-fx=high-rarity]{--glow:.7}.card[data-fx=high-rarity] .card__glow{animation:2.4s ease-in-out infinite halo-pulse}@keyframes halo-pulse{50%{transform:scale(1.045);opacity:1}}.card__aura{position:absolute;z-index:-2;pointer-events:none;opacity:.9;-webkit-mask-image:radial-gradient(closest-side,#000 28%,#0000 74%);mask-image:radial-gradient(closest-side,#000 28%,#0000 74%);animation:7s linear infinite aura-spin;background:conic-gradient(#ffd27a,#fff3c4,#ffb23e,#ffe9a8,#ffd27a);border-radius:50%;inset:-24% -34%}.card[data-rarity=IconicSecret] .card__aura{background:var(--prism)}@keyframes aura-spin{to{transform:rotate(360deg)}}.card__tilt{position:absolute;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg))rotateX(var(--rx,0deg))scale(calc(1 + var(--o,0)*.04));inset:0}.card[data-active=true] .card__tilt{will-change:transform}.card__flip{position:absolute;transform-style:preserve-3d;transition:transform calc(.75s*var(--t-scale,1))var(--ease-spring);inset:0}.card[data-face=down] .card__flip{transform:rotateY(180deg)}.card__face{position:absolute;overflow:hidden;isolation:isolate;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0}.card__front{background:var(--surface-2);box-shadow:0 10px 20px -10px #000}.card__front img{display:block;object-fit:cover;width:100%;height:100%}.card__gl{position:absolute;display:block;border-radius:inherit;pointer-events:none;width:100%;height:100%;inset:0}.card__glare{position:absolute;border-radius:inherit;pointer-events:none;opacity:calc(var(--o,0)*.7);background:radial-gradient(farthest-corner circle at var(--px,50%)var(--py,50%),#ffffff8c 0%,#ffffff29 24%,transparent 60%);mix-blend-mode:soft-light;inset:0}.card__front[data-gl=on] .card__glare{display:none}.card__foilcss{position:absolute;border-radius:inherit;pointer-events:none;opacity:calc(var(--o,0)*.8);mix-blend-mode:color-dodge;background-size:260% 260%;background-position:var(--px,50%)var(--py,50%);inset:0}.card__foilcss[data-finish=none]{display:none}.card__foilcss[data-finish=holo]{-webkit-mask-image:linear-gradient(#000 60%,#0000 72%);mask-image:linear-gradient(#000 60%,#0000 72%);background-image:repeating-linear-gradient(115deg,#ff7a75 0%,#ffed61 6%,#a8ff61 12%,#85fff7 18%,#7a95ff 24%,#d875ff 30%,#ff7a75 36%)}.card__foilcss[data-finish=galaxy]{-webkit-mask-image:linear-gradient(#000 62%,#0000 74%);mask-image:linear-gradient(#000 62%,#0000 74%);background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,#0000 2px),repeating-linear-gradient(125deg,#d466ff,#708dff 8%,#70fff5 16%,#d466ff 24%);background-size:18px 18px,27px 27px,260% 260%}.card__foilcss[data-finish=textured]{background-image:repeating-linear-gradient(45deg,#ffffff59 0 1px,#0000 1px 5px),repeating-linear-gradient(115deg,#ff884c,#ffeb52 8%,#66fff5 16%,#d466ff 24%,#ff884c 32%);background-size:auto,260% 260%}.card__foilcss[data-finish=gold]{background-image:linear-gradient(115deg,#261d0d 0%,#825e17 30%,#facf42 44%,#a57412 52%,#fbda56 60%,#543a12 78%,#261d0d 100%)}.card__foilcss[data-finish=brilliant]{background-image:repeating-conic-gradient(from 0deg at var(--px,50%)var(--py,50%),#404040 0 1.2deg,#b3b3b3 1.2deg 2.4deg),conic-gradient(from 90deg at var(--px,50%)var(--py,50%),#ff5f9e,#ffe14d,#5dff9a,#4de1ff,#8a6bff,#ff5f9e);background-blend-mode:soft-light,normal;background-position:0 0;background-size:100% 100%}.card__back{background:radial-gradient(120% 80% at 50% 0%,#1b2438,#07090d 70%);transform:rotateY(180deg);box-shadow:0 10px 20px -10px #000}.card__back:before{content:"";position:absolute;background:repeating-linear-gradient(45deg,#fcee0a12 0 1px,#0000 1px 10px),repeating-linear-gradient(-45deg,#00e5ff0f 0 1px,#0000 1px 14px);inset:0}.card__back:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--yellow)85%,transparent);border-radius:3%/2.2%;inset:4%}.card__back-art{position:absolute;width:100%;height:100%;inset:0}.trade__count{color:var(--text);background:var(--surface-2);margin-left:.5em;padding:2px 5px;font-size:.7rem}.offers{display:grid;list-style:none;gap:12px;margin:0;padding:0}.offer{--bevel:14px;display:grid;background:var(--surface);border-left:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - var(--bevel))0,100% var(--bevel),100% 100%,0 100%);gap:12px;padding:14px}.offer[data-status=accepted]{border-color:var(--yellow)}.offer[data-status=refused],.offer[data-status=cancelled],.offer[data-status=expired]{border-color:var(--line-2)}.offer__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.offer__who{overflow-wrap:anywhere}.offer__partner{display:inline-flex;min-height:var(--tap);color:var(--cyan);align-items: center;font-weight:600}.offer__when{font-size:.75rem}.offer__sides{display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);align-items: start;gap:10px}@media (width>=640px){.offer__sides{grid-template-columns:auto auto auto;justify-content:start;column-gap:28px}}.offer__side{display:grid;gap:8px;min-width:0}.offer__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem}.offer__arrows{color:var(--yellow);align-self: center;font-size:1.2rem}.offer__error{color:var(--magenta);font-size:.85rem}.offer__actions{display:flex;flex-wrap:wrap;gap:8px}.offer__actions .btn{flex:auto}.thumbs{display:flex;list-style:none;flex-wrap:wrap;gap:6px;margin:0;padding:0}.thumb{position:relative;display:block;aspect-ratio:733/1024;overflow:hidden;background:var(--surface-2);border:0;border-bottom:3px solid var(--r);cursor:pointer;border-radius:3px;width:46px;padding:0}.thumb img{display:block;object-fit:cover;width:100%;height:100%}.thumb:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.thumb__n{position:absolute;color:var(--on-accent);background:var(--yellow);padding:2px 4px;font-size:.65rem;font-weight:700;bottom:0;right:0}@media (width>=640px){.thumb{width:58px}}.compose__who{color:var(--cyan);overflow-wrap:anywhere}.compose__hint{font-size:.85rem}.compose__grid .grid__item[data-picked] .card{outline:2px solid var(--yellow);outline-offset:3px;border-radius:4px}.compose__grid .grid__item[data-picked] .badge{background:var(--cyan)}.picker{display:grid;gap:12px}.picker__list{display:grid;list-style:none;gap:6px;margin:0;padding:0}.picker__player{min-height:var(--tap);color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);font:600 .95rem/1 var(--font-mono);cursor:pointer;width:100%;padding:0 14px}.picker__player:hover{border-color:var(--cyan);color:var(--cyan)}.picker__player:focus-visible{border-color:var(--cyan);color:var(--cyan)}.picker__note{font-size:.8rem}.recap{position:sticky;bottom:calc(var(--tab-h) + 8px);z-index:10;display:grid;background:color-mix(in srgb,var(--surface)94%,transparent);border:1px solid var(--line-2);border-top:2px solid var(--yellow);backdrop-filter:blur(10px);gap:10px;padding:12px;box-shadow:0 -12px 30px #00000080}.recap__row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items: center;gap:8px}.recap__label{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.recap__none{display:flex;align-items: center;min-height:44px}.recap .thumb{aspect-ratio:auto;width:44px;height:44px}.recap .thumb img{object-position:50% 20%}.recap__error{color:var(--magenta);font-size:.85rem}.recap__send{width:100%}@media (width>=720px){.recap{grid-template-columns:1fr 1fr auto;align-items: center}.recap__error{grid-column:1/-1;grid-row:2}}.player__name{color:var(--cyan);overflow-wrap:anywhere}.owners{display:grid;border-top:1px solid var(--line);justify-items:start;gap:12px;width:100%;margin-top:8px;padding-top:18px}.owners__title{color:var(--cyan);font-size:1.1rem}.owners__list{display:grid;list-style:none;gap:8px;width:100%;margin:0;padding:0}.owners__row{display:grid;grid-template-columns:minmax(0,1fr)auto auto;background:var(--surface);border:1px solid var(--line);align-items: center;gap:12px;padding:4px 4px 4px 14px}.owners__who{display:flex;min-height:var(--tap);overflow:hidden;color:var(--text);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;align-items: center}.owners__who:hover{color:var(--cyan)}.swap{position:fixed;z-index:60;display:grid;grid-template-rows:minmax(0,1fr)auto;padding:calc(env(safe-area-inset-top,0px) + 12px)var(--gutter)calc(var(--safe-bottom) + 20px);overflow:hidden;background:radial-gradient(60% 40% at 50% 45%,color-mix(in srgb,var(--cyan)12%,transparent),transparent 70%),color-mix(in srgb,var(--bg)94%,transparent);backdrop-filter:blur(8px);animation:.25s ease-out both swap-in;inset:0}.swap__stage{position:relative;min-height:260px}.swap__fan{--w:min(32vw,30svh*733/1024,190px);position:absolute;display:flex;animation:1.3s cubic-bezier(.65,0,.35,1) both;justify-content:center;align-items: center;inset:0}.swap__card{width:var(--w);margin:0 calc(var(--w)*-.28);transform:rotate(calc(var(--fan,0)*7deg))translateY(calc(var(--fan,0)*var(--fan,0)*5px));flex:none}.swap__fan--gave{animation-name:swap-gave}.swap__fan--got{z-index:1;animation-name:swap-got}.swap__flash{position:absolute;background:var(--yellow);box-shadow:0 0 18px 3px var(--yellow),0 0 60px 10px color-mix(in srgb,var(--cyan)60%,transparent);opacity:0;animation:1.3s linear both swap-flash;height:2px;inset:50% -10% auto}.swap__text{display:grid;text-align:center;animation:swap-text .4s var(--ease-out)1.1s both;justify-items:center;gap:8px}.swap__title{color:var(--yellow);font-size:clamp(1.6rem,7vw,2.4rem)}.swap__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.swap[data-reduced],.swap[data-reduced] .swap__fan,.swap[data-reduced] .swap__text{animation:none}@keyframes swap-in{0%{opacity:0}}@keyframes swap-gave{0%{transform:translateY(34%)}18%{transform:translate(-16%,28%)scale(.95);opacity:1}78%{transform:translate(-16%,-58%)scale(.72);opacity:1}to{transform:translateY(-95%)scale(.5);opacity:0}}@keyframes swap-got{0%{transform:translateY(-95%)scale(.5);opacity:0}22%{transform:translate(16%,-58%)scale(.72);opacity:1}82%{transform:translate(16%,24%)scale(.95)}to{transform:none}}@keyframes swap-flash{0%,38%{opacity:0;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}70%,to{opacity:0;transform:scaleX(1.1)}}@keyframes swap-text{0%{opacity:0;transform:translateY(12px)}}.particles{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.flash{position:absolute;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fff 0%,var(--flash,var(--cyan))38%,transparent 75%);mix-blend-mode:screen;inset:0}.po{position:fixed;z-index:100;overflow:hidden;color:var(--text);background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none;--t-scale:1;inset:0}.po__bg{position:absolute;background:radial-gradient(60% 42% at 50% 30%,color-mix(in srgb,var(--cyan)15%,transparent),transparent 70%),radial-gradient(70% 40% at 50% 100%,color-mix(in srgb,var(--magenta)11%,transparent),transparent 70%),var(--bg);inset:0}.po__stage{position:absolute;z-index:2;display:grid;outline:none;place-items: center;inset:0}.po[data-phase=summary] .po__stage{pointer-events:none}.pack{--tear:0;position:relative;aspect-ratio:300/480;touch-action:none;cursor:grab;filter:drop-shadow(0 22px 28px #000000a6);width:min(66vw,300px,40svh)}.po[data-phase=sealed] .pack{animation:3.6s ease-in-out infinite pack-float}@keyframes pack-float{50%{transform:translateY(-9px)rotate(.6deg)}}.pack__part{position:absolute;inset:0}.pack__svg{display:block;width:100%;height:100%}.pack__strip-attached,.pack__strip-torn{position:absolute;inset:0}.pack__strip-attached{clip-path:inset(0 0 0 calc(var(--tear)*100%))}.pack__strip-torn{clip-path:inset(0 calc((1 - var(--tear))*100%)0 0);transform-origin:calc(var(--tear)*100%)14.6%;transform:rotate(calc(var(--tear)*-16deg))translateY(calc(var(--tear)*-3%))}.pack__slit{position:absolute;width:calc(var(--tear)*100%);background:linear-gradient(90deg,transparent,#fff 70%,var(--cyan));box-shadow:0 0 22px 5px var(--cyan);opacity:min(1,calc(var(--tear)*8));pointer-events:none;height:2.4%;top:14.6%;left:0;transform:translateY(-50%)}.pack__light{position:absolute;z-index:-1;pointer-events:none;opacity:calc(var(--tear)*.9);background:radial-gradient(ellipse at 50% 18%,#ffffffd9,var(--cyan)22%,transparent 62%);mix-blend-mode:screen;inset:-30% -45%}.deck{--card-w:min(74vw,340px,44svh);position:relative;width:var(--card-w);aspect-ratio:733/1024;animation:deck-in .6s var(--ease-out)both}@keyframes deck-in{0%{opacity:0;transform:translateY(14%)scale(.88)}}.deck__slot{--card-w:100%;--d:0;position:absolute;z-index:calc(10 - var(--d));opacity:clamp(0,calc(4 - var(--d)),1);transform:translate3d(0,calc(var(--d)*-9px),0)scale(calc(1 - var(--d)*.04));transition:transform calc(.55s*var(--t-scale))var(--ease-out),opacity calc(.4s*var(--t-scale));inset:0}.deck__slot[data-state=deck]{pointer-events:none}.deck__slot[data-state=gone]{z-index:11;opacity:0;pointer-events:none;transform:translate(-125%,-14%)rotate(-16deg)scale(.7)}.po[data-takeover] .deck__slot[data-top=true]{transform:scale(1.14)}.po__takeover{position:absolute;z-index:1;display:grid;overflow:hidden;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--r)38%,#000)0%,#000 72%);animation:takeover-in calc(.9s*var(--t-scale))var(--ease-out)both;place-items: start center;padding-top:11svh;inset:0}@keyframes takeover-in{0%{opacity:0}}.po__rays{position:absolute;opacity:.55;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--r)60%,transparent)0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#0000 8%,#000 30%,#0000 62%);mask-image:radial-gradient(circle,#0000 8%,#000 30%,#0000 62%);animation:30s linear infinite rays-spin;inset:-50%}.po__takeover[data-rarity=IconicSecret] .po__rays{background:repeating-conic-gradient(#ff5f9e 0deg 5deg,#0000 5deg 12deg,#4de1ff 12deg 17deg,#0000 17deg 24deg)}@keyframes rays-spin{to{transform:rotate(360deg)}}.po__takeover-label{position:relative;color:var(--r);font:700 clamp(1.7rem,9vw,3.4rem)/1 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 26px var(--r);margin:0}.po__takeover[data-rarity=IconicSecret] .po__takeover-label{background:var(--prism-linear);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.po__ui{position:absolute;z-index:4;display:flex;padding:max(20px,env(safe-area-inset-top))var(--gutter)max(20px,env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items: center;transition:opacity .4s;inset:0}.po[data-phase=summary] .po__ui{display:none}.po[data-takeover] .po__ui{opacity:.12}.po__ui .btn{pointer-events:auto}.po__bottom{display:grid;justify-items:center;gap:14px}.po__title{font:700 .95rem/1 var(--font-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.po__count{font:700 .95rem/1 var(--font-mono);color:var(--text-dim);letter-spacing:.1em;align-self: flex-end}.po__hint{font:500 .78rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);animation:2.2s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{opacity:.4}}.po__summary{position:absolute;z-index:3;display:flex;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:max(20px,env(safe-area-inset-top))var(--gutter)0;flex-direction:column;gap:20px;inset:0}.po__summary-head,.po__grid{width:100%;max-width:1000px;margin-inline-start:auto;margin-inline-end:auto}.po__summary-head{display:grid;gap:6px}.po__summary-head h2{font-size:1.3rem}.po__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding-top:4px}@media (width>=640px){.po__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=960px){.po__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.po__item{display:grid;justify-items:center;gap:8px;min-width:0}.po__item .tag{font-size:.6rem}.po__new{position:absolute;color:var(--on-accent);background:var(--yellow);font:700 .58rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;padding:3px 6px;top:5%;left:5%}.po__summary-foot{position:sticky;display:flex;padding:18px 0 max(14px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg)62%,transparent);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:auto;bottom:0}.app{--head-h:56px;--tab-h:calc(60px + var(--safe-bottom));min-height:100svh}.app__head{position:sticky;z-index:20;display:flex;min-height:var(--head-h);padding:env(safe-area-inset-top,0px)var(--gutter)0;background:color-mix(in srgb,var(--bg)88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:0 12px;top:0}.app__logo{display:inline-flex;min-height:var(--tap);color:var(--text);text-decoration:none;font:700 1rem/1 var(--font-ui);letter-spacing:.14em;align-items: center;gap:.5rem}.app__logo-mark{display:grid;color:var(--on-accent);background:var(--yellow);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px)100%,0 100%,0 8px);place-items: center;width:34px;height:34px;font-size:.85rem}.app__logo-text{color:var(--cyan)}.app__account{display:flex;align-items: center;gap:4px}.app__who{overflow:hidden;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;padding:0 6px;font-size:.8rem}.app__icon-btn{display:grid;width:var(--tap);height:var(--tap);color:var(--text-dim);cursor:pointer;background:0 0;border:0;place-items: center;padding:0}.app__icon-btn:hover{color:var(--magenta)}.app__icon-btn svg{width:22px;height:22px}.app__login{min-height:var(--tap)}.app__notice{color:var(--yellow);flex-basis:100%;padding:0 0 8px;font-size:.8rem}.app__main{padding:20px var(--gutter)calc(var(--tab-h) + 28px);width:100%;max-width:1100px;margin:0 auto}.app__tabbar{position:fixed;z-index:30;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;inset:auto 0 0}.app__tabbar .tabbar__item{text-decoration:none}.tabbar__badge{position:absolute;color:#fff;background:var(--magenta);box-shadow:0 0 10px color-mix(in srgb,var(--magenta)70%,transparent);letter-spacing:0;text-align:center;min-width:18px;padding:3px 5px;font-size:.68rem;font-weight:700;line-height:1;top:6px;left:calc(50% + 6px)}::view-transition-old(.page-out){animation:.14s ease-in both vt-out}::view-transition-new(.page-in){animation:.28s var(--ease-out)both vt-in}.app__head{view-transition-name:app-head}.app__tabbar{view-transition-name:app-tabbar}.page{display:grid;gap:20px}.page__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.page__head h1{font-size:clamp(1.6rem,6vw,2.4rem)}.page__loading,.page__error{text-align:center;padding:40px 0}.page__error{color:var(--magenta)}.page__empty{display:grid;text-align:center;justify-items:center;gap:16px;padding:32px 0}.field{min-height:var(--tap);color:var(--text);background:var(--surface);border:1px solid var(--line);outline-offset:-2px;border-radius:0;width:100%;padding:0 14px}.field::placeholder{color:var(--text-faint)}.field:focus{border-color:var(--cyan)}select.field{appearance:none;background:linear-gradient(45deg,transparent 50%,var(--text-dim)50%)right 18px center/6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--text-dim)50%)right 12px center/6px 6px no-repeat,var(--surface);padding-right:36px}.filters{display:grid;gap:12px}.filters__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips{display:flex;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none;gap:8px}.chips::-webkit-scrollbar{display:none}.chips .chip{flex:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,42vw),1fr));list-style:none;gap:14px;margin:0;padding:0}@media (width>=720px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}.grid__item{min-width:0}.grid__link{display:block;color:inherit;text-decoration:none;outline-offset:4px}.badge{position:absolute;z-index:5;color:var(--on-accent);background:var(--yellow);pointer-events:none;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px)100%,0 100%,0 5px);padding:4px 7px;font-size:.75rem;font-weight:700;line-height:1;top:6px;right:6px}.badge--offered{background:var(--cyan);top:auto;bottom:6px}.sheet{display:grid;align-items: start;gap:20px}.sheet__back{justify-self:start}.sheet__card{justify-self:center;width:min(100%,360px,41.5176svh)}.sheet__info{display:grid;justify-items:start;gap:14px}.sheet__title{font-size:clamp(1.4rem,6vw,2.2rem)}.sheet__owned{color:var(--yellow)}.sheet__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));background:var(--line);border:1px solid var(--line);gap:1px;width:100%;margin:0}.sheet__stats div{display:grid;background:var(--surface);gap:4px;padding:10px 12px}.sheet__stats dt{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.sheet__stats dd{margin:0;font-size:1.05rem}.sheet__rules{border-left:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan)6%,transparent);white-space:pre-line;padding:12px 14px}@media (width>=820px){.sheet{grid-template-columns:minmax(280px,400px)1fr;column-gap:40px}.sheet__back{grid-column:1/-1}.sheet__card{width:100%}}.gate{display:grid;background:var(--surface);justify-items:start;gap:14px;max-width:520px;margin:8svh auto 0;padding:28px 22px}.gate__title{color:var(--yellow);font-size:clamp(1.4rem,6vw,2rem)}.gate__error{color:var(--magenta)}.gate__cta{text-decoration:none;width:100%;margin-top:8px}.packs{justify-items:stretch}.packs__hero{display:grid;background:radial-gradient(50% 50% at 50% 55%,color-mix(in srgb,var(--yellow)14%,transparent),transparent 70%);place-items: center;padding:12px 0 4px}.packs__booster{position:relative;aspect-ratio:300/480;filter:drop-shadow(0 22px 28px #000000a6);animation:3.6s ease-in-out infinite pack-float;width:min(48vw,220px,30svh)}.packs__actions{display:grid;justify-self:center;gap:12px;width:min(100%,440px)}.packs__actions .btn{width:100%}.packs__notice{border-left:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan)8%,var(--surface));justify-self:center;width:min(100%,440px);padding:10px 14px}.packs__notice--error{border-color:var(--magenta);background:color-mix(in srgb,var(--magenta)10%,var(--surface))}