:root{--bg: #08080f;--bg-deep: #04040a;--bg-surface: #100c1e;--accent: #7c3aed;--accent-hi: #a78bfa;--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .55);--silver: #94a3b8;--silver-glow: rgba(148, 163, 184, .45);--common: #60a5fa;--text: #f1f5f9;--text-dim: rgba(241, 245, 249, .42);--text-faint: rgba(241, 245, 249, .16);--color-bg: var(--bg);--color-bg-2: var(--bg-deep);--color-gold: var(--gold);--color-silver: var(--silver);--color-common: var(--common);--color-text: var(--text);--color-text-muted: var(--text-dim);--font: "Segoe UI", system-ui, sans-serif;--t-fast: .18s ease;--t-mid: .38s ease;--t-spring: .52s cubic-bezier(.34, 1.5, .64, 1);--transition-fast: var(--t-fast);--transition-normal: var(--t-mid);--transition-spring: var(--t-spring)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.16),transparent 35%),radial-gradient(circle at 80% 10%,rgba(245,158,11,.1),transparent 28%),radial-gradient(circle at 50% 85%,rgba(96,165,250,.08),transparent 30%),linear-gradient(180deg,#090812,#05050b 45%,#030309);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 18% 22%,rgba(167,139,250,.28),transparent 24%),radial-gradient(circle at 78% 18%,rgba(245,158,11,.18),transparent 20%),radial-gradient(circle at 50% 70%,rgba(96,165,250,.12),transparent 24%);filter:blur(32px);opacity:.9}body:after{background:linear-gradient(transparent 0 96%,#ffffff0a 96%,#ffffff0a),linear-gradient(90deg,transparent 0 96%,rgba(255,255,255,.03) 96% 100%);background-size:100% 24px,24px 100%;opacity:.18;mix-blend-mode:screen}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:opacity var(--t-mid);z-index:1}.screen.hidden{opacity:0;pointer-events:none}.prize-banner{position:fixed;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;background:#08080fcc;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.5px;color:var(--text-dim);z-index:50;transition:opacity .3s ease}.prize-banner span{color:var(--gold);font-weight:700;font-size:12px}.prize-banner.viewer-hidden{opacity:0;pointer-events:none}.hero-copy{width:min(100%,680px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:26px}.hero-kicker{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#f1f5f966}.hero-copy h1{max-width:12ch;font-size:clamp(32px,7.2vw,52px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.hero-text{max-width:58ch;color:var(--text-dim);font-size:clamp(14px,2.6vw,17px);line-height:1.55}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-badges span{padding:8px 14px;border-radius:999px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffffb8;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;opacity:0}#flash.gold{background:radial-gradient(ellipse at center,#fff7b4eb,#f59e0bb3)}#flash.silver{background:radial-gradient(ellipse at center,#ffffffe0,#94a3b899)}#flash.playing{animation:flashAnim .6s ease-out forwards}@keyframes flashAnim{0%{opacity:1}to{opacity:0}}#particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.holo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#ffffff0d,#ffe08a33 22%,#ffffff08 42%,#ffbf4038,#ffffff0a 78%,#ffe08a2e);background-size:240% 240%;mix-blend-mode:screen;animation:holoHue 8s linear infinite,holoDrift 6s ease-in-out infinite alternate;transition:opacity var(--t-mid),filter var(--t-mid)}.holo.silver{opacity:.1;mix-blend-mode:overlay}.holo.gold{opacity:.22}@keyframes holoHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes holoDrift{0%{background-position:0% 50%;transform:translate(-1.5%)}to{background-position:100% 50%;transform:translate(1.5%)}}.glow-gold{box-shadow:0 0 14px 3px #f59e0b66,0 0 36px 6px #f59e0b29,0 0 70px 10px #f59e0b12;animation:pulseGold 2.4s ease-in-out infinite}.glow-silver{box-shadow:0 0 10px 2px #94a3b859,0 0 28px 5px #94a3b824,0 0 55px 8px #94a3b80d;animation:pulseSilver 3s ease-in-out infinite}@keyframes pulseGold{0%,to{box-shadow:0 0 14px 3px #f59e0b66,0 0 36px 6px #f59e0b29,0 0 70px 10px #f59e0b12}50%{box-shadow:0 0 20px 4px #fbbf2485,0 0 50px 9px #f59e0b3d,0 0 90px 13px #f59e0b1a}}@keyframes pulseSilver{0%,to{box-shadow:0 0 10px 2px #94a3b859,0 0 28px 5px #94a3b824,0 0 55px 8px #94a3b80d}50%{box-shadow:0 0 15px 3px #bae6fd70,0 0 38px 7px #94a3b833,0 0 70px 11px #94a3b814}}@media (max-width: 700px){.screen{padding:14px}.hero-copy{margin-bottom:18px;gap:12px}.hero-copy h1{max-width:14ch}.hero-text{max-width:34ch}}.unb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9998;opacity:0;transition:opacity .25s ease}.unb-overlay.unb-show{opacity:1}.unb-overlay.unb-hide{opacity:0}.unb-banner{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%) scale(.88);width:min(calc(100% - 40px),440px);background:#1a1a2e;border:1px solid rgba(251,191,36,.5);border-radius:18px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:12px;z-index:9999;box-shadow:0 16px 48px #000000b3,0 0 0 1px #fbbf241f;opacity:0;transition:opacity .28s ease,transform .32s cubic-bezier(.34,1.4,.64,1);will-change:opacity,transform}.unb-banner.unb-show{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}.unb-banner.unb-hide{opacity:0;transform:translate(-50%) translateY(-50%) scale(.88);transition:opacity .2s ease,transform .2s ease}.unb-body{display:flex;align-items:flex-start;gap:12px}.unb-icon{font-size:24px;line-height:1.3;flex-shrink:0}.unb-message{margin:0;font-size:15px;line-height:1.6;color:#e2e2f0;word-break:break-word;white-space:pre-wrap;flex:1}.unb-close{align-self:flex-end;width:100%;background:#7c3aed2e;border:1px solid rgba(124,58,237,.35);color:#c4b5fd;font-size:14px;font-weight:600;cursor:pointer;padding:9px;border-radius:10px;line-height:1;transition:background .15s}.unb-close:hover{background:#7c3aed52}#s-auth{background:radial-gradient(ellipse at 50% 30%,rgba(124,58,237,.14) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(245,158,11,.07) 0%,transparent 45%)}.auth-card{width:min(100%,380px);display:flex;flex-direction:column;align-items:center;gap:20px}.auth-kicker{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#f1f5f961}.auth-title{font-size:clamp(26px,6vw,36px);font-weight:700;letter-spacing:-.04em;text-align:center;line-height:1.05}.auth-prize{font-size:12px;letter-spacing:1px;color:var(--text-dim);text-align:center}.auth-prize span{color:var(--gold);font-weight:700}.auth-tabs{display:flex;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:4px;width:100%}.auth-tab{flex:1;padding:9px 0;border:none;border-radius:9px;background:transparent;color:var(--text-dim);font-family:var(--font);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.auth-tab.active{background:#7c3aed47;color:var(--accent-hi)}.auth-form.hidden{display:none}.auth-form{width:100%;display:flex;flex-direction:column;gap:10px}.auth-form input{width:100%;padding:13px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:border-color var(--t-fast),background var(--t-fast)}.auth-form input::placeholder{color:#f1f5f947}.auth-form input:focus{border-color:#7c3aed8c;background:#7c3aed12}.auth-form button[type=submit]{margin-top:4px;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity var(--t-fast),transform var(--t-fast)}.auth-form button[type=submit]:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.auth-form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.auth-error{min-height:18px;font-size:12px;color:#f87171;text-align:center;letter-spacing:.3px}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding-bottom:32px;background:linear-gradient(to top,rgba(4,4,10,.92) 0%,transparent 60%);animation:demoOverlayIn .5s cubic-bezier(.16,1,.3,1) forwards}.demo-overlay.hidden{display:none}@keyframes demoOverlayIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-overlay-card{width:min(100%,400px);padding:28px 24px;background:#0e0a1cf5;border:1px solid rgba(124,58,237,.3);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-overlay-emoji{font-size:28px;line-height:1}.demo-overlay-title{font-size:clamp(17px,4vw,21px);font-weight:700;letter-spacing:-.02em}.demo-overlay-body{font-size:13px;color:var(--text-dim);line-height:1.5}.demo-overlay-body span{color:var(--gold);font-weight:700}.demo-overlay-timer{font-size:11px;letter-spacing:1px;color:var(--accent-hi);min-height:16px}.btn-demo-primary{margin-top:6px;width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity var(--t-fast)}.btn-demo-primary:hover{opacity:.88}.btn-demo-secondary{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-dim);font-family:var(--font);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.btn-demo-secondary:hover{color:var(--text);border-color:#ffffff2e}.btn-auth-back{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:12px;letter-spacing:1px;cursor:pointer;padding:4px 0;transition:color var(--t-fast)}.btn-auth-back:hover{color:var(--text)}.btn-auth-back.hidden{display:none}@media (max-width: 420px){.auth-card{gap:16px}.demo-overlay{padding-bottom:16px;align-items:flex-end}.demo-overlay-card{border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:40px}}#s-pack{--pack-w: clamp(300px, 48vw, 420px);--pack-y: 0px;--pack-bleed: 5%;--pack-bleed-y: 4%;background:radial-gradient(ellipse at 50% 55%,#0c0c13 0%,var(--bg) 72%);gap:0}.pack-scene{position:relative;width:var(--pack-w);height:calc(var(--pack-w) * 1.5);overflow:visible;flex-shrink:0;transition:transform 1.05s cubic-bezier(.2,.85,.2,1);transform:translateY(var(--pack-y))}.pack-scene.opening{transform:translateY(calc(var(--pack-y) + (var(--pack-w) * .34)))}.pack-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:transparent;animation:packFloat 3.2s ease-in-out infinite;box-shadow:0 18px 46px #00000094,0 28px 70px #000000bf;cursor:pointer;overflow:hidden}.pack-art{position:absolute;top:calc(var(--pack-bleed-y) * -.5);left:0;width:calc(100% + var(--pack-bleed));height:calc(100% + var(--pack-bleed-y));object-fit:cover;border-radius:inherit;transform:translate(calc(var(--pack-bleed) * -.5));transition:opacity .48s ease,transform .62s cubic-bezier(.34,1.15,.64,1);pointer-events:none}.pack-art-closed{opacity:1;transform:translate(calc(var(--pack-bleed) * -.5)) translateY(0) scale(1)}.pack-art-open{opacity:0;transform:translate(calc(var(--pack-bleed) * -.5)) translateY(10px) scale(.992);filter:saturate(1.06) contrast(1.04)}.pack-scene.opening .pack-art-closed{opacity:0;transform:translate(calc(var(--pack-bleed) * -.5)) translateY(0) scale(.992);filter:saturate(.95) brightness(.9)}.pack-scene.opening .pack-art-open{opacity:1;transform:translate(calc(var(--pack-bleed) * -.5)) translateY(0) scale(1);filter:saturate(1.04) contrast(1.03)}.pack-peel,.pack-peel-top,.pack-scene.opening .pack-peel-top{display:none}.pack-body:before,.pack-body:after{display:none}@keyframes packFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-9px,0)}}.emerging-card{position:fixed;width:min(38vw,360px);height:min(56.4vw,532px);left:50%;top:50%;opacity:0;transform:translate(-50%,30%);z-index:12;border-radius:12px;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .32s ease;cursor:pointer;pointer-events:none}.emerging-card.rise,.emerging-card.flip{opacity:1;transform:translate(-50%,-80%)}.em-back,.em-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat;transition:opacity .28s ease}.em-back{opacity:1;background:#09090f;overflow:hidden}.em-back img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scaleX(1.03) scaleY(1.02);transform-origin:center}.em-face{opacity:0;overflow:hidden;background:#09090f}.em-face img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scaleX(1.03) scaleY(1.02);transform-origin:center}.emerging-card.flip .em-back{opacity:0}.emerging-card.flip .em-face{opacity:1}@media (max-width: 700px){#s-pack{--pack-w: min(82vw, 360px);--pack-y: 0px;gap:0}.pack-scene{width:min(82vw,360px);height:calc(min(82vw,360px)*1.5)}.emerging-card{width:min(72vw,320px);height:min(106vw,475px)}}@media (max-width: 420px){#s-pack{--pack-w: 90vw;--pack-y: 0px}.pack-scene{width:90vw;height:135vw}.emerging-card{width:82vw;height:120vw}}#pack-scene.hidden,#pack-exhausted.hidden{display:none}.pack-exhausted{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.pack-exhausted-title{font-size:clamp(15px,3.5vw,18px);font-weight:600;color:var(--text)}.pack-exhausted-sub{font-size:clamp(11px,2.5vw,13px);letter-spacing:2px;color:var(--text-dim)}.pack-indicator{position:fixed;bottom:24px;right:20px;z-index:900;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#a259ff,#7c3aed);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 20px #7c3aed8c;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pack-indicator-icon,.pack-indicator-label{display:block}.pack-indicator-icon{width:18px;min-width:18px;text-align:center;font-size:15px;line-height:1;transform:translateY(-1px)}.pack-indicator-label{line-height:1}.pack-indicator:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 28px #7c3aedb3}.pack-indicator:active{transform:scale(.96)}.pack-indicator.hidden{display:none}@keyframes pack-indicator-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pack-indicator:not(.hidden){animation:pack-indicator-pop .35s cubic-bezier(.34,1.56,.64,1) both}#s-cards{justify-content:flex-start;background:radial-gradient(ellipse at 50% 16%,rgba(245,158,11,.1) 0%,transparent 24%),radial-gradient(ellipse at 50% 28%,#130926 0%,var(--bg) 65%);padding:28px 20px 0;gap:clamp(18px,4vw,32px);overflow:hidden}.cards-header{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex-shrink:0}.cards-title{font-size:clamp(10px,1.9vw,12px);letter-spacing:3px;text-transform:uppercase;color:#f1f5f98a}.cards-subtitle{display:none}.cards-open-hint{font-size:clamp(8px,1.4vw,10px);letter-spacing:1.4px;text-transform:uppercase;color:#f1f5f94d;text-align:center;min-height:1.2em}.cards-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;padding:4px 0 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.cards-scroll::-webkit-scrollbar{width:6px}.cards-scroll::-webkit-scrollbar-track{background:transparent}.cards-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.cards-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38}.cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,28px);width:min(100%,560px);align-items:start;padding-bottom:32px;margin:0 auto}.cards-row[data-count="1"]{grid-template-columns:minmax(0,min(240px,100%));justify-content:center}.cards-row[data-count="3"],.cards-row[data-count="4"]{width:min(100%,760px)}.cards-row[data-count="5"],.cards-row[data-count="6"]{width:min(100%,960px)}.cards-row[data-count="6"]{width:min(100%,720px)}.cards-row[data-count="7"],.cards-row[data-count="8"]{width:min(100%,920px)}.cards-row[data-count="9"],.cards-row[data-count="10"]{width:min(100%,1080px)}.card-slot{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:14px;cursor:pointer;opacity:0;transform:translateY(32px) scale(.9);transition:opacity .55s cubic-bezier(.34,1.2,.64,1),transform .55s cubic-bezier(.34,1.2,.64,1),box-shadow var(--t-fast);overflow:hidden}.card-slot-wrap{position:relative;width:100%}.card-slot.show{opacity:1;transform:translateY(0) scale(1)}.card-slot:hover{transform:translateY(-7px) scale(1.04)!important}.card-slot img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:14px;background:#09090f;display:block;transform:scale(1.035);transform-origin:center}.num-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:clamp(9px,2.4vw,11px);font-weight:700;letter-spacing:1px;padding:4px 12px;border-radius:20px;white-space:nowrap;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.num-badge.badge-common{background:#0e1e32e0;border:1px solid rgba(96,165,250,.3);color:var(--common)}.num-badge.badge-silver{background:#141620e6;border:1px solid rgba(148,163,184,.32);color:var(--silver)}.num-badge.badge-gold{background:#1e1004e6;border:1px solid rgba(245,158,11,.38);color:var(--gold)}.view3d-label{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px;background:#00000085;color:#fff;font-size:clamp(9px,2.5vw,11px);letter-spacing:2px;line-height:1.45;text-transform:uppercase;opacity:0;transition:opacity var(--t-fast);pointer-events:none;text-align:center}.card-slot:hover .view3d-label{opacity:1}.card-slot-hints{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:6px}.share-bonus-hint,.duplicate-bonus-hint{white-space:nowrap;font-size:clamp(7px,1.6vw,9px);letter-spacing:.6px;border-radius:12px;padding:2px 8px;box-shadow:0 4px 12px #00000059;pointer-events:auto}.share-bonus-hint{color:var(--gold);background:#06040ed9;border:1px solid rgba(245,158,11,.3);cursor:pointer;transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast);animation:hintSlideUp .4s cubic-bezier(.34,1.3,.64,1) .6s both}.share-bonus-hint:hover{background:#1e1004f0;border-color:#f59e0b80;transform:translateY(-1px)}.share-bonus-hint.is-muted{cursor:default;pointer-events:none;color:#f59e0bb3;opacity:.8;border-color:#f59e0b33}.share-bonus-hint.is-muted:hover{transform:none;background:#06040ed9;border-color:#f59e0b33}.duplicate-bonus-hint{color:#f1f5f9ad;background:#06040ec7;border:1px solid rgba(148,163,184,.18);pointer-events:none;animation:hintSlideUp .4s cubic-bezier(.34,1.3,.64,1) .72s both}.duplicate-bonus-hint.is-complete{color:var(--common);border-color:#60a5fa4d;box-shadow:0 0 14px #60a5fa26}@keyframes hintSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cards-footer{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:16px;padding-bottom:12px}.cards-footer-text{font-size:clamp(10px,2.2vw,12px);letter-spacing:2px;text-transform:uppercase;color:#f1f5f947;margin-bottom:10px}.cards-reset-timer{font-size:clamp(24px,6vw,38px);font-weight:700;letter-spacing:4px;line-height:1;font-variant-numeric:tabular-nums;color:#fff8f0f0;text-shadow:0 0 28px rgba(245,158,11,.12);margin-bottom:18px}.cards-footer-btns{margin-top:0}.btn-album{padding:11px 30px;border-radius:28px;border:1px solid rgba(124,58,237,.35);background:#7c3aed1f;color:var(--accent-hi);font-size:clamp(10px,2.8vw,12px);font-family:var(--font);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn-album:hover{background:#7c3aed3d;border-color:#a78bfa8c;color:#fff}@media (max-width: 640px){#s-cards{justify-content:center;padding:22px 14px 18px}.cards-header{flex:0 0 auto}.cards-row{width:min(100%,360px);gap:14px}.cards-row[data-count="5"],.cards-row[data-count="6"],.cards-row[data-count="7"],.cards-row[data-count="8"],.cards-row[data-count="9"],.cards-row[data-count="10"]{width:min(100%,372px);gap:12px}.cards-scroll{flex:0 1 auto;justify-content:center;padding:0 0 8px}#s-cards:has(.cards-row[data-count="4"]),#s-cards:has(.cards-row[data-count="5"]),#s-cards:has(.cards-row[data-count="6"]),#s-cards:has(.cards-row[data-count="7"]),#s-cards:has(.cards-row[data-count="8"]),#s-cards:has(.cards-row[data-count="9"]),#s-cards:has(.cards-row[data-count="10"]){justify-content:flex-start}.cards-scroll:has(.cards-row[data-count="4"]),.cards-scroll:has(.cards-row[data-count="5"]),.cards-scroll:has(.cards-row[data-count="6"]),.cards-scroll:has(.cards-row[data-count="7"]),.cards-scroll:has(.cards-row[data-count="8"]),.cards-scroll:has(.cards-row[data-count="9"]),.cards-scroll:has(.cards-row[data-count="10"]){justify-content:flex-start}.cards-row[data-count="5"],.cards-row[data-count="6"],.cards-row[data-count="7"],.cards-row[data-count="8"],.cards-row[data-count="9"],.cards-row[data-count="10"]{padding-top:14px;padding-bottom:16px}.cards-row[data-count="6"]~.cards-footer,.cards-row[data-count="7"]~.cards-footer,.cards-row[data-count="8"]~.cards-footer,.cards-row[data-count="9"]~.cards-footer,.cards-row[data-count="10"]~.cards-footer{padding-top:6px}.card-slot,.card-slot img,.view3d-label{border-radius:12px}.num-badge{bottom:7px}.cards-footer{padding-top:14px}.cards-open-hint{max-width:320px;font-size:9px;line-height:1.4}.cards-footer-text{margin-bottom:8px}.cards-reset-timer{margin-bottom:16px}.card-slot:hover{transform:translateY(0) scale(1)!important}}@media (max-width: 380px){.cards-row{gap:12px}.cards-title{letter-spacing:4px}}@media (min-width: 900px){#s-cards{padding-top:18px;gap:14px}.cards-scroll{padding-top:0;padding-bottom:10px}.cards-header{gap:6px}.cards-row{gap:18px;padding-bottom:20px}.cards-row[data-count="3"],.cards-row[data-count="4"]{width:min(100%,500px)}.cards-row[data-count="5"],.cards-row[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,660px);gap:14px;padding-bottom:14px}.cards-row[data-count="6"]{width:min(100%,600px);gap:12px;padding-bottom:12px}.cards-row[data-count="7"],.cards-row[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,840px);gap:12px;padding-bottom:12px}.cards-row[data-count="9"],.cards-row[data-count="10"]{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,1020px);gap:12px;padding-bottom:12px}.cards-footer{padding-top:8px;padding-bottom:0}.cards-footer-text{font-size:10px;letter-spacing:1.6px;margin-bottom:8px}.cards-reset-timer{font-size:28px;letter-spacing:3px;margin-bottom:16px}}@media (min-width: 1380px){#s-cards{justify-content:center;gap:24px;padding-top:20px;padding-bottom:20px}.cards-header{gap:8px;flex-shrink:0}.cards-scroll{flex:0 0 auto;min-height:auto;overflow:visible;padding-bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:42px}.cards-row[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,980px);gap:20px;padding-top:10px;padding-bottom:8px}.cards-row[data-count="5"],.cards-row[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,660px);gap:14px;padding-top:6px;padding-bottom:6px}.cards-row[data-count="6"]{width:min(100%,600px);gap:12px;padding-top:2px;padding-bottom:2px}.cards-row[data-count="7"],.cards-row[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,880px);gap:14px;padding-top:2px;padding-bottom:2px}.cards-row[data-count="9"],.cards-row[data-count="10"]{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,1040px);gap:14px;padding-top:2px;padding-bottom:2px}.card-slot:hover{transform:translateY(-4px) scale(1.03)!important}.cards-footer{padding-top:6px}.cards-reset-timer{font-size:30px;margin-bottom:18px}.cards-row[data-count="6"]~.cards-footer,.cards-row[data-count="7"]~.cards-footer,.cards-row[data-count="8"]~.cards-footer,.cards-row[data-count="9"]~.cards-footer,.cards-row[data-count="10"]~.cards-footer{padding-top:0}.cards-row[data-count="6"]~.cards-footer .cards-footer-text,.cards-row[data-count="7"]~.cards-footer .cards-footer-text,.cards-row[data-count="8"]~.cards-footer .cards-footer-text,.cards-row[data-count="9"]~.cards-footer .cards-footer-text,.cards-row[data-count="10"]~.cards-footer .cards-footer-text{margin-bottom:6px}.cards-row[data-count="6"]~.cards-footer .cards-reset-timer,.cards-row[data-count="7"]~.cards-footer .cards-reset-timer,.cards-row[data-count="8"]~.cards-footer .cards-reset-timer,.cards-row[data-count="9"]~.cards-footer .cards-reset-timer,.cards-row[data-count="10"]~.cards-footer .cards-reset-timer{font-size:24px;margin-bottom:12px}#s-cards:has(.cards-row[data-count="6"]),#s-cards:has(.cards-row[data-count="7"]),#s-cards:has(.cards-row[data-count="8"]),#s-cards:has(.cards-row[data-count="9"]),#s-cards:has(.cards-row[data-count="10"]){justify-content:flex-start}#s-cards:has(.cards-row[data-count="6"]) .cards-scroll,#s-cards:has(.cards-row[data-count="7"]) .cards-scroll,#s-cards:has(.cards-row[data-count="8"]) .cards-scroll,#s-cards:has(.cards-row[data-count="9"]) .cards-scroll,#s-cards:has(.cards-row[data-count="10"]) .cards-scroll{flex:1;min-height:0;overflow-y:auto}}@media (hover: none){.card-slot:hover{transform:translateY(0) scale(1)!important}}#s-viewer{background:radial-gradient(circle at 50% 30%,rgba(124,58,237,.1),transparent 28%),radial-gradient(circle at 50% 55%,rgba(245,158,11,.08),transparent 24%),#04040a;padding-top:0}.viewer-top{top:0!important}#s-viewer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0;mix-blend-mode:screen;transition:opacity .5s ease}#s-viewer.aura-gold:after{background:radial-gradient(ellipse 60% 90% at 50% -5%,rgba(255,210,60,.38) 0%,rgba(245,158,11,.2) 35%,rgba(180,90,5,.07) 65%,transparent 100%);opacity:1;animation:auraPulseGold 2.6s ease-in-out infinite}#s-viewer.aura-silver:after{background:radial-gradient(ellipse 60% 90% at 50% -5%,rgba(210,235,255,.65) 0%,rgba(147,197,253,.32) 35%,rgba(90,130,210,.1) 65%,transparent 100%);opacity:1;animation:auraPulseSilver 3.2s ease-in-out infinite}@keyframes auraPulseGold{0%,to{opacity:.8}50%{opacity:1}}@keyframes auraPulseSilver{0%,to{opacity:.75}50%{opacity:.95}}#three-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;touch-action:none}.viewer-top{position:absolute;top:0;left:0;right:0;height:72px;padding:0 20px 12px;display:flex;align-items:flex-end;justify-content:space-between;z-index:10;background:linear-gradient(to bottom,rgba(4,4,10,.9),rgba(4,4,10,.35),transparent)}.viewer-top-left{display:flex;align-items:center;gap:10px}.btn-back{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffa6;font-family:var(--font);font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.btn-back:hover{background:#ffffff1a;border-color:#fff3;color:#fff}#viewer-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ffffff61;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-gold-panel.hidden,.viewer-share-panel.hidden,.vgp-audio.hidden,.vgp-owner.hidden,.vgp-copy.hidden,.vsp-status.hidden,.vsp-copied.hidden{display:none}.viewer-gold-panel{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:min(88vw,316px);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;padding:13px 18px 12px;border-radius:16px;background:#06040ec7;border:1px solid rgba(245,158,11,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;animation:vgpIn .4s cubic-bezier(.34,1.3,.64,1) forwards}.viewer-gold-panel.is-silver{border-color:#94a3b82e}.viewer-gold-panel.is-common{border-color:#ffffff1a}@keyframes vgpIn{0%{opacity:0;transform:translate(-50%) translateY(18px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vgp-identity{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding-left:56px;padding-right:56px}.vgp-label{font-size:10px;font-weight:500;letter-spacing:2.6px;text-transform:uppercase;color:#f59e0b94}.viewer-gold-panel.is-silver .vgp-label{color:#94a3b885}.viewer-gold-panel.is-common .vgp-label{color:#ffffff59}.vgp-owner{font-size:15px;font-weight:600;letter-spacing:.01em;color:#fff7edd6;text-shadow:0 1px 8px rgba(0,0,0,.12)}.viewer-gold-panel.is-gold .vgp-owner{color:#fbbf24f0;text-shadow:0 0 16px rgba(245,158,11,.16)}.viewer-gold-panel.is-silver .vgp-owner{color:#f1f5f9e6;text-shadow:0 1px 8px rgba(0,0,0,.1)}.vgp-copy{position:absolute;top:-1px;right:0;display:inline-flex;align-items:center;justify-content:center;min-height:0;line-height:1;padding:5px 9px 4px;border-radius:999px;background:#f59e0b14;border:1px solid rgba(245,158,11,.16)}.vgp-num{font-size:11px;font-weight:700;letter-spacing:1px;color:#f59e0bc7;text-shadow:none}.viewer-gold-panel.is-silver .vgp-num{color:var(--silver)}.viewer-gold-panel.is-silver .vgp-copy{background:#94a3b814;border-color:#94a3b829}.vgp-duplicate{font-size:10px;font-weight:600;letter-spacing:.8px;color:#ffffff8c;white-space:nowrap}.vgp-duplicate.is-complete{color:var(--common);text-shadow:0 0 12px rgba(96,165,250,.3)}.vgp-duplicate.hidden{display:none}.vgp-audio{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;row-gap:8px;padding:10px 12px;border-radius:10px;background:#f59e0b12;border:1px solid rgba(245,158,11,.14)}.vgp-audio-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(245,158,11,.45);background:#f59e0b1f;color:var(--gold);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast)}.vgp-audio-btn:hover{background:#f59e0b38;transform:scale(1.08)}.vgp-audio-btn.playing{background:#f59e0b47;animation:snippetPulse 1.1s ease-in-out infinite}.vgp-audio-track{flex:1;display:flex;flex-direction:column;gap:5px}.vgp-audio-volume{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.vgp-volume-icon{flex-shrink:0;font-size:12px;color:#f59e0bb8;line-height:1}.vgp-volume-slider{width:58px;margin:0;accent-color:#f59e0b;cursor:pointer;background:transparent}.vgp-volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#f59e0b6b,#ffffff38)}.vgp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#f6b21e;box-shadow:0 0 0 2px #0f0918e6}.vgp-volume-slider::-moz-range-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,#f59e0b6b,#ffffff38)}.vgp-volume-slider::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#f6b21e;box-shadow:0 0 0 2px #0f0918e6}.vgp-audio-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.vgp-audio-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#fbbf24);border-radius:2px;transition:width .25s linear}.vgp-audio-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f59e0b80}.viewer-share-panel{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;animation:vspIn .4s cubic-bezier(.34,1.3,.64,1) .1s both}@keyframes vspIn{0%{opacity:0;transform:translateY(-50%) translate(14px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.vsp-bonus-hint{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:8px 5px;animation:hintPulse 2s ease-in-out infinite}.vsp-bonus-hint.hidden{display:none}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.vsp-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#f1f5f947;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-bottom:2px}.vsp-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#080612bf;color:#f1f5f9a6;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.vsp-btn:hover{transform:scale(1.1)}.vsp-x:hover{background:#ffffff1a;border-color:#ffffff38;color:#fff}.vsp-btn:disabled{opacity:.42;cursor:wait;transform:none!important}.vsp-status{max-width:72px;text-align:center;font-size:9px;line-height:1.35;letter-spacing:1px;text-transform:uppercase;color:#f59e0bb8}@media (max-width: 480px){.viewer-gold-panel{bottom:18px;padding:13px 16px 12px}.vgp-identity{padding-left:50px;padding-right:50px}.vgp-num{font-size:10px}.vgp-owner{font-size:16px}.vgp-volume-slider{width:88px}.viewer-share-panel{right:12px;gap:8px}.vsp-btn{width:38px;height:38px}}#bonus-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 22px;border-radius:30px;background:#06040ee6;border:1px solid rgba(245,158,11,.4);color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.02em;z-index:500;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap}#bonus-toast.bonus-toast-show{animation:bonusToastIn .4s cubic-bezier(.34,1.3,.64,1) forwards;pointer-events:auto}#bonus-toast.bonus-toast-hide{animation:bonusToastOut .4s ease forwards;pointer-events:none}@keyframes bonusToastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bonusToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}.viewer-bottom{position:absolute;bottom:0;left:0;right:0;padding:10px 20px 8px;display:flex;justify-content:center;z-index:10;background:linear-gradient(to top,rgba(4,4,10,.28),transparent);pointer-events:none}.viewer-drag-hint{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#ffffff24;animation:dragHintFade 5s ease-out forwards}.svo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04040aeb;opacity:0;transition:opacity .3s ease;will-change:opacity}.svo-overlay.show{opacity:1}.svo-overlay.hidden{display:none}.svo-card{position:relative;width:min(100% - 32px,380px);padding:32px 28px 28px;border-radius:22px;background:linear-gradient(160deg,#1a1430,#0d0a1c);border:1px solid rgba(245,158,11,.35);transform:translateY(16px) scale(.97);transition:transform .35s cubic-bezier(.34,1.5,.64,1);display:flex;flex-direction:column;align-items:center;gap:14px;will-change:transform}.svo-overlay.show .svo-card{transform:translateY(0) scale(1)}.svo-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#ffffff59;font-size:16px;cursor:pointer;line-height:1;padding:4px;transition:color .15s}.svo-close:hover{color:#ffffffb3}.svo-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--gold)}.svo-title{font-size:18px;font-weight:700;color:#fff;margin:0;text-align:center}.svo-subtitle{font-size:12px;color:#ffffff80;margin:0;text-align:center;line-height:1.5}.svo-fields{width:100%;display:flex;flex-direction:column;gap:12px}.svo-field{display:flex;flex-direction:column;gap:5px}.svo-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#ffffff80;text-transform:uppercase}.svo-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.svo-input::placeholder{color:#ffffff40}.svo-input:focus{border-color:#f59e0b80}.svo-submit{width:100%;padding:12px;border-radius:12px;background:linear-gradient(135deg,#f59e0b40,#fbbf2426);border:1px solid rgba(245,158,11,.45);color:var(--gold);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:4px}.svo-submit:hover{background:linear-gradient(135deg,#f59e0b61,#fbbf2440)}.svo-submit:disabled{opacity:.5;cursor:wait}.svo-feedback{font-size:12px;text-align:center;margin:0;padding:8px 12px;border-radius:8px;width:100%;box-sizing:border-box}.svo-feedback.hidden{display:none}.svo-feedback.error{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.25)}.svo-feedback.success{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.25)}.svo-warning{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fbbf240f;border:1px solid rgba(251,191,36,.2);color:#a08030;font-size:11px;line-height:1.5;text-align:left}@keyframes dragHintFade{0%,55%{opacity:1}to{opacity:0}}.no-server-msg{position:absolute;bottom:80px;left:50%;transform:translate(-50%);text-align:center;padding:16px 24px;border-radius:12px;background:#08080fe0;border:1px solid rgba(255,255,255,.08);color:#ffffff7a;font-size:12px;line-height:1.9;z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.no-server-msg code{display:inline-block;padding:2px 10px;background:#ffffff12;border-radius:5px;font-family:Courier New,monospace;font-size:13px;color:var(--accent-hi);letter-spacing:1px}.no-server-msg small{display:block;margin-top:6px;font-size:10px;opacity:.45}@media (max-width: 640px){.viewer-top{height:64px;padding:0 14px 10px}#viewer-label{max-width:48%;letter-spacing:2px}.btn-back{padding:7px 12px;font-size:10px;letter-spacing:1.5px}.viewer-bottom{padding:8px 16px 6px}.no-server-msg{width:calc(100% - 28px);white-space:normal}}#s-album{justify-content:flex-start;align-items:center;padding:24px 20px 0;gap:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.12) 0%,transparent 45%)}.album-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;gap:12px;flex-shrink:0}.album-header-actions{position:relative;display:flex;align-items:center;gap:10px}.album-back{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:6px 8px;border-radius:8px;transition:color var(--t-fast)}.album-back:hover{color:var(--text)}.album-title-block{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.album-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.album-progress{font-size:18px;font-weight:700;color:var(--text)}.album-progress-bar-wrap{width:80px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.album-progress-bar{height:100%;background:var(--accent-hi);border-radius:2px;transition:width .5s ease}.album-share-wrap{position:relative}.album-share-wrap.hidden,.album-share-panel.hidden{display:none}.album-share-link,.album-ranking-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #0000002e;color:#f0f4ffeb;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.album-share-link:hover,.album-ranking-link:hover{transform:translateY(-1px);border-color:#f59e0b3d;color:#fff}.album-share-link svg,.album-ranking-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.album-share-link .album-share-copy{font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:#f59e0bf2;white-space:nowrap}.album-share-panel{position:absolute;top:calc(100% + 10px);right:0;width:250px;padding:14px;border-radius:18px;border:1px solid rgba(245,158,11,.18);background:linear-gradient(180deg,#1a120bfa,#0b0a12fa);box-shadow:0 16px 44px #00000057}.album-share-title{margin:0 0 12px;font-size:10px;line-height:1.55;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb8}.album-share-row{display:flex;justify-content:center}.album-share-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(245,158,11,.18);background:#ffffff0a;color:#ffffffeb;font-size:12px;font-weight:700;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast),opacity var(--t-fast)}.album-share-btn svg{width:16px;height:16px}.album-share-btn:hover{transform:translateY(-1px);border-color:#f59e0b5c;background:#f59e0b14}.album-share-btn:disabled{opacity:.42;cursor:wait;transform:none}.album-share-status{margin:10px 0 0;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#f59e0bdb}.album-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;padding-top:14px;margin-top:-6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%)}.album-scroll::-webkit-scrollbar{width:6px}.album-scroll::-webkit-scrollbar-track{background:transparent}.album-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.album-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 28px;width:100%;max-width:480px;margin:0 auto}.album-slot{position:relative;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.album-slot:hover{transform:translateY(-4px) scale(1.03)}.album-slot.empty{background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:default}.album-slot.empty:hover{transform:none}.album-slot-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,3vw,14px);font-weight:700;letter-spacing:2px;color:#ffffff1a}.album-slot.empty:after{content:"";position:absolute;top:12%;right:18%;bottom:12%;left:18%;border-radius:6px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.08)}.album-slot.filled img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}.album-slot.filled .holo{border-radius:10px}.album-slot.rarity-silver{border:1px solid rgba(148,163,184,.28);box-shadow:0 0 8px 2px #94a3b84d,0 0 22px 3px #94a3b81c;animation:pulseSilver 3s ease-in-out infinite}.album-slot.rarity-gold{border:1px solid rgba(245,158,11,.35);box-shadow:0 0 9px 2px #f59e0b61,0 0 24px 4px #f59e0b29,0 0 48px 6px #f59e0b12;animation:pulseGold 2.4s ease-in-out infinite}.album-slot .num-badge{font-size:9px;padding:3px 8px;bottom:6px}.album-dup-badge{position:absolute;bottom:4px;right:4px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#f1f5f9d9;background:#06040ecc;border:1px solid rgba(148,163,184,.15);border-radius:6px;padding:2px 5px;line-height:1.2;pointer-events:none;transition:color .3s,border-color .3s,box-shadow .3s}.album-dup-badge.is-complete{color:var(--common);border-color:#60a5fa59;box-shadow:0 0 10px #60a5fa1f}.album-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04040ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lbIn .22s ease forwards;padding:32px 20px}.album-lightbox.hidden{display:none}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.album-lightbox-card{position:relative;max-width:min(72vw,320px);max-height:80vh;aspect-ratio:2 / 3;border-radius:16px;overflow:hidden;animation:lbCardIn .28s cubic-bezier(.34,1.3,.64,1) forwards}@keyframes lbCardIn{0%{transform:scale(.82)}to{transform:scale(1)}}.album-lightbox-card img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}.album-lightbox-card .holo{border-radius:16px}.album-lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0000008c;color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast);z-index:5}.album-lightbox-close:hover{background:#ffffff1f}.album-lightbox-info{position:absolute;bottom:0;inset-inline:0;padding:16px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;flex-direction:column;gap:4px}.album-lightbox-name{font-size:14px;font-weight:700;letter-spacing:-.01em}.album-lightbox-copy{font-size:10px;letter-spacing:1.5px;color:var(--text-dim)}.album-loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:var(--text-dim);font-size:12px;letter-spacing:2px;text-transform:uppercase;width:100%;grid-column:1 / -1}@media (min-width: 480px){.album-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (min-width: 768px){.album-grid{grid-template-columns:repeat(5,1fr);gap:16px;padding:4px 0 32px;max-width:860px}.album-header{max-width:860px}}@media (max-width: 640px){.album-share-copy{display:none}.album-share-panel{right:-8px;width:232px}}@media (min-width: 1100px){.album-grid{grid-template-columns:repeat(6,1fr);gap:18px;max-width:1080px}.album-header{max-width:1080px}}#s-ranking{justify-content:flex-start;padding-top:24px;gap:16px}.ranking-header{display:flex;align-items:center;justify-content:space-between;width:min(100%,560px);gap:12px}.ranking-back{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:6px 8px;border-radius:8px;transition:color var(--t-fast)}.ranking-back:hover{color:var(--text)}.ranking-title-block{display:flex;flex-direction:column;align-items:center;text-align:center}.ranking-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.ranking-title{font-size:18px;font-weight:700;color:var(--text)}.ranking-prize{display:flex;flex-direction:column;align-items:center;gap:2px;width:min(100%,560px);padding:14px;border-radius:16px;background:linear-gradient(135deg,#f59e0b2e,#f59e0b0a);border:1px solid rgba(245,158,11,.35);box-shadow:0 0 30px #f59e0b1f}.ranking-prize-amount{font-size:30px;font-weight:800;color:var(--gold);text-shadow:0 0 18px var(--gold-glow)}.ranking-prize-text{font-size:12px;color:var(--text-dim)}.ranking-list{width:min(100%,560px);display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px 2px 28px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.ranking-list::-webkit-scrollbar{width:6px}.ranking-list::-webkit-scrollbar-track{background:transparent}.ranking-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.ranking-list::-webkit-scrollbar-thumb:hover{background:#ffffff38}.ranking-loading,.ranking-empty{text-align:center;color:var(--text-dim);font-size:14px;padding:40px 12px}.ranking-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.ranking-row:hover{transform:translateY(-1px);border-color:#a78bfa66;background:#ffffff0f}.ranking-row:focus-visible{outline:none;border-color:#a78bfa99}.ranking-row.is-me{background:#7c3aed24;border-color:#a78bfa73}.ranking-row.is-complete{background:linear-gradient(135deg,#f59e0b29,#ffffff08);border-color:#f59e0b66}.rk-pos{font-size:16px;font-weight:700;min-width:34px;text-align:center;color:var(--text-dim)}.ranking-row.is-complete .rk-pos{color:var(--gold)}.rk-main{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.rk-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-name em{color:var(--accent-hi);font-style:normal;font-size:11px}.rk-bar-wrap{height:6px;border-radius:4px;background:#ffffff12;overflow:hidden}.rk-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-hi));transition:width var(--t-mid)}.ranking-row.is-complete .rk-bar{background:linear-gradient(90deg,var(--gold),#fde68a)}.rk-count{font-size:13px;font-weight:700;color:var(--text-dim);min-width:46px;text-align:right}.cards-footer-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-ranking{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:var(--gold);font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;transition:background var(--t-fast)}.btn-ranking:hover{background:#f59e0b33}.album-ranking-link,.ranking-album-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #0000002e;cursor:pointer;width:48px;height:48px;padding:0;border-radius:12px;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast);color:var(--text)}.album-ranking-link:hover,.ranking-album-link:hover{transform:translateY(-1px) scale(1.04);background:linear-gradient(180deg,#ffffff14,#ffffff08);border-color:#ffffff2e}.ranking-album-link.hidden{display:none}.album-ranking-link svg,.ranking-album-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.album-ranking-link{color:#f3d27a;border-color:#f59e0b3d}.album-ranking-link:hover{border-color:#f59e0b61}.winner-banner{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;color:#1a1205;background:linear-gradient(90deg,#f59e0b,#fde68a,#f59e0b);background-size:200% 100%;box-shadow:0 2px 20px #f59e0b80;animation:wb-shimmer 4s linear infinite}.winner-banner strong{font-weight:800}.winner-banner .wb-trophy{font-size:16px}@keyframes wb-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}body.has-winner .screen{padding-top:56px}.winner-claim-cta{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:210;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:none;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#1a1205;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 26px #f59e0b73;animation:wcc-pulse 2.2s ease-in-out infinite}.winner-claim-cta:hover{filter:brightness(1.08)}@keyframes wcc-pulse{0%,to{box-shadow:0 8px 26px #f59e0b66}50%{box-shadow:0 8px 34px #f59e0bb3}}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:#04040adb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.victory-overlay.show{opacity:1}.victory-card{width:min(100%,440px);max-height:92vh;overflow-y:auto;text-align:center;padding:28px 24px;border-radius:22px;background:linear-gradient(160deg,#1a1430,#0d0a1c);border:1px solid rgba(245,158,11,.35);box-shadow:0 0 60px #f59e0b40;transform:translateY(16px) scale(.97);transition:transform .35s cubic-bezier(.34,1.5,.64,1)}.victory-overlay.show .victory-card{transform:translateY(0) scale(1)}.victory-emoji{font-size:54px;line-height:1;margin-bottom:6px}.victory-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px}.victory-sub{font-size:14px;color:var(--text-dim);margin-bottom:18px;line-height:1.5}.victory-sub strong{color:var(--gold)}.victory-prize-inline{color:var(--gold);font-weight:800}.victory-claim-box{text-align:left;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:16px;margin-bottom:14px}.victory-prize{font-size:15px;color:var(--text);margin-bottom:8px;font-weight:600}.victory-prize span{color:var(--gold);font-weight:800;font-size:18px}.victory-step{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:10px}.victory-warn{font-size:12px;line-height:1.45;color:#fcd34d;background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);border-radius:10px;padding:8px 10px;margin-bottom:14px}.victory-warn strong{color:#fde68a}.victory-share{display:flex;gap:10px;margin-bottom:12px}.vc-share{flex:1;padding:11px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:filter var(--t-fast)}.vc-share:hover{filter:brightness(1.12)}.vc-x{background:#000;color:#fff}.vc-wa{background:#25d366;color:#062e16}.victory-input,.victory-note{width:100%;padding:11px 12px;margin-bottom:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:var(--text);font-size:13px;font-family:var(--font)}.victory-note{resize:vertical;min-height:52px}.victory-input:focus,.victory-note:focus{outline:none;border-color:#f59e0b8c}.victory-submit{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(90deg,var(--gold),#fbbf24);color:#1a1205;font-size:15px;font-weight:800;cursor:pointer;transition:filter var(--t-fast)}.victory-submit:hover:not(:disabled){filter:brightness(1.1)}.victory-submit:disabled{opacity:.6;cursor:default}.victory-feedback{font-size:13px;margin-top:10px;min-height:16px}.victory-feedback.error{color:#fca5a5}.victory-feedback.success{color:#6ee7b7}.victory-close{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:8px;margin-top:4px}.victory-close:hover{color:var(--text)}.app-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(16px);z-index:250;max-width:min(92vw,420px);padding:13px 18px;border-radius:12px;background:#141024f5;border:1px solid rgba(167,139,250,.35);box-shadow:0 8px 30px #00000073;color:var(--text);font-size:13px;line-height:1.45;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.5,.64,1)}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}