:root{--bg: #09090b;--surface: rgb(255 255 255 / .045);--surface-2: rgb(255 255 255 / .08);--surface-solid: #141417;--hairline: rgb(255 255 255 / .08);--text: #f5f5f7;--muted: #9a9aa5;--faint: #5d5d68;--accent: #f5c542;--accent-soft: rgb(245 197 66 / .14);--red: #ff4d6a;--ok: #4ade80;--line: var(--hairline);--bg2: var(--surface-solid);--panel: var(--surface-solid);--accent2: #6aa8ff;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--ease: cubic-bezier(.2, .8, .2, 1);--speed: 1;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.011em;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}input{font:inherit;letter-spacing:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}h1,h2,h3,p{margin:0}.icon{display:block;flex-shrink:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:.8125rem}.error{color:var(--red);font-size:.875rem}.warn{color:var(--accent)}.success{color:var(--ok);font-weight:600;text-align:center}a.btn{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;max-width:560px;margin:0 auto;min-height:100dvh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.ambient{position:fixed;inset:0 0 auto;height:420px;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 20% 0%,rgb(245 197 66 / .1),transparent 70%),radial-gradient(50% 60% at 90% 10%,rgb(106 168 255 / .08),transparent 70%)}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 20px 12px;background:linear-gradient(var(--bg) 40%,rgb(9 9 11 / .6) 75%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.topbar-back{display:flex;align-items:center;gap:2px;margin-left:-6px;background:none;border:0;padding:6px 8px 6px 2px;color:var(--muted);font-size:.95rem;font-weight:500;border-radius:var(--r-sm);transition:color .2s}.topbar-back:active{color:var(--text)}.main{animation:page-in .35s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page{padding:4px 20px 24px;display:flex;flex-direction:column;gap:20px}.tabbar{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:420px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;background:#16161ab8;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--hairline);border-radius:24px;box-shadow:0 12px 40px -12px #000c}.tabbar button{position:relative;background:none;border:0;border-radius:18px;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);transition:color .2s,background .25s var(--ease)}.tabbar button.on{color:var(--text);background:var(--surface-2)}.tab-icon{position:relative}.tab-label{font-size:.6875rem;font-weight:600;letter-spacing:0}.tab-badge{position:absolute;top:-5px;right:-9px;min-width:17px;height:17px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#1a1400;font-size:.625rem;font-weight:800;box-shadow:0 0 0 2px #16161a}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 4px 10px}.group{display:flex;flex-direction:column}.btn{height:50px;padding:0 20px;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s var(--ease),opacity .2s,background .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.primary{background:var(--text);color:#0b0b0d}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{height:34px;padding:0 14px;border-radius:999px;font-size:.8125rem}.btn-price{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#00000014;font-variant-numeric:tabular-nums}.seg{display:flex;background:var(--surface);border-radius:12px;padding:3px}.seg button{flex:1;border:0;background:none;padding:8px;border-radius:9px;font-size:.8125rem;font-weight:500;color:var(--muted);transition:background .25s var(--ease),color .2s}.seg button.on{background:var(--surface-2);color:var(--text);box-shadow:0 1px 2px #0006}.spinner{width:28px;height:28px;margin:48px auto;border-radius:50%;border:2.5px solid var(--surface-2);border-top-color:var(--text);animation:spin .8s linear infinite}.spinner.center{margin-top:45vh}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:56px 0;display:flex;flex-direction:column;gap:16px;align-items:center;color:var(--muted)}.progress{height:4px;background:var(--surface-2);border-radius:4px;overflow:hidden}.progress.big{height:6px}.progress div{height:100%;background:linear-gradient(90deg,#fff,var(--accent));border-radius:4px;transition:width .6s var(--ease)}.list{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}.row{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:0;text-align:left;color:var(--text);position:relative;transition:background .2s}.row+.row:before,.list>*+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--hairline)}.row:active{background:var(--surface)}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-text b{font-weight:500;font-size:.9375rem}.row-text span{font-size:.8125rem;color:var(--muted)}.row-check{width:22px;display:grid;place-items:center;color:var(--accent)}.row.danger,.row.danger .row-text b{color:var(--red)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff8a3d);color:#1a1400;font-weight:700}.switch{appearance:none;-webkit-appearance:none;flex-shrink:0;margin:0;width:46px;height:28px;border-radius:14px;background:var(--surface-2);position:relative;cursor:pointer;transition:background .25s var(--ease)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .25s var(--ease)}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(18px)}.coin{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.14em;flex-shrink:0;background:radial-gradient(circle at 35% 30%,#fff3c4,#f5c542 42%,#b8860b);box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 10px #f5c54259}.coin.big{width:.8em;height:.8em}.tokens{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;background:var(--surface-2);border-radius:999px;font-size:.9375rem}.hero{padding:20px;border-radius:var(--r-xl);background:radial-gradient(120% 140% at 0% 0%,rgb(245 197 66 / .16),transparent 55%),var(--surface);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:16px}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hero-label{font-size:.8125rem;color:var(--muted);font-weight:500}.hero-tokens{display:flex;align-items:center;gap:10px;font-size:2.75rem;font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-top:2px}.hero-max{font-size:1rem;font-weight:500;color:var(--faint);letter-spacing:0;align-self:flex-end;margin-bottom:8px}.hero-foot{font-size:.8125rem;color:var(--muted)}.gauge{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.gauge-cell{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#ffe08a,var(--accent));border-radius:3px;transition:width .5s var(--ease)}.auth{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:24px;max-width:400px;margin:0 auto}.auth-logo{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-logo .logo{filter:drop-shadow(0 16px 40px rgb(245 197 66 / .25));margin-bottom:6px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:.8125rem;color:var(--muted);font-weight:500}.auth-form input{height:50px;background:var(--surface);border:1px solid transparent;border-radius:var(--r-md);padding:0 16px;color:var(--text);outline:none;font-size:1rem;transition:border-color .2s,background .2s}.auth-form input:focus{border-color:var(--hairline);background:var(--surface-2)}.booster{position:relative;width:220px;aspect-ratio:.58;flex-shrink:0;filter:drop-shadow(0 18px 30px #0009)}.booster.small{width:100%;filter:drop-shadow(0 8px 14px #0008)}.booster.tilt{transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .15s ease-out}.booster-crimp{position:absolute;left:0;right:0;z-index:2;height:5%;background:repeating-linear-gradient(90deg,#eef0f6 0 2px,#9ba1b6 2px 4px),linear-gradient(#fff,#888);background-blend-mode:multiply;box-shadow:0 1px 2px #0006}.booster-crimp.top{top:0;border-radius:3px 3px 0 0}.booster-crimp.bottom{bottom:0;border-radius:0 0 3px 3px}.booster-body{position:absolute;inset:5% 0;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,hsl(calc(var(--hue) + 40) 90% 60% / .55),transparent 60%),linear-gradient(160deg,hsl(var(--hue) 75% 48%),hsl(calc(var(--hue) + 35) 70% 22%))}.booster-art{position:absolute;inset:0}.booster-art.full{background:var(--art) 50% 17% / 230% auto no-repeat}.booster-art.window:before{content:"";position:absolute;inset:-10%;background:var(--art) 50% 22% / 330% auto no-repeat;filter:blur(10px) saturate(1.4) brightness(.75)}.booster-art.window:after{content:"";position:absolute;left:0;right:0;top:24%;height:50%;background:var(--art) 50% 18% / 118% auto no-repeat;box-shadow:0 0 0 2px #fff6,0 8px 24px #0009}.booster-tint{position:absolute;inset:0;background:linear-gradient(180deg,hsl(var(--hue) 70% 20% / .85) 0%,transparent 26%),linear-gradient(0deg,hsl(var(--hue) 70% 16%) 0%,hsl(var(--hue) 70% 20% / .92) 11%,hsl(var(--hue) 70% 25% / .45) 22%,transparent 34%)}.booster-foil{position:absolute;inset:0;mix-blend-mode:overlay;opacity:.7;background:linear-gradient(115deg,transparent 30%,#fff8 45%,transparent 55%),repeating-linear-gradient(45deg,#fff1 0 2px,transparent 2px 6px);background-size:300% 100%,auto;animation:foil 5s ease-in-out infinite}.booster.tilt .booster-foil{animation:none;background-position:calc(50% + var(--gx, 0) * 60%) 0,0 0}@keyframes foil{0%,to{background-position:100% 0,0 0}50%{background-position:0 0,0 0}}.booster-gloss{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:3px;background:radial-gradient(ellipse at calc(30% + var(--gx, 0) * 40%) calc(30% + var(--gy, 0) * 30%),#ffffff40,transparent 45%),linear-gradient(90deg,#0007 0%,transparent 7%,#ffffff1c 18%,transparent 30%,transparent 78%,#0000002a 90%,#0008 100%)}.booster-logo{position:absolute;z-index:1;left:9%;top:5%;width:82%;height:22%;object-fit:contain;filter:drop-shadow(0 4px 8px #000a)}.booster-name{position:absolute;z-index:1;left:0;right:0;top:10%;font-weight:900;text-align:center;padding:0 10%;font-size:1.1rem;text-shadow:0 2px 6px #000}.booster-ball{position:absolute;bottom:18%;left:30%;width:40%;aspect-ratio:1;border-radius:50%;opacity:.2;background:linear-gradient(#fff 0 46%,#000 46% 54%,#fff 54%);-webkit-mask:radial-gradient(circle,transparent 18%,#000 19%);mask:radial-gradient(circle,transparent 18%,#000 19%)}.booster-label{position:absolute;z-index:1;left:0;right:0;text-align:center;bottom:5%;font-size:.6rem;font-weight:800;letter-spacing:.14em;opacity:.9;text-shadow:0 1px 3px #000}.booster.small .booster-label{display:none}.booster.photo{filter:drop-shadow(0 18px 30px #0009)}.booster-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px}.booster.mini{width:54px}.booster-price{position:absolute;z-index:4;right:6%;bottom:7%;padding:3px 8px;border-radius:999px;background:#0a0a0cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .12);font-size:.6875rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.float{animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}.card{position:relative;aspect-ratio:63 / 88;border-radius:4.6%/3.3%;overflow:hidden;background:#222;box-shadow:0 4px 14px #0007}.card img{display:block;width:100%;height:100%;object-fit:cover}.card .shine{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge}.fx-rare .shine{background:linear-gradient(115deg,transparent 40%,#fff3 50%,transparent 60%);background-size:300% 300%;animation:sheen 6s linear infinite}.fx-reverse .shine{background:linear-gradient(115deg,transparent 25%,#9cf6 40%,#f9c6 50%,#ff96 60%,transparent 75%);background-size:300% 300%;opacity:.55;animation:sheen 5s linear infinite}.fx-holo .shine{background:linear-gradient(115deg,transparent 15%,#ff00aa66 30%,#00ffe066 42%,#ffee0066 54%,#7a5cff66 66%,transparent 82%);background-size:250% 250%;opacity:.75;animation:sheen 3.5s linear infinite}.fx-secret .shine{background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px) 0 0 / 23px 23px,radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px) 0 0 / 31px 31px,linear-gradient(115deg,#f058 10%,#fa08 25%,#fff00088 38%,#0f88,#00c8ff88 62%,#a200ff88 75%,#f058 90%);background-size:23px 23px,31px 31px,300% 300%;opacity:.6;animation:sheen-secret 4s linear infinite}@keyframes sheen{0%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes sheen-secret{0%{background-position:0 0,0 0,100% 100%}to{background-position:23px 46px,-31px 31px,0% 0%}}.card.tilt{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .12s ease-out,box-shadow .12s ease-out;box-shadow:calc(var(--gx, 0) * -16px) calc(14px + var(--gy, 0) * -12px) 34px -6px #000c;will-change:transform}.zoom .card.tilt{touch-action:none}.card.tilt .shine{animation:none;background-position:var(--mx, 50%) var(--my, 50%);transition:background-position .12s ease-out}.fx-secret.tilt .shine{background-position:calc(var(--gx, 0) * 40px) calc(var(--gy, 0) * 40px),calc(var(--gx, 0) * -30px) calc(var(--gy, 0) * 30px),var(--mx, 50%) var(--my, 50%)}.glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),#ffffffa0 0%,#ffffff30 25%,transparent 60%);opacity:calc(.35 + (var(--gx, 0) * var(--gx, 0) + var(--gy, 0) * var(--gy, 0)) * .5)}.card-back{background:#1d4f9c}.card-back.glow{animation:glow 1.2s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 26px 6px #ffcb05cc}}.opening{position:fixed;inset:0;overflow:hidden auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);touch-action:manipulation}.opening-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#2a2f6b 0%,var(--bg) 70%)}.close-btn{position:fixed;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:30}.tear-stage{display:flex;flex-direction:column;align-items:center;gap:28px}.tear-pack{position:relative;width:240px;aspect-ratio:.58;transform-style:preserve-3d;touch-action:none;animation:pack-in calc(.6s * var(--speed)) cubic-bezier(.2,1.3,.4,1)}.tear-pack .booster{width:240px}.tear-pack.tilt{transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .35s var(--ease)}.tear-part{position:absolute;inset:0}.tear-top{clip-path:polygon(0 0,100% 0,100% 13%,92% 14%,84% 12.5%,76% 14%,68% 12.5%,60% 14%,52% 12.5%,44% 14%,36% 12.5%,28% 14%,20% 12.5%,12% 14%,4% 12.5%,0 13.5%);z-index:3}.tear-bottom{clip-path:polygon(0 13.5%,4% 12.5%,12% 14%,20% 12.5%,28% 14%,36% 12.5%,44% 14%,52% 12.5%,60% 14%,68% 12.5%,76% 14%,84% 12.5%,92% 14%,100% 13%,100% 100%,0 100%);z-index:2}.tear-zone{position:absolute;left:-28px;right:-28px;top:-44px;height:calc(13% + 92px);z-index:6;touch-action:none;cursor:grab}.tear-pack.grabbing .tear-zone{cursor:grabbing}.tear-guide{position:absolute;z-index:4;left:4%;right:4%;top:calc(13% - 1px);height:2px;pointer-events:none;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .85) 0 7px,transparent 7px 13px);filter:drop-shadow(0 0 3px rgb(0 0 0 / .8));opacity:.75;transition:opacity .2s}.tear-pack.grabbing .tear-guide{opacity:.35}.tear-grip{position:absolute;z-index:5;top:13%;left:4%;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;border-radius:50%;background:#fffffff2;box-shadow:0 0 0 6px #f5c54259,0 0 22px 4px #f5c542b3;animation:grip-hint 2.6s var(--ease) infinite}.tear-pack.grabbing .tear-grip{opacity:0;animation:none;transition:opacity .15s}@keyframes grip-hint{0%,15%{left:4%;opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}70%{left:92%;opacity:1;transform:scale(1)}85%,to{left:96%;opacity:0;transform:scale(.8)}}.tear-line{position:absolute;z-index:5;top:calc(13% - 2.5px);height:5px;border-radius:3px;pointer-events:none;left:var(--line-left, 4%);width:var(--line-width, 0%);background:linear-gradient(90deg,#fff,#fff6c8);box-shadow:0 0 8px 2px #fff,0 0 22px 6px #f5c542d9;opacity:calc(var(--tear, 0) * 40)}.tear-head{position:absolute;z-index:6;top:13%;left:var(--tear-head, 0%);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,rgb(255 230 150 / .9) 30%,rgb(245 197 66 / .35) 55%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s}.tear-pack.grabbing .tear-head{opacity:1;transform:scale(1)}.tear-top{transform:translateY(calc(var(--tear, 0) * -8px));transition:transform .3s var(--ease)}.tear-pack.grabbing .tear-top{transition:none}.tear-hint{color:var(--muted);font-size:.9rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fade .5s}.swipe-icon{display:inline-block;animation:nudge 1.2s ease-in-out infinite;color:var(--accent);font-size:1.2rem}@keyframes nudge{50%{transform:translate(8px)}}@keyframes pack-in{0%{transform:translateY(60px) scale(.8);opacity:0}}.tear-pack.torn .tear-top{animation:fly-off calc(.7s * var(--speed)) cubic-bezier(.3,.6,.4,1) forwards}.tear-pack.torn .tear-bottom{animation:drop calc(.6s * var(--speed)) calc(.55s * var(--speed)) ease-in forwards}.tear-pack.torn .tear-line,.tear-pack.torn .tear-head{opacity:0;transition:opacity .3s}.cards-peek{position:absolute;z-index:1;left:9%;right:9%;top:6%;aspect-ratio:63 / 88;border-radius:10px;background:linear-gradient(#fff,#ddd);box-shadow:0 0 30px #fff8;animation:peek calc(1.2s * var(--speed)) ease-out forwards}@keyframes fly-off{to{transform:translate(120px,-320px) rotate(38deg);opacity:0}}@keyframes drop{to{transform:translateY(120vh)}}@keyframes peek{0%{transform:translateY(10%)}45%{transform:translateY(-18%)}to{transform:translateY(-18%) scale(1.15);opacity:0}}.stack-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;animation:fade calc(.3s * var(--speed))}.stack-top{width:min(80vw,340px);display:flex;justify-content:space-between;align-items:center}.counter{font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}.stack{position:relative;width:min(80vw,340px,calc((100dvh - 220px) * 63 / 88));aspect-ratio:63 / 88;touch-action:none;-webkit-user-select:none;user-select:none;perspective:1100px}.stack-card{position:absolute;inset:0}.stack-card .card{width:100%;height:100%}.stack-card.behind{transform:translateY(calc(var(--depth) * 10px)) scale(calc(1 - var(--depth) * .04));filter:brightness(calc(1 - var(--depth) * .2));transition:transform .25s}.stack-card.top{z-index:5;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.9,.3,1.2);animation:pop-in calc(.25s * var(--speed)) ease-out}.stack-card.top.dragging{transition:none}.stack-card.leaving{z-index:6;pointer-events:none;animation:leave calc(.4s * var(--speed)) cubic-bezier(.25,.7,.4,1) forwards}@keyframes leave{0%{transform:var(--from, none)}to{transform:var(--to);opacity:0}}@keyframes pop-in{0%{transform:scale(.96)}}.flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform calc(.7s * var(--speed)) cubic-bezier(.3,1.4,.5,1)}.flip.dragging{transition:none}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.front{transform:rotateY(180deg)}.sway{width:100%;height:100%;transform-style:preserve-3d}.sway.idle{animation:sway 6s ease-in-out infinite}@keyframes sway{0%,to{transform:rotateY(-6deg) rotateX(3deg)}50%{transform:rotateY(6deg) rotateX(-3deg)}}.tear-sway{position:absolute;inset:0;transform-style:preserve-3d}.tear-sway.idle{animation:sway 5s ease-in-out infinite}.tear-sway.paused{animation-play-state:paused}.hold-glare{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:4.6%/3.3%;mix-blend-mode:overlay;background:radial-gradient(circle at var(--hx) var(--hy),#ffffffb0 0%,#ffffff30 30%,transparent 65%)}.burst{position:absolute;inset:-30%;z-index:-1;border-radius:50%;pointer-events:none;animation:burst 1.4s ease-out forwards}.rank-3 .burst{background:radial-gradient(circle,#ffcb0599,transparent 60%)}.rank-4 .burst{background:radial-gradient(circle,#ff8a00aa,transparent 60%)}.rank-5 .burst,.rank-6 .burst,.rank-7 .burst{background:conic-gradient(from 0deg,#f05a,#fa0a,#fff000aa,#0f8a,#00c8ffaa,#a200ffaa,#f05a);-webkit-mask:radial-gradient(circle,#000 20%,transparent 62%);mask:radial-gradient(circle,#000 20%,transparent 62%);animation:burst-spin 2.5s ease-out forwards}@keyframes burst{0%{transform:scale(.4);opacity:0}30%{opacity:1}to{transform:scale(1.1);opacity:.5}}@keyframes burst-spin{0%{transform:scale(.4) rotate(0);opacity:0}30%{opacity:1}to{transform:scale(1.15) rotate(120deg);opacity:.7}}.card-caption{min-height:52px;text-align:center;display:flex;flex-direction:column;gap:4px}.caption-name{font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:8px}.caption-rarity{font-size:.85rem;color:var(--muted)}.tap-reveal{color:var(--accent);font-weight:700;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.badge-new{background:var(--red);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:2px 6px;border-radius:6px}.r2{color:#c9d4ff}.r4{color:#ff9d3a}.r5,.r6,.r7{background:linear-gradient(90deg,#ff5f9e,#ffd84a,#5ff0c8,#8a7dff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.summary{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;padding:60px 0 24px;text-align:center;animation:fade .4s}.summary p{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.summary-cell{position:relative;animation:pop-up .35s backwards}.summary-cell .badge-new{position:absolute;top:-5px;right:-4px;font-size:.55rem}@keyframes pop-up{0%{transform:translateY(20px) scale(.8);opacity:0}}.summary-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:var(--surface);border-radius:var(--r-md);color:var(--faint);border:1px solid transparent;transition:border-color .2s,background .2s}.search:focus-within{border-color:var(--hairline);background:var(--surface-2);color:var(--muted)}.search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);font-size:.9375rem}.search input::placeholder{color:var(--faint)}.sort-bar{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:-6px -20px 0;padding:0 20px}.sort-bar::-webkit-scrollbar{display:none}.sort-label{display:none}.sort-bar button{flex-shrink:0;height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8125rem;font-weight:500;transition:background .2s,color .2s}.sort-bar button.on{background:var(--text);color:#0b0b0d;font-weight:600}.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.set-tile{background:none;border:0;padding:0;display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:left;transition:transform .2s var(--ease)}.set-tile:active{transform:scale(.96)}.set-tile .booster{margin-bottom:6px}.set-name{font-size:.8125rem;font-weight:500;line-height:1.25;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.set-meta{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.set-meta:empty{display:none}.set-tile .progress{height:3px;margin-top:4px}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s}.sheet{width:100%;max-width:560px;background:#131316;border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--hairline);padding:10px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;animation:slide-up .4s var(--ease)}.sheet-handle{width:36px;height:5px;border-radius:3px;background:var(--surface-2);margin:0 auto}.sheet-pack{display:flex;justify-content:center;padding:6px 0 0}.sheet-pack .booster{width:140px}.sheet-pack-btn{background:none;border:0;padding:0}.sheet-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.sheet-info h2{font-size:1.25rem;font-weight:700}.sheet-logo{max-width:55%;max-height:54px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-radius:var(--r-lg)}.stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;position:relative}.stats>div+div:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--hairline)}.stats span{font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stats b{font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.sheet-actions{display:flex;flex-direction:column;gap:10px}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--r-md);padding:5px}.stepper button{width:44px;height:40px;border-radius:var(--r-sm);border:0;background:var(--surface-2);display:grid;place-items:center;transition:transform .15s}.stepper button:active{transform:scale(.92)}.stepper button:disabled{opacity:.25}.stepper span{font-weight:600;font-variant-numeric:tabular-nums}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.set-row{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px}.set-row+.set-row:before{left:80px}.set-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.set-row-info b{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-row-info .progress{margin-top:8px}.set-row-count{font-weight:600;font-size:.875rem;font-variant-numeric:tabular-nums}.set-row-count .muted{color:var(--faint)}.chevron{color:var(--faint);transform:rotate(180deg);margin-left:-6px}.set-header{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-xl);background:var(--surface)}.set-header img{max-width:62%;max-height:72px;object-fit:contain;margin:0 auto 4px}.set-header h2{text-align:center;font-size:1.375rem}.set-header-stats{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.big-num{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid-cell{position:relative}.grid-cell .card{cursor:pointer;transition:transform .2s var(--ease)}.grid-cell .card:active{transform:scale(.96)}.placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:none}.placeholder img{position:absolute;inset:0;filter:grayscale(1) brightness(.22);opacity:.55}.placeholder span{position:relative;font-weight:600;font-size:.8125rem;color:var(--faint);font-variant-numeric:tabular-nums}.qty{position:absolute;bottom:6px;right:6px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums}.rev-dot{position:absolute;bottom:6px;left:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:.625rem;font-weight:800;background:linear-gradient(135deg,#9cf,#f9c,#ff9);color:#222}.zoom{position:fixed;inset:0;z-index:60;background:#000000d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px;animation:fade .25s}.zoom .card{width:min(84vw,380px,calc((100dvh - 180px) * 63 / 88));animation:zoom-in .4s var(--ease)}@keyframes zoom-in{0%{transform:scale(.9);opacity:0}}.zoom-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.zoom-info b{font-size:1.125rem;font-weight:700}.slot-order{margin:0;padding:6px 12px 12px;list-style:none;display:flex;flex-direction:column;gap:6px;position:relative}.slot-order:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--hairline)}.slot-order li{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:6px 6px 6px 8px;margin-top:6px}.slot-index{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.slot-name{flex:1;font-size:.875rem}.slot-order button{width:36px;height:32px;border-radius:9px;border:0;background:var(--surface-2);display:grid;place-items:center}.slot-order button:disabled{opacity:.25}.opening-bg{background:radial-gradient(70% 50% at 50% 38%,hsl(var(--hue, 230) 70% 45% / .28),transparent 70%),radial-gradient(120% 80% at 50% 100%,rgb(0 0 0 / .6),transparent),var(--bg)}.close-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text)}.tear-hint{color:var(--muted);font-size:.875rem;gap:10px}.tear-hint .small{color:var(--faint)}.swipe-icon{color:var(--accent)}.counter{font-weight:600;font-size:.8125rem;color:var(--muted);background:#ffffff14;padding:6px 12px;border-radius:999px}.stack-top .btn.ghost{background:#ffffff14;color:var(--text)}.caption-name{font-weight:700;font-size:1.125rem;letter-spacing:-.02em}.caption-rarity{font-size:.8125rem}.tap-reveal{color:var(--muted);font-weight:500;font-size:.875rem}.badge-new{background:var(--red);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:999px}.r3{color:var(--accent)}.summary{gap:16px}.summary h2{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.summary-grid{gap:10px}.summary-actions .btn{width:100%}@media(prefers-reduced-motion:reduce){.booster-foil,.card .shine,.float,.sway.idle,.tear-sway.idle,.main{animation:none}}.counter.value{color:var(--accent);background:var(--accent-soft)}.caption-sub{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.price-chip{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:999px;background:#ffffff1a}.price-chip.hot{background:var(--accent);color:#1a1400}.pack-value{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface)}.pack-value span{color:var(--muted);font-size:.875rem}.pack-value b{font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.summary-price{display:block;margin-top:4px;font-size:.625rem;color:var(--muted);font-variant-numeric:tabular-nums}.set-row-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.set-row-value{font-size:.75rem;font-weight:500;color:var(--accent)}.set-header-stats b{font-size:1.125rem;font-weight:700}.zoom-prices{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.zoom-prices span{font-size:.8125rem;color:var(--muted);background:#ffffff14;padding:6px 12px;border-radius:999px}.zoom-prices b{color:var(--text);font-weight:600;margin-left:4px}.row.action,.row.action .row-text b{color:var(--accent)}.row.action:disabled{opacity:.5}.hero .hero-tokens.num{font-size:2.25rem}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface)}.stat span{font-size:.75rem;color:var(--muted);font-weight:500}.stat b{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.stat small{font-size:.6875rem;color:var(--faint)}.chart{position:relative;height:140px;display:flex;align-items:flex-end;gap:3px;padding:16px 14px 12px;border-radius:var(--r-lg);background:var(--surface)}.chart-bar{flex:1;min-width:3px;max-width:26px;border-radius:3px 3px 1px 1px;background:var(--surface-2);transition:height .5s var(--ease)}.chart-bar.up{background:linear-gradient(180deg,var(--accent),rgb(245 197 66 / .35))}.chart-avg{position:absolute;left:14px;right:14px;margin-bottom:12px;border-top:1px dashed rgb(255 255 255 / .25);pointer-events:none}.chart-avg span{position:absolute;right:0;top:-18px;font-size:.625rem;color:var(--muted);font-variant-numeric:tabular-nums}.top-cards{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x mandatory}.top-cards::-webkit-scrollbar{display:none}.top-card{flex:0 0 104px;display:flex;flex-direction:column;gap:4px;scroll-snap-align:start}.top-card b{font-size:.875rem;font-weight:700;margin-top:4px}.top-card span{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-list .row{padding:11px 16px}.rarity-name{width:132px;flex-shrink:0;font-size:.8125rem;font-weight:500}.rarity-name.r0,.rarity-name.r1{color:var(--text)}.rarity-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.rarity-bar div{height:100%;border-radius:3px;background:linear-gradient(90deg,#fff,var(--accent))}.rarity-count{width:84px;text-align:right;font-size:.8125rem;font-weight:600;display:flex;flex-direction:column;align-items:flex-end}.rarity-count small{font-size:.625rem;color:var(--faint);font-weight:500}.set-logo{width:56px;height:32px;flex-shrink:0;display:grid;place-items:center}.set-logo img{max-width:100%;max-height:100%;object-fit:contain}.set-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.set-stat b{font-size:.9375rem;font-weight:600}.luck{font-size:.6875rem;font-weight:600}.luck.up{color:var(--ok)}.luck.down{color:var(--red)}.god-reveal{position:fixed;inset:0;z-index:40;border:0;padding:0;background:#0000008c;display:grid;place-items:center;overflow:hidden;animation:fade .3s}.god-rays{position:absolute;width:220vmax;height:220vmax;background:repeating-conic-gradient(from 0deg,rgb(255 214 102 / .35) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0%,transparent 55%);mask:radial-gradient(circle,#000 0%,transparent 55%);animation:god-spin 12s linear infinite,god-pop .8s var(--ease)}.god-text{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;animation:god-pop .7s cubic-bezier(.2,1.6,.4,1)}.god-text span{font-size:clamp(2.75rem,14vw,4.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(100deg,#fff6d0,#ffd34d 30%,#fff,#ffb300 60%,#fff3b0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgb(255 200 60 / .7));animation:god-shine 2.2s linear infinite}.god-text small{color:#ffe9a8;font-size:.9375rem;font-weight:500;letter-spacing:.02em}@keyframes god-spin{to{transform:rotate(360deg)}}@keyframes god-pop{0%{transform:scale(.3);opacity:0}}@keyframes god-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.opening.god .opening-bg{background:radial-gradient(70% 50% at 50% 38%,rgb(255 196 50 / .35),transparent 70%),radial-gradient(120% 80% at 50% 100%,rgb(0 0 0 / .6),transparent),var(--bg)}.opening.god .stack-card.top .card{box-shadow:0 0 40px 4px #ffc83c73,0 4px 14px #0007}.god-badge{align-self:center;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#2a1d00;background:linear-gradient(100deg,#ffe58a,#ffbf1f,#fff1b8,#ffbf1f);background-size:200% 100%;animation:god-shine 3s linear infinite;box-shadow:0 0 24px #ffc83c80}.god-inline{color:var(--accent);font-weight:600}.chart-bar.god{background:linear-gradient(180deg,#fff1b8,#ffbf1f);box-shadow:0 0 12px #ffc83c99}.stack.slide .stack-card.behind{transform:translateY(calc(var(--depth) * 3px));filter:none}.stack.slide .stack-card.behind .card{box-shadow:0 2px 6px #0008}.slide-hint{font-size:.75rem;color:var(--faint);margin-top:2px}.set-tile.resume .set-meta{color:var(--accent);font-weight:600}.set-tile.resume .booster{opacity:.75}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:color .2s}.icon-btn.on,.icon-btn:active{color:var(--text)}.quest-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:44px;padding:0 14px;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);font-size:.875rem;font-weight:500}.quest-cta .icon{transform:rotate(180deg)}.quest-cta.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.daily{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--hairline)}.daily.ready{background:radial-gradient(120% 140% at 0% 0%,rgb(245 197 66 / .2),transparent 60%),var(--surface);border-color:#f5c54259}.daily h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:2px 0 4px}.daily .btn{flex-shrink:0;height:40px;padding:0 16px}.claim-all{width:100%}.row.quest{align-items:center}.row.quest.done{opacity:.55}.quest-progress{display:flex;align-items:center;gap:10px;margin-top:8px}.quest-progress .progress{flex:1}.quest-progress .num{font-size:.75rem;color:var(--muted)}.tiers{display:flex;gap:3px;margin-top:6px}.tiers i{width:14px;height:3px;border-radius:2px;background:var(--surface-2)}.tiers i.on{background:var(--accent)}.reward{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0}.row.quest .btn.small{flex-shrink:0}.gain-toast{position:fixed;z-index:70;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translate(-50%);padding:10px 18px;border-radius:999px;background:var(--accent);color:#1a1400;font-weight:800;font-size:1.125rem;display:flex;align-items:center;gap:6px;box-shadow:0 10px 30px #f5c54266;animation:gain 1.8s var(--ease) forwards;pointer-events:none}@keyframes gain{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.05)}75%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-24px) scale(.95)}}.set-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.set-cost{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--text)}.set-cost .coin{width:.85em;height:.85em}.lang-badge{position:absolute;z-index:3;bottom:2.5%;left:4%;padding:2px 6px;border-radius:999px;background:#0a0a0cc7;border:1px solid rgb(255 255 255 / .2);color:#fff;font-size:.5625rem;font-weight:800;letter-spacing:.06em;pointer-events:none}.stack .lang-badge,.zoom .lang-badge{font-size:.75rem;padding:3px 9px}.booster-flag{position:absolute;z-index:4;left:6%;bottom:7%;padding:3px 7px;border-radius:999px;background:#0a0a0cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .12);color:#fff;font-size:.625rem;font-weight:800;letter-spacing:.06em}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:#f5c5421a;border:1px solid rgb(245 197 66 / .25);color:var(--accent);font-size:.8125rem;line-height:1.45}.notice span{color:var(--muted)}.notice b{color:var(--accent);font-weight:600}.logo{display:block;width:auto}.topbar-title .logo{margin:2px 0}.showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.showcase-head .hero-tokens{font-size:2rem}.showcase-head .btn{display:inline-flex;gap:6px}.vitrine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;padding:22px 16px 18px;border-radius:var(--r-xl);background:radial-gradient(120% 60% at 50% -10%,rgb(255 236 190 / .14),transparent 60%),repeating-linear-gradient(90deg,rgb(255 255 255 / .012) 0 2px,transparent 2px 4px),linear-gradient(180deg,#2a0f18,#170810 70%,#12060c);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 20px 40px -20px #ffffff1f,inset 0 -30px 40px -20px #0009;position:relative;overflow:hidden}.vitrine:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .05) 40%,transparent 48%)}.vitrine-slot{margin:0;position:relative;display:flex;flex-direction:column;gap:8px}.vitrine-slot .card{box-shadow:0 14px 24px -8px #000d,0 0 0 1px #ffffff0f;cursor:pointer}.vitrine-light{position:absolute;left:10%;right:10%;top:-14px;height:40px;background:radial-gradient(ellipse at 50% 0%,rgb(255 240 200 / .35),transparent 70%);pointer-events:none;z-index:1}.plaque{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;border-radius:4px;background:linear-gradient(180deg,#d9b45b,#a8812f);color:#2a1d05;text-align:center;box-shadow:0 1px #fff6 inset,0 2px 4px #0008}.plaque b{font-size:.625rem;font-weight:700;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaque span{font-size:.5625rem;font-weight:600;opacity:.8;font-variant-numeric:tabular-nums}.vitrine-slot.empty{background:none;border:0;padding:0;color:#fff6}.empty-card{aspect-ratio:63 / 88;border-radius:4.6%/3.3%;border:1.5px dashed rgb(255 255 255 / .18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;text-align:center;font-size:.6875rem;background:#00000026}.empty-card small{font-size:.625rem;line-height:1.3}.vitrine-slot.buy .empty-card{border-color:#f5c54280;color:var(--accent);background:#f5c5420f}.vitrine-slot.buy b{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:#fff}.vitrine-slot.buy:disabled{opacity:.45}.vitrine-tools{display:flex;justify-content:center;gap:4px}.vitrine-tools button{width:30px;height:28px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;display:grid;place-items:center}.vitrine-tools button.danger{background:#ff4d6a40;color:#ffb3c0}.vitrine-tools button:disabled{opacity:.3}.showcase-entry{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-radius:var(--r-lg);background:linear-gradient(135deg,#2a0f18,#170810);color:var(--text);text-align:left;box-shadow:inset 0 0 0 1px #ffffff14}.showcase-entry .row-text span{color:#ffffff8c}.showcase-peek{display:flex;flex-shrink:0}.showcase-peek .card{width:34px;margin-left:-14px;box-shadow:0 4px 10px #000a}.showcase-peek .card:first-child{margin-left:0}.star-btn{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:61;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:0;background:#ffffff1f;color:var(--text);font-weight:600;font-size:.875rem}.star-btn.on{background:var(--accent);color:#1a1400}.star-btn.on .icon{fill:currentColor}.star-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:0;border-radius:999px;background:#ffffff1a;color:var(--muted);font-size:.75rem;font-weight:600;transition:background .2s,color .2s,transform .15s}.star-chip:active{transform:scale(.92)}.star-chip.on{background:var(--accent);color:#1a1400}.star-chip.on .icon{fill:currentColor}.star-chip.compact{position:absolute;top:-6px;left:-5px;z-index:2;height:22px;width:22px;padding:0;justify-content:center;background:#0a0a0cbf;color:#ffffffb3}.star-chip.compact.on{background:var(--accent);color:#1a1400}.showcase-toast{position:fixed;z-index:70;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,420px);display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:var(--r-md);background:#2a1216;border:1px solid rgb(255 77 106 / .4);color:#ffd0d8;font-size:.8125rem;animation:fade .25s}.showcase-toast span{flex:1}.seg-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:.625rem;font-weight:800;vertical-align:1px}.grid-new{position:absolute;top:-5px;right:-4px;z-index:2;font-size:.5625rem}.grid-meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px;margin-top:4px;font-size:.625rem;color:var(--muted)}.grid-meta b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.grid-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-info .btn.small{margin-top:6px}.grid-card{position:relative}.new-head .btn{white-space:nowrap;flex-shrink:0}.odds{display:flex;flex-direction:column;gap:6px;width:min(320px,86vw);margin-top:8px;padding:10px 14px;border-radius:var(--r-md);background:#ffffff12}.odds>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;line-height:1.3}.odds span{color:var(--muted);text-align:left}.odds b{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}.odds-table{border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.odds-table summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600}.odds-table summary::-webkit-details-marker{display:none}.odds-table summary small{color:var(--muted);font-weight:400;font-size:.75rem}.odds-table summary:after{content:"›";color:var(--faint);transform:rotate(90deg);transition:transform .2s}.odds-table[open] summary:after{transform:rotate(-90deg)}.odds-table table{width:100%;border-collapse:collapse;font-size:.8125rem}.odds-table th{text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 16px}.odds-table td{padding:8px 16px;border-top:1px solid var(--hairline)}.odds-table th:not(:first-child),.odds-table td:not(:first-child){text-align:right}.odds-table td.r0,.odds-table td.r1{color:var(--text)}.odds-table>p{padding:0 16px 12px}.sort-bar button{display:inline-flex;align-items:center;gap:4px}.sort-dir{display:inline-grid;place-items:center;margin-right:-4px}.avatar{flex-shrink:0}.me-tag{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.6875rem;font-weight:700;vertical-align:1px}.feed{display:flex;flex-direction:column;gap:12px}.feed-item{border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.feed-item.god{box-shadow:inset 0 0 0 1px #f5c54280,0 0 24px -8px #f5c54299}.feed-user{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px 0;background:none;border:0;text-align:left;color:var(--text);font-size:.8125rem}.feed-user>span:not(.avatar){color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-user time,.feed-time{color:var(--faint);font-size:.75rem;white-space:nowrap}.feed-body{display:block;width:100%;padding:12px 14px 14px;background:none;border:0;text-align:left;color:var(--text)}.feed-pack-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-logo{max-height:30px;max-width:45%;object-fit:contain}.feed-value{margin-left:auto;font-weight:700}.god-badge.small{padding:3px 9px;font-size:.625rem}.feed-hits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feed-hit{display:flex;flex-direction:column;gap:4px;font-size:.6875rem}.feed-body.share{display:flex;gap:14px;align-items:center}.feed-share-card{width:96px;flex-shrink:0}.feed-share-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.feed-share-info b{font-size:1rem}.profile-head{display:flex;align-items:center;gap:16px}.profile-head h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.btn .icon{margin-right:2px}.share-toast{position:fixed;z-index:70;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 16px;border-radius:999px;background:var(--text);color:#0b0b0d;font-weight:600;font-size:.8125rem;animation:fade .25s;white-space:nowrap}.share-corner .star-chip.compact{inset:auto -5px 18px auto}.zoom-share{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;z-index:61}.zoom-share .star-chip{height:40px;padding:0 14px;font-size:.875rem}.duo-entry.invited{box-shadow:inset 0 0 0 1px #f5c54299,0 0 20px -6px #f5c54299}.duo-entry .icon,.showcase-entry>.icon{color:var(--accent);flex-shrink:0}.duo-hero .hero-foot{line-height:1.5}.duo{position:fixed;inset:0;overflow:hidden auto;display:flex;flex-direction:column;padding:calc(64px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom))}.duo-wait{margin:auto;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;max-width:320px}.duo-wait .spinner{margin:0 0 8px}.duo-tearing{flex:1;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.duo-board{flex:1;display:flex;flex-direction:column;gap:12px;max-width:480px;width:100%;margin:0 auto}.duo-player{display:flex;align-items:center;gap:8px}.duo-player b{font-size:.875rem}.duo-value{margin-left:auto;font-weight:700;font-size:.9375rem}.duo-opponent{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:var(--r-lg);background:#ffffff0d;transition:background .3s,box-shadow .3s}.duo-opponent.active{background:#ffffff14;box-shadow:inset 0 0 0 1px #fff3}.duo-opp-card{width:64px;flex-shrink:0;cursor:zoom-in}.duo-opp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.duo-opp-last{display:flex;flex-direction:column;gap:1px;font-size:.75rem;min-width:0}.duo-opp-last b{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duo-me{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;border-radius:var(--r-xl);transition:background .3s,box-shadow .3s}.duo-me.active{background:#f5c54212;box-shadow:inset 0 0 0 1px #f5c54259}.duo-me .duo-player,.duo-me .duo-strip{width:100%}.duo-big{position:relative;width:min(68vw,280px,calc((100dvh - 430px) * 63 / 88));min-width:150px;padding:0;border:0;background:none;perspective:1000px}.duo-big .card{width:100%}.duo-big.ready{animation:pile-pulse 1.4s ease-in-out infinite;cursor:pointer}.duo-big:disabled{cursor:default}.duo-left{position:absolute;bottom:8px;right:8px;z-index:3;background:#000000bf;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:700}@keyframes pile-pulse{50%{transform:scale(1.03)}}.duo-reveal{position:relative;animation:duo-deal .5s cubic-bezier(.2,1.2,.4,1)}@keyframes duo-deal{0%{transform:rotateY(90deg) scale(.92);opacity:.3}}.duo-caption{display:flex;flex-direction:column;gap:3px;min-height:40px;font-size:.8125rem}.duo-caption b{font-size:1.0625rem;font-weight:700}.duo-strip{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-height:0}.duo-strip::-webkit-scrollbar{display:none}.duo-strip>div{flex-shrink:0;cursor:zoom-in}.duo-strip .card{width:26px;flex-shrink:0;border-radius:3px;box-shadow:none}.duo-turn{text-align:center;font-weight:600;font-size:.875rem;color:var(--muted);padding:4px 0}.duo-turn.mine{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.duo-result{margin:auto;width:100%;max-width:480px;display:flex;flex-direction:column;gap:18px;text-align:center;animation:fade .4s}.duo-result h2{font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.duo-recap{display:flex;flex-direction:column;gap:14px;text-align:left}.duo-recap .summary-cell,.duo-best{cursor:zoom-in}.duo-rematch-note{margin-top:-10px}.duo-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duo-col{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:var(--r-lg);background:var(--surface)}.duo-col.winner{background:radial-gradient(120% 100% at 50% 0%,rgb(245 197 66 / .22),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px #f5c54280}.duo-col .crown{position:absolute;top:-12px;color:var(--accent);filter:drop-shadow(0 0 8px rgb(245 197 66 / .7))}.duo-total{font-size:1.375rem;font-weight:800}.duo-best{width:70%;display:flex;flex-direction:column;gap:4px;margin-top:6px;font-size:.75rem}.btn.pulse{animation:pulse 1.2s ease-in-out infinite}.duo-launch{position:absolute;z-index:5;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:0;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);font-size:.875rem;font-weight:600}.duo-launch:active{background:#ffffff2e}.opening-wait{position:absolute;inset:0;margin:auto}.duo-board .stack-stage{gap:12px}.duo-board .stack,.duo-board .stack-top{width:min(74vw,320px,calc((100dvh - 380px) * 63 / 88));min-width:170px}.duo-board .stack.locked{cursor:default}.duo-opponent{cursor:zoom-in;align-items:center}.duo-opp-card{width:72px}.duo-opp-last .badge-new{align-self:flex-start;margin-top:3px;font-size:.55rem}.duo-opp-last{animation:fade .4s}