:root{--brand: #ff5101;--brand-light: #fff4ef;--brand-hover: #e64700;--p-main: #ff5101;--p-rgb: 255, 81, 1;--p-soft: #fff4ef;--bg: #fafafa;--card-bg: #ffffff;--text: #171717;--text-body: #404040;--text-muted: #737373;--text-light: #a3a3a3;--border: #d4d4d4;--border-light: #f5f5f5;--green: #16a34a;--green-light: #f0fdf4;--radius-card: 14px;--radius-option: 10px;--radius-button: 8px;--radius-tag: 6px;--radius-pill: 20px;--shadow: 0 1px 3px rgba(0, 0, 0, .05);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--max-width: 640px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}body{font-family:var(--font);color:var(--text-body);line-height:1.6;min-height:100dvh;position:relative;background:linear-gradient(180deg,#fefdfb,#faf9f7);background-attachment:fixed}.bg-aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-aurora:before,.bg-aurora:after,.bg-aurora-c{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.bg-aurora:before{content:"";width:60vmax;height:60vmax;top:-15%;right:-10%;background:radial-gradient(circle,rgba(255,120,30,.14) 0%,transparent 70%);animation:auroraA 14s ease-in-out infinite alternate}.bg-aurora:after{content:"";width:55vmax;height:55vmax;bottom:-10%;left:-8%;background:radial-gradient(circle,rgba(255,160,100,.1) 0%,transparent 70%);animation:auroraB 18s ease-in-out infinite alternate}.bg-aurora-c{width:50vmax;height:50vmax;top:30%;left:25%;background:radial-gradient(circle,rgba(255,200,80,.07) 0%,transparent 70%);animation:auroraC 22s ease-in-out infinite alternate}@keyframes auroraA{0%{transform:translate(0) scale(1)}50%{transform:translate(-8%,6%) scale(1.08)}to{transform:translate(4%,-5%) scale(.95)}}@keyframes auroraB{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,-8%) scale(.92)}to{transform:translate(-4%,3%) scale(1.06)}}@keyframes auroraC{0%{transform:translate(0) scale(1)}50%{transform:translate(-5%,-6%) scale(1.1)}to{transform:translate(7%,4%) scale(.94)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(23,23,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 42%,#000 25%,transparent 90%);mask-image:radial-gradient(ellipse 85% 75% at 50% 42%,#000 25%,transparent 90%)}#app{position:relative;z-index:1}button{font-family:inherit}#app{max-width:var(--max-width);margin:0 auto;padding:0 16px;min-height:100dvh}.page{display:none;width:100%}.page.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border-radius:var(--radius-card);padding:36px 32px 32px;box-shadow:var(--shadow)}#page-intro{padding:0}#page-intro.active{display:flex;flex-direction:column;min-height:100dvh;position:relative;padding:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;overflow-x:hidden}.intro-bg{display:none}.intro-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:28px 40px;width:100%}.intro-nav-brand img{display:block;height:32px;width:auto}.intro-nav-tagline{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.3px;font-variant-numeric:tabular-nums}.intro-hero{position:relative;z-index:2;min-height:calc(100svh - 140px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 32px 90px;max-width:980px;margin:0 auto;width:100%}.intro-hero>*{opacity:0;transform:translateY(16px);animation:heroItemIn .6s cubic-bezier(.2,.8,.2,1) forwards}.intro-hero>.intro-title{animation-delay:0ms}.intro-hero>.intro-stats{animation-delay:.14s}.intro-hero>.btn-hero{animation-delay:.28s}.intro-hero>.btn-hero-sub{animation-delay:.38s}.intro-nav,.intro-footer{opacity:0;animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) .1s forwards}@keyframes heroItemIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.intro-title{font-size:clamp(2.4rem,6.2vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-.04em;color:var(--text);margin-bottom:44px;white-space:normal}.intro-title-accent{background:linear-gradient(135deg,#ff5101,#ff7a3c 60%,#ffa56b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.intro-sub{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--text-muted);line-height:1.6;max-width:520px;margin-bottom:60px;font-weight:400}.mobile-br{display:none}.intro-stats{display:flex;align-items:center;gap:56px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}.intro-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.intro-stat-num{font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:800;color:var(--text);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.intro-stat-label{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.4px}.start-shuffle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:32px;background-color:#fafafaf5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.start-shuffle-overlay.is-playing{display:flex;animation:shuffleOverlayFade 1.35s ease-out forwards}@keyframes shuffleOverlayFade{0%,80%{opacity:1}to{opacity:0}}.shuffle-deck{position:relative;width:180px;height:240px;transform-style:preserve-3d}.shuffle-deck-card{position:absolute;top:0;left:50%;width:140px;height:200px;margin-left:-70px;border-radius:14px;background:linear-gradient(135deg,#ff7a3c,#ff5101 55%,#cc3f00);box-shadow:0 12px 36px #ff510147,inset 0 2px #ffffff4d;opacity:0;transform:translateY(0) rotate(0) scale(.8);animation:shuffleDeckCard 1.35s cubic-bezier(.4,0,.2,1) calc(var(--i) * 70ms) forwards}.shuffle-deck-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.4)}.shuffle-deck-card:after{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:64px;font-weight:900;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.18)}@keyframes shuffleDeckCard{0%{opacity:0;transform:translateY(60px) rotate(0) scale(.6)}20%{opacity:1;transform:translateY(0) rotate(calc((var(--i) - 2) * 8deg)) translate(calc((var(--i) - 2) * 24px)) scale(1)}40%{opacity:1;transform:translateY(-8px) rotate(calc((var(--i) - 2) * -8deg)) translate(calc((var(--i) - 2) * -24px)) scale(1)}65%{opacity:1;transform:translateY(0) rotate(0) translate(0) scale(1.05)}90%{opacity:.6;transform:translateY(-40px) rotate(12deg) scale(.5)}to{opacity:0;transform:translateY(-120px) rotate(20deg) scale(.2)}}.shuffle-deck-label{font-size:14px;font-weight:700;color:var(--brand);letter-spacing:2px;opacity:0;animation:shuffleLabelFade 1.35s ease-out forwards}@keyframes shuffleLabelFade{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.btn-hero{display:inline-block;padding:18px 52px;background:var(--brand);color:#fff;border:none;border-radius:999px;font-size:17px;font-weight:700;letter-spacing:.4px;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #ff510138;transition:background .2s ease}.btn-hero:hover{background:var(--brand-hover)}.btn-hero:active{background:#cc3f00}.btn-hero-sub{margin-top:16px;font-size:13px;color:var(--text-light);font-weight:500;letter-spacing:.2px}.intro-footer{position:relative;z-index:2;padding:28px 40px;text-align:center;font-size:12px;color:var(--text-light);font-weight:500;letter-spacing:.3px;display:flex;justify-content:center;gap:10px;align-items:center}.intro-footer-sep{opacity:.5}.intro-scroll-hint{position:absolute;left:0;right:0;bottom:24px;margin-top:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--text-light);letter-spacing:.3px;animation:scrollHintFadeIn .8s cubic-bezier(.2,.8,.2,1) .7s both}.intro-scroll-hint-arrow{font-size:18px;line-height:1;animation:scrollHintBounce 2s ease-in-out 1.5s infinite}@keyframes scrollHintFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHintBounce{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}.intro-rarity{position:relative;z-index:2;width:100%;max-width:980px;margin:0 auto;padding:40px 32px 72px}.intro-rarity-header{text-align:center;margin-bottom:40px}.intro-rarity-title{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:900;letter-spacing:-.02em;color:var(--text);line-height:1.2;margin-bottom:10px}.intro-rarity-sub{font-size:13px;color:var(--text-muted);letter-spacing:.3px;font-weight:500}.rarity-section{margin-bottom:44px}.rarity-section:last-child{margin-bottom:0}.rarity-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.rarity-section-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.5px;font-family:ui-monospace,SF Mono,Menlo,monospace}.rarity-section-badge-top{background:linear-gradient(135deg,#fff4d4,#ffe18a);color:#a05a00;border:1px solid rgba(200,130,0,.3);box-shadow:0 1px 3px #c8820026}.rarity-section-badge-common{background:#1717170d;color:var(--text-muted);border:1px solid rgba(23,23,23,.08)}.rarity-section-badge-rare{background:linear-gradient(135deg,#fbe4d5,#f8b182);color:#9a3a00;border:1px solid rgba(255,81,1,.3);box-shadow:0 0 12px #ff782840}.rarity-section-label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.2px}.rarity-top-list{display:flex;flex-direction:column;gap:12px}.rarity-top-item{position:relative;display:grid;grid-template-columns:56px 72px 1fr auto;grid-template-areas:"medal figure info pct";align-items:center;gap:16px;padding:18px 22px;background:#fff;border:1px solid rgba(23,23,23,.06);border-radius:16px;box-shadow:0 1px 3px #1717170a,0 8px 24px #1717170a;opacity:0;transform:translateY(12px);animation:rarityItemIn .55s cubic-bezier(.2,.8,.2,1) var(--rarity-delay, 0ms) forwards;transition:transform .2s ease,box-shadow .2s ease}.rarity-top-item:hover{transform:translateY(-2px);box-shadow:0 2px 6px #1717170f,0 14px 36px #17171714}.rarity-top-item.rank-1{background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(255,200,80,.22) 0%,transparent 70%),linear-gradient(135deg,#fffbee,#fff 60%);border-color:#dc9b0059;box-shadow:0 1px 3px #c882001f,0 12px 32px #dc9b002e}.rarity-top-item.rank-1 .rarity-medal{color:#e8a90a}.rarity-top-item.rank-1 .rarity-bar-fill{background:linear-gradient(90deg,#ffc933,#ff9a00)}.rarity-top-item.rank-2{background:linear-gradient(135deg,#f8f8fb,#fff 60%);border-color:#96a0af4d;box-shadow:0 1px 3px #646e821a,0 10px 28px #646e821a}.rarity-top-item.rank-2 .rarity-medal{color:#9ba4b4}.rarity-top-item.rank-2 .rarity-bar-fill{background:linear-gradient(90deg,#c8cfda,#8d96a6)}.rarity-top-item.rank-3{background:linear-gradient(135deg,#fff5ec,#fff 60%);border-color:#be6e3c4d;box-shadow:0 1px 3px #a05a281a,0 10px 28px #a05a281a}.rarity-top-item.rank-3 .rarity-medal{color:#cc7a3a}.rarity-top-item.rank-3 .rarity-bar-fill{background:linear-gradient(90deg,#e0a47a,#b96a30)}.rarity-top-item.rank-4,.rarity-top-item.rank-5{background:#fff}.rarity-top-item.rank-4 .rarity-medal,.rarity-top-item.rank-5 .rarity-medal{color:#c0c7d0}.rarity-top-item.rank-4 .rarity-bar-fill,.rarity-top-item.rank-5 .rarity-bar-fill{background:linear-gradient(90deg,#dbe0e7,#9aa3b0)}.rarity-medal{grid-area:medal;position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.rarity-medal-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.rarity-medal-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);font-size:16px;font-weight:900;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rarity-top-item.rank-1 .rarity-medal-num,.rarity-top-item.rank-2 .rarity-medal-num,.rarity-top-item.rank-3 .rarity-medal-num{top:65%;transform:translate(-50%,-50%)}.rarity-figure-slot{grid-area:figure;width:64px;height:64px;border-radius:12px;background:#17171708;border:1.5px dashed rgba(23,23,23,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rarity-figure-img{width:100%;height:100%;object-fit:contain;border-radius:10px}.rarity-figure-placeholder{font-size:11px;color:var(--text-light);font-weight:500;letter-spacing:.3px}.rarity-top-info{grid-area:info;min-width:0}.rarity-top-name{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin-bottom:4px}.rarity-top-intro{font-size:12.5px;color:var(--text-muted);line-height:1.5;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.rarity-bar{width:100%;height:8px;background:#1717170d;border-radius:999px;overflow:hidden;position:relative}.rarity-bar-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;animation:rarityBarFill 1s cubic-bezier(.2,.8,.2,1) calc(var(--rarity-delay, 0ms) + .2s) forwards}@keyframes rarityBarFill{to{width:var(--bar-target, 0%)}}.rarity-top-pct{grid-area:pct;font-size:22px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:ui-monospace,SF Mono,Menlo,monospace}.rarity-top-item.rank-1 .rarity-top-pct{color:#c08500}.rarity-top-item.rank-2 .rarity-top-pct{color:#7a8494}.rarity-top-item.rank-3 .rarity-top-pct{color:#a25a20}.rarity-common-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rarity-wall-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 12px;background:linear-gradient(180deg,#fff,#fafafa);border:1.5px solid rgba(23,23,23,.08);border-radius:12px;box-shadow:0 2px 8px #1717170a;opacity:0;transform:translateY(10px) scale(.96);animation:rarityItemIn .55s cubic-bezier(.2,.8,.2,1) var(--rarity-delay, 0ms) forwards;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.rarity-wall-card:hover{transform:translateY(-3px);border-color:rgba(var(--p-rgb, 255, 81, 1),.3);box-shadow:0 8px 24px #17171714}.rarity-wall-card[data-tier=SR]{background:linear-gradient(180deg,#faf5ff,#fff);border-color:#8b5cf640}.rarity-wall-card[data-tier=R]{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#16a34a38}.rarity-wall-rank{font-size:10px;font-weight:800;color:var(--text-light);font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.6px;align-self:flex-start}.rarity-wall-figure{width:48px;height:48px;border-radius:50%;background:#1717170a;border:1.5px dashed rgba(23,23,23,.14);margin:2px 0}.rarity-wall-card[data-tier=SR] .rarity-wall-figure{background:#8b5cf60f;border-color:#8b5cf640}.rarity-wall-card[data-tier=R] .rarity-wall-figure{background:#16a34a0d;border-color:#16a34a38}.rarity-wall-name{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.01em;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rarity-wall-pct{font-size:12px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.rarity-wall-card[data-tier=SR] .rarity-wall-pct{color:#7c3aed}.rarity-wall-card[data-tier=R] .rarity-wall-pct{color:#16a34a}.rarity-rare-grid{display:flex;flex-wrap:wrap;gap:10px}.rarity-rare-chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#fff,#fff8f3);border:1.5px solid rgba(255,81,1,.28);border-radius:12px;box-shadow:0 0 0 3px #ff51010a,0 2px 8px #ff51011f;opacity:0;transform:translateY(8px) scale(.96);animation:rarityChipIn .55s cubic-bezier(.2,.8,.2,1) var(--rarity-delay, 0ms) forwards;overflow:hidden}.rarity-rare-chip:before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,220,160,.5),transparent);transform:skew(-20deg);animation:rarityChipShimmer 3.5s ease-in-out 1s infinite;pointer-events:none}.rarity-rare-chip.is-hidden-type{background:linear-gradient(135deg,#1a1a1a,#2d2518);border-color:#ffb43c73;box-shadow:0 0 0 3px #ff96281a,0 4px 16px #ff780038}.rarity-rare-chip.is-hidden-type .rarity-rare-chip-name,.rarity-rare-chip.is-hidden-type .rarity-rare-chip-pct{color:#ffd890}.rarity-rare-chip.is-hidden-type .rarity-rare-chip-badge{background:linear-gradient(135deg,#ffb84d,#ff7e2b);color:#1a1a1a}.rarity-rare-chip-badge{display:inline-flex;align-items:center;padding:3px 7px;font-size:10px;font-weight:900;letter-spacing:.8px;color:#fff;background:linear-gradient(135deg,#ff9a3c,#ff5101);border-radius:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;flex-shrink:0}.rarity-rare-chip-name{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.01em}.rarity-rare-chip-pct{font-size:13px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}@keyframes rarityItemIn{to{opacity:1;transform:translateY(0)}}@keyframes rarityChipIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rarityChipShimmer{0%{left:-60%}40%,to{left:120%}}.btn{display:inline-block;border:none;border-radius:var(--radius-button);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font)}.btn-primary{background:var(--brand);color:#fff;padding:15px 48px;font-size:16px;font-weight:600;min-height:48px;box-shadow:0 2px 8px #ff51012e}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 14px #ff510147}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #ff510133}.intro-card .btn-primary{min-width:240px}.btn-secondary{background:var(--brand-light);color:var(--brand);padding:12px 32px;font-weight:500}.btn-secondary:hover{background:#ffe5d6}#page-quiz{padding-top:0;padding-bottom:0}#page-quiz.active{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.quiz-sticky-header{flex-shrink:0;padding-top:40px;padding-bottom:16px}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.quiz-nav-title{font-size:11px;font-weight:600;color:var(--text-light);letter-spacing:.3px}.quiz-nav-logo{height:42px;width:auto;display:block}.quiz-card-mini{flex-shrink:0;width:48px;height:48px;position:relative;pointer-events:none;opacity:0;transform:scale(.88);transition:opacity .4s ease,transform .4s ease}.quiz-card-mini.is-ready{opacity:1;transform:scale(1)}.mini-card-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.mini-card-ring-bg{fill:none;stroke:#17171714;stroke-width:4}.mini-card-ring-fg{fill:none;stroke:#ff5101;stroke-width:4;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:276.46;transition:stroke-dashoffset .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 3px rgba(255,81,1,.4))}.mini-card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.mini-card-mark{font-size:22px;font-weight:900;font-family:Georgia,Times New Roman,serif;color:#ff5101;text-shadow:0 0 10px rgba(255,140,40,.35);line-height:1;transform:translateY(-1px)}.mini-card-label{display:none}.quiz-card-mini.is-gate-burst{animation:miniCardGateBurst .9s ease-out}.quiz-card-mini.is-gate-burst .mini-card-ring-fg{stroke:#ff8c00;filter:drop-shadow(0 0 8px rgba(255,140,0,.85))}@keyframes miniCardGateBurst{0%{transform:scale(1)}30%{transform:scale(1.22)}to{transform:scale(1)}}.quiz-card-mini.is-full .mini-card-ring-fg{animation:miniCardFullRing 1.4s ease-in-out infinite}.quiz-card-mini.is-full .mini-card-mark{color:#ff8c00;text-shadow:0 0 16px rgba(255,160,40,.7);animation:miniCardFullMark 1.4s ease-in-out infinite}@keyframes miniCardFullRing{0%,to{stroke:#ff5101;filter:drop-shadow(0 0 3px rgba(255,81,1,.5))}50%{stroke:#ff8c00;filter:drop-shadow(0 0 10px rgba(255,140,0,.85))}}@keyframes miniCardFullMark{0%,to{transform:translateY(-1px) scale(1)}50%{transform:translateY(-1px) scale(1.08)}}.power-floater{position:fixed;z-index:81;pointer-events:none;font-weight:900;font-size:22px;text-align:right;color:#ff5101;text-shadow:0 0 8px rgba(255,81,1,.5),0 2px 8px rgba(255,255,255,.9);opacity:0;animation:powerFloat 1s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap}.power-floater.is-crit{font-size:28px;color:#ff8c00;text-shadow:0 0 14px rgba(255,140,0,.7),0 0 4px #fff,0 2px 10px rgba(255,255,255,.9)}.power-floater.is-fun{font-size:26px;color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.6),0 0 4px #fff,0 2px 8px rgba(255,255,255,.9)}@keyframes powerFloat{0%{opacity:0;transform:translateY(4px) scale(.85)}15%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(-24px) scale(1)}to{opacity:0;transform:translateY(-42px) scale(.95)}}.progress-row{display:flex;align-items:center;gap:14px;margin-bottom:0}.progress-bar{position:relative;flex:1;height:10px;background:#1717170f;border-radius:999px;box-shadow:inset 0 1px 2px #0000000a;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff5101,#ff7a3c,#ffd03a);border-radius:999px;width:0%;transition:width .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #ff510166;position:relative}.progress-fill:after{content:"";position:absolute;right:-2px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 0 6px 2px #ffa028b3;animation:fireTip 1.2s ease-in-out infinite alternate}.progress-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:repeating-linear-gradient(90deg,#fff0,#ffffff26,#fff0 24px);background-size:48px 100%;animation:fireFlow 1.5s linear infinite}@keyframes fireTip{0%{opacity:.6}to{opacity:1}}@keyframes fireFlow{0%{background-position:0 0}to{background-position:48px 0}}.progress-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(255,81,1,.35);box-shadow:0 1px 3px #1717171f;pointer-events:none;z-index:1;transition:all .3s cubic-bezier(.2,.8,.2,1)}.progress-milestone[data-at="25"]{left:25%}.progress-milestone[data-at="50"]{left:50%}.progress-milestone[data-at="75"]{left:75%}.progress-milestone[data-at="100"]{left:calc(100% - 6px)}.progress-milestone.is-hit{background:linear-gradient(135deg,#ffd35c,#ff8a1f);border-color:#ff5101;box-shadow:0 0 10px #ff8c28b3;transform:translate(-50%,-50%) scale(1.15)}.quiz-card{position:relative;padding:40px 36px 36px;border-radius:18px;border:1px solid rgba(23,23,23,.04);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 1px 2px #1717170a,0 12px 40px #1717170f;animation:quizCardFadeIn .5s cubic-bezier(.2,.8,.2,1)}.quiz-card.is-gate-glint:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;border:2px solid transparent;pointer-events:none;animation:gateGlint 1.6s ease-out forwards}@keyframes gateGlint{0%{border-color:transparent;box-shadow:0 0 #ffb40000}20%{border-color:#ffc828f2;box-shadow:0 0 24px #ffb42899,inset 0 0 20px #ffc8284d}70%{border-color:#ffc82899;box-shadow:0 0 40px #ffb42866,inset 0 0 12px #ffc82826}to{border-color:transparent;box-shadow:0 0 #ffb40000}}@keyframes quizCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--brand);padding:0;margin-bottom:20px;letter-spacing:1.6px;text-transform:uppercase;animation:questionItemIn .45s cubic-bezier(.2,.8,.2,1)}.quiz-card.is-fun .question-badge{color:#a855f7;letter-spacing:.5px}.quiz-card.is-fun{border-color:#a855f733;box-shadow:0 1px 2px #a855f714,0 12px 40px #a855f71a}.question-text{font-size:17px;line-height:1.75;color:var(--text);font-weight:500;margin-bottom:32px;letter-spacing:-.005em;animation:questionItemIn .5s 60ms cubic-bezier(.2,.8,.2,1) both}@keyframes questionItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-direction:column;gap:14px}.option{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:#fefdfb;border:1.5px solid rgba(23,23,23,.08);border-radius:14px;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 1px 2px #17171705;animation:optionItemIn .45s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.option:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#ff51014d;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.option.selected:before{animation:optionRipple .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes optionRipple{0%{opacity:.6;transform:translate(-50%,-50%) scale(0)}60%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) scale(40)}}@keyframes optionItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes optionBounce{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}.option:hover:not(.answered){border-color:#ff510180;transform:translateY(-1px);box-shadow:0 6px 16px #ff510114}.option.selected{border-color:var(--brand);background:var(--brand-light);animation:optionItemIn .45s cubic-bezier(.2,.8,.2,1) both,optionBounce .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #ff510129,inset 0 0 0 1px #ff510126}.option.dimmed{border-color:var(--border-light);background:var(--bg);opacity:.4;cursor:default;box-shadow:none}.option.answered{cursor:default}.option-label{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:0;background:#1717170d;color:var(--text-muted);transition:all .2s cubic-bezier(.2,.8,.2,1)}.option.selected .option-label{background:var(--brand);color:#fff;box-shadow:0 2px 8px #ff51014d}.option-text{font-size:15px;line-height:1.6;color:var(--text-body);padding-top:4px;flex:1}.quiz-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 4px 20px}.btn-prev{display:inline-flex;align-items:center;gap:4px;background:#fff9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(23,23,23,.06);font-size:13px;color:var(--text-muted);cursor:pointer;padding:8px 16px;border-radius:999px;font-weight:500;font-family:var(--font);transition:all .2s ease}.btn-prev:hover:not(:disabled){color:var(--text);border-color:#1717171f;background:#ffffffe6;transform:translateY(-1px)}.btn-prev:disabled{color:var(--border);cursor:default;opacity:.6}.footer-counter{font-size:13px;color:var(--text-light);font-variant-numeric:tabular-nums;font-weight:500}#page-result{padding-top:40px;padding-bottom:60px}.result-card{position:relative;text-align:center;padding:72px 36px 40px;border-radius:18px;border:1px solid rgba(23,23,23,.04);box-shadow:0 1px 2px #1717170a,0 12px 40px #1717170f;animation:quizCardFadeIn .6s cubic-bezier(.2,.8,.2,1)}.result-card[data-code=RAGE] .result-name{animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,redHotPulse 2.4s ease-in-out 1.2s infinite}@keyframes redHotPulse{0%,to{text-shadow:0 0 0 transparent,0 0 0 transparent}50%{text-shadow:0 0 18px rgba(225,29,29,.55),0 0 40px rgba(225,29,29,.28)}}.result-card[data-code=STAR] .result-name{background:linear-gradient(135deg,#ee2e87,#a855f7 55%,#7a3df5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.result-card[data-code=CYBER] .personality-figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background-image:repeating-linear-gradient(45deg,rgba(212,160,23,.12) 0px,rgba(212,160,23,.12) 12px,transparent 12px,transparent 24px);pointer-events:none}.result-card[data-code=CYBER] .result-name{background:linear-gradient(135deg,#b8860b,#d4a017 40%,#ffe54e,#d4a017 60%,#b8860b);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,goldShine 4.5s linear 1.2s infinite}@keyframes goldShine{0%{background-position:0% 50%}to{background-position:200% 50%}}.result-card[data-code=GLITCH]{border-color:#9b1fd966;box-shadow:0 1px 3px #9b1fd91a,0 16px 60px #9b1fd947,0 0 0 1px #9b1fd938}.result-card[data-code=GLITCH] .result-name{background:linear-gradient(110deg,#9b1fd9,#ee2e87,#7a3df5,#3ba9f0,#9b1fd9);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,holoTextShift 4.5s linear 1.2s infinite}@keyframes holoTextShift{0%{background-position:0% 50%}to{background-position:220% 50%}}.result-card[data-code=DASH] .result-name{animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,electricFlash 3.2s ease-out 1.2s infinite}@keyframes electricFlash{0%,88%,to{text-shadow:0 0 0 transparent,0 0 0 transparent}90%{text-shadow:0 0 2px #ffffff,0 0 20px rgba(122,61,245,.9),0 0 40px rgba(122,61,245,.5)}92%{text-shadow:0 0 0 transparent,0 0 0 transparent}94%{text-shadow:0 0 2px #ffffff,0 0 16px rgba(122,61,245,.7)}}.result-card[data-code=GRIT] .result-name{background:linear-gradient(0deg,#ffd600,#ff8c00 40%,#ff5f0a,#e23a1e);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,flameRise 3.5s ease-in-out 1.2s infinite}@keyframes flameRise{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}.result-card[data-code=CHILL] .result-name{animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,zenBreath 4.5s ease-in-out 1.2s infinite}@keyframes zenBreath{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 20px rgba(20,188,207,.55),0 0 40px rgba(20,188,207,.3)}}.result-card[data-code=FLEX]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 55%,transparent 70%);background-size:280% 100%;background-position:-100% 0;animation:metalScan 7s cubic-bezier(.6,0,.4,1) 1.2s infinite;pointer-events:none;mix-blend-mode:overlay;border:1px solid rgba(107,116,137,.3)}@keyframes metalScan{0%,20%{background-position:-60% 0}60%,to{background-position:180% 0}}.result-card[data-code=IDLE] .result-name{animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) .26s forwards,smokeBreath 6s ease-in-out 1.2s infinite}@keyframes smokeBreath{0%,to{opacity:1;text-shadow:0 0 0 transparent}50%{opacity:.72;text-shadow:0 0 14px rgba(74,88,112,.35)}}.result-card[data-code=MEH]{border-color:#1f24384d;box-shadow:0 0 0 1px #00e5ff59,0 0 24px #00e5ff2e,0 14px 40px #0000002e}.result-card[data-code=MEH] .result-name{text-shadow:0 0 12px rgba(0,229,255,.5),0 0 2px rgba(255,255,255,.9)}.result-card[data-code=IIII]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;border-radius:inherit;background-image:radial-gradient(1.5px 1.5px at 18% 14%,rgba(58,90,201,.6) 0%,transparent 100%),radial-gradient(1px 1px at 82% 22%,rgba(58,90,201,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 64% 8%,rgba(58,90,201,.55) 0%,transparent 100%),radial-gradient(1px 1px at 12% 78%,rgba(58,90,201,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 92% 68%,rgba(58,90,201,.6) 0%,transparent 100%),radial-gradient(1px 1px at 28% 45%,rgba(58,90,201,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 76% 92%,rgba(58,90,201,.5) 0%,transparent 100%);animation:starTwinkle 5s ease-in-out 1.2s infinite;pointer-events:none}@keyframes starTwinkle{0%,to{opacity:.8}50%{opacity:.35}}.result-card[data-code=SOLO] .result-name{letter-spacing:.03em;text-shadow:1px 1px 0 rgba(26,122,62,.25),2px 2px 0 rgba(26,122,62,.12)}.result-card[data-code=SOLO] .result-tag{font-family:ui-monospace,SF Mono,Menlo,Monaco,Courier New,monospace;letter-spacing:-.01em}.result-brand{position:absolute;top:22px;left:22px;z-index:2;display:flex;align-items:center}.result-brand img{display:block;height:28px;width:auto}.result-qr{position:absolute;top:22px;right:22px;z-index:2;opacity:0;animation:resultItemIn .5s cubic-bezier(.2,.8,.2,1) .15s forwards;display:flex;align-items:center;gap:9px}.result-qr-svg{width:42px;height:42px;display:block;color:var(--text);opacity:.88;flex-shrink:0}.result-qr-id{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-family:ui-monospace,SF Mono,Menlo,Monaco,Courier New,monospace;font-feature-settings:"tnum"}.result-qr-id-label{font-size:8px;font-weight:700;color:var(--text-light);letter-spacing:1px}.result-qr-id-code{font-size:12px;font-weight:800;color:var(--text);margin-top:1px}.result-qr-id-time{font-size:10px;font-weight:600;color:var(--text-muted);margin-top:2px}.result-qr-id-mobile{display:none}.result-card>*,.result-hero-info>*{opacity:0;transform:translateY(14px);animation:resultItemIn .55s cubic-bezier(.2,.8,.2,1) forwards}.result-card>.result-hero{animation:none;opacity:1;transform:none}.result-card>.result-qr{transform:none}.result-card>.result-brand{transform:none}.personality-figure{animation-delay:.1s}.result-hero-info .result-kicker{animation-delay:.2s}.result-hero-info .result-name{animation-delay:.26s}.result-hero-info .result-tag{animation-delay:.31s}.result-hero-info .result-stats{animation-delay:.36s}.result-hero-info .result-intro{animation-delay:.48s}.result-hero-info .result-desc{animation-delay:.54s}.result-card>.result-metrics{animation-delay:.56s}.result-card>.result-top3{animation-delay:.4s}.result-card>.result-cta{animation-delay:.72s}.result-card>.result-links{animation-delay:.78s}.result-card>.result-footer-hairline{animation-delay:.82s}.result-card>.result-meta{animation-delay:.86s}@keyframes resultItemIn{to{opacity:1;transform:translateY(0)}}.dim-row{opacity:0;transform:translate(-8px);animation:dimRowIn .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes dimRowIn{to{opacity:1;transform:translate(0)}}.dim-row:nth-child(1){animation-delay:.62s}.dim-row:nth-child(2){animation-delay:.65s}.dim-row:nth-child(3){animation-delay:.68s}.dim-row:nth-child(4){animation-delay:.71s}.dim-row:nth-child(5){animation-delay:.74s}.dim-row:nth-child(6){animation-delay:.77s}.dim-row:nth-child(7){animation-delay:.8s}.dim-row:nth-child(8){animation-delay:.83s}.dim-row:nth-child(9){animation-delay:.86s}.dim-row:nth-child(10){animation-delay:.89s}.dim-row:nth-child(11){animation-delay:.92s}.dim-row:nth-child(12){animation-delay:.95s}.dim-row:nth-child(13){animation-delay:.98s}.dim-row:nth-child(14){animation-delay:1.01s}.dim-row:nth-child(15){animation-delay:1.04s}.top-item{opacity:0;transform:translate(-10px);animation:topItemIn .45s cubic-bezier(.2,.8,.2,1) forwards}@keyframes topItemIn{to{opacity:1;transform:translate(0)}}.top-item:nth-child(1){animation-delay:.42s}.top-item:nth-child(2){animation-delay:.45s}.top-item:nth-child(3){animation-delay:.48s}.top-item:nth-child(4){animation-delay:.51s}.top-item:nth-child(5){animation-delay:.54s}.result-hero{display:flex;flex-direction:column;align-items:center}.result-hero-info{width:100%;display:flex;flex-direction:column;align-items:center}.personality-figure{position:relative;aspect-ratio:1 / 1;max-width:280px;width:100%;margin:0 auto 28px;background:radial-gradient(circle at 50% 40%,rgba(var(--p-rgb),.08),rgba(var(--p-rgb),.02)),var(--p-soft);border:1.5px dashed rgba(var(--p-rgb),.3);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.figure-placeholder{font-size:13px;color:var(--p-main);font-weight:500;letter-spacing:.5px;opacity:.6}.figure-img{width:100%;height:100%;object-fit:contain;border-radius:12px}.result-kicker{display:inline-block;font-size:11px;color:var(--p-main);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px}.result-name{font-size:2.8rem;font-weight:900;color:var(--p-main);letter-spacing:-.035em;margin-bottom:10px;line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.6),0 -1px 1px rgba(0,0,0,.06)}.result-tag{font-size:14px;color:var(--text-muted);font-weight:500;line-height:1.5;margin-bottom:16px;max-width:520px;padding:0 8px}.result-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px 14px;padding:18px 8px;margin:8px 0 28px;background:linear-gradient(180deg,rgba(var(--p-rgb),.06),rgba(var(--p-rgb),.02));border:1px solid rgba(var(--p-rgb),.18);border-radius:14px;box-shadow:0 2px 14px rgba(var(--p-rgb),.08),inset 0 1px #fff9;position:relative;overflow:hidden}.result-stats[data-tier=SSR]{background:linear-gradient(180deg,#ffb40024,#ff8c000d);border-color:#ffa00066;box-shadow:0 2px 14px #ffa00033,inset 0 1px #fff9}.result-stats[data-tier=SR]{background:linear-gradient(180deg,#8b5cf61a,#8b5cf605);border-color:#8b5cf652}.result-stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.result-stat-label{font-size:10px;font-weight:700;color:var(--text-light);letter-spacing:.8px;text-transform:uppercase}.result-stat-value{font-size:22px;font-weight:900;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.result-stat-sub{font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:.3px;min-height:1em;white-space:nowrap}.result-stat-divider{width:1px;height:44px;background:linear-gradient(180deg,transparent 0%,rgba(23,23,23,.1) 50%,transparent 100%)}.result-stat-stars{font-size:18px;letter-spacing:2px;line-height:1.1;color:var(--text-light)}.result-stats[data-tier=SSR] .result-stat-stars{color:#ffb400;text-shadow:0 0 8px rgba(255,180,0,.6);animation:rarityGlow 2.4s ease-in-out infinite}.result-stats[data-tier=SR] .result-stat-stars{color:#8b5cf6;text-shadow:0 0 4px rgba(139,92,246,.35)}.result-stats[data-tier=R] .result-stat-stars{color:#16a34a}.result-stats[data-tier=N] .result-stat-stars{color:#9ca3af}@keyframes rarityGlow{0%,to{text-shadow:0 0 6px rgba(255,180,0,.4)}50%{text-shadow:0 0 14px rgba(255,180,0,.9),0 0 24px rgba(255,180,0,.4)}}.result-stat-tier{font-size:10px;font-weight:900;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--p-main);letter-spacing:.5px}.result-stats[data-tier=SSR] .result-stat-tier{color:#d48800}.result-stats[data-tier=SR] .result-stat-tier{color:#7c3aed}.result-stats[data-tier=R] .result-stat-tier{color:#16a34a}.result-stats[data-tier=N] .result-stat-tier{color:#6b7280}.result-stat-tier-sep{color:var(--text-light);margin:0 2px}.result-stat-tier-label{color:var(--text-muted);font-weight:600}.result-stat-power .result-stat-value{color:var(--p-main);font-family:ui-monospace,SF Mono,Menlo,monospace}.result-flip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;pointer-events:none;background-color:#fafafa;perspective:1200px}.result-flip-overlay.is-playing{display:flex;animation:flipOverlayFade 1.7s cubic-bezier(.4,0,.2,1) forwards}@keyframes flipOverlayFade{0%,82%{opacity:1}to{opacity:0;pointer-events:none}}.flip-card-back{position:relative;width:260px;height:360px;border-radius:22px;background:linear-gradient(135deg,#ff7a3c,#ff5101 55%,#cc3f00);box-shadow:0 20px 60px #ff510159,inset 0 2px #ffffff4d,inset 0 -2px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform-style:preserve-3d;transform-origin:center;animation:flipCardReveal 1.7s cubic-bezier(.6,0,.2,1) forwards}@keyframes flipCardReveal{0%{transform:rotateY(0) scale(.7) translateY(0);opacity:0}10%{transform:rotateY(0) scale(.95) translateY(0);opacity:1}35%{transform:rotateY(0) scale(1) translateY(0)}55%{transform:rotateY(0) scale(1.04) translateY(-4px)}75%{transform:rotateY(90deg) scale(1.1) translateY(-8px);opacity:1}95%{transform:rotateY(180deg) scale(1.4) translateY(-24px);opacity:0}to{transform:rotateY(180deg) scale(1.5) translateY(-30px);opacity:0}}.flip-card-back:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:16px;border:1.5px dashed rgba(255,255,255,.45);pointer-events:none}.flip-card-back:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:12px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 8px,transparent 8px,transparent 16px);pointer-events:none}.flip-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,180,0,.5) 0%,transparent 60%);filter:blur(20px);opacity:0;pointer-events:none;animation:flipGlowPulse 1.7s ease-out forwards}@keyframes flipGlowPulse{0%{opacity:0;transform:scale(.8)}40%{opacity:0;transform:scale(1)}65%{opacity:1;transform:scale(1.4)}90%{opacity:.6;transform:scale(2)}to{opacity:0;transform:scale(2.4)}}.result-flip-overlay.tier-SSR .flip-glow{background:radial-gradient(circle,rgba(255,200,40,.8) 0%,transparent 55%)}.result-flip-overlay.tier-SR .flip-glow{background:radial-gradient(circle,rgba(168,85,247,.65) 0%,transparent 55%)}.result-flip-overlay.tier-R .flip-glow{background:radial-gradient(circle,rgba(34,197,94,.55) 0%,transparent 55%)}.result-flip-overlay.tier-N .flip-glow{background:radial-gradient(circle,rgba(255,255,255,.55) 0%,transparent 55%)}.flip-card-logo{font-size:28px;font-weight:900;color:#fff;letter-spacing:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:2}.flip-card-qmark{font-size:120px;font-weight:900;color:#fff;line-height:1;text-shadow:0 4px 16px rgba(0,0,0,.2);position:relative;z-index:2;animation:qmarkBob 1.4s ease-in-out infinite}@keyframes qmarkBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.flip-card-sub{font-size:13px;font-weight:600;color:#ffffffe0;letter-spacing:2px;position:relative;z-index:2}.result-intro{font-size:22px;color:var(--text);font-weight:600;margin-bottom:28px;font-style:italic;line-height:1.45;letter-spacing:-.01em;padding:0 8px}.result-desc{font-size:14.5px;color:var(--text-body);text-align:left;line-height:1.85;margin-bottom:32px}.result-desc strong{color:var(--p-main);font-weight:700}.result-desc .desc-para{margin:0 0 12px}.result-desc .desc-para:last-child{margin-bottom:0}.result-secondary{background:#ff51010d;border:1px solid rgba(255,81,1,.12);padding:16px 20px;border-radius:12px;margin-bottom:28px;text-align:left}.secondary-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.secondary-info{font-size:14px;color:var(--brand);font-weight:600}.section-title{font-size:15px;font-weight:700;color:var(--text);margin:36px 0 18px;text-align:center;letter-spacing:-.01em}#radar-chart{display:block;margin:0 auto 24px;max-width:100%}.dimensions-detail{text-align:left;margin-bottom:28px}.dim-row{padding:14px 0;border-bottom:1px solid rgba(23,23,23,.05)}.dim-row:last-child{border-bottom:none}.dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dim-name{font-size:14px;font-weight:600;color:var(--text)}.dim-level{font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.4px}.level-low{background:#b8860b1a;color:#b8860b;border:1px solid rgba(184,134,11,.2)}.level-mid{background:rgba(var(--p-rgb),.08);color:var(--p-main);border:1px solid rgba(var(--p-rgb),.2)}.level-high{background:#16a34a1a;color:var(--green);border:1px solid rgba(22,163,74,.22)}.dim-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.result-top3{text-align:left;margin-bottom:24px;max-width:520px;margin-left:auto;margin-right:auto}.top-item{position:relative;display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:4px;border-radius:10px;transition:background .15s ease;overflow:hidden;opacity:0;transform:translateY(-14px);animation:topItemDropIn .55s cubic-bezier(.34,1.3,.45,1) var(--top-delay, 0ms) forwards}.top-bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:10px;background:linear-gradient(90deg,rgba(var(--p-rgb),.18),rgba(var(--p-rgb),.04));width:0;animation:topBarFill .9s cubic-bezier(.2,.8,.2,1) calc(var(--top-delay, 0ms) + .18s) forwards}.top-item>.top-rank,.top-item>.top-name,.top-item>.top-sim{position:relative;z-index:1}.top-item:last-child{margin-bottom:0}@keyframes topItemDropIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}60%{opacity:1;transform:translateY(3px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes topBarFill{to{width:var(--top-bar-target, 0%)}}.top-rank{display:inline-block;min-width:30px;text-align:center;font-size:13px;font-weight:800;color:var(--text-light);font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:.3px;line-height:1}.top-item:first-child .top-rank{color:var(--p-main);font-size:14px}.top-name{font-size:14px;font-weight:600;color:var(--text);flex:1}.top-item:first-child .top-name{font-weight:800;color:var(--p-main)}.top-sim{font-size:13px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.result-cta{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:10px}.result-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:18px 48px;background:var(--p-main);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:700;letter-spacing:.6px;font-family:inherit;cursor:pointer;box-shadow:0 4px 18px rgba(var(--p-rgb),.28);transition:filter .2s ease,box-shadow .2s ease;min-width:220px}.result-cta .btn-primary:hover{filter:brightness(.94);box-shadow:0 6px 22px rgba(var(--p-rgb),.36)}.result-cta .btn-primary:active{filter:brightness(.88)}.result-cta-sub{font-size:12.5px;color:var(--text-muted);font-weight:500;letter-spacing:.2px;text-align:center;line-height:1.5}.share-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.share-save-overlay.is-showing{display:flex}.share-save-hint{color:#fffc;font-size:14px;font-weight:600;letter-spacing:.5px}.share-save-img{max-width:82vw;max-height:72vh;border-radius:10px;box-shadow:0 12px 48px #00000080;-webkit-touch-callout:default}.share-save-close{background:none;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;font-size:14px;padding:8px 24px;border-radius:999px;cursor:pointer}.result-links{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:4px}.result-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;letter-spacing:.2px;border-radius:6px;transition:color .2s ease,background .2s ease}.result-link:hover{color:var(--p-main);background:rgba(var(--p-rgb),.06)}.result-link-sep{color:var(--text-light);font-weight:400;-webkit-user-select:none;user-select:none;pointer-events:none}.result-footer-hairline{margin:32px auto 0;max-width:420px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(23,23,23,.12) 50%,transparent 100%)}.result-meta{margin-top:28px;padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.result-meta-serial{display:inline-flex;align-items:baseline;gap:8px;font-family:ui-monospace,SF Mono,Menlo,Monaco,Courier New,monospace}.result-meta-serial-label{font-size:10px;font-weight:800;color:var(--p-main);letter-spacing:1.2px}.result-meta-serial-id{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.3px}.result-meta-brand{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--text-light);letter-spacing:.4px}.result-meta-logo{height:16px;width:auto;display:block;opacity:.85}.result-meta-sep{color:var(--text-light);opacity:.6}.result-meta-disclaimer{margin-top:6px;max-width:520px;font-size:11px;color:var(--text-light);line-height:1.65;letter-spacing:.1px}@media(max-width:480px){#app{padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.intro-nav{padding:20px;padding-top:max(20px,env(safe-area-inset-top))}.intro-nav-brand img{height:40px}.intro-hero{padding:24px 24px 70px}.intro-nav-tagline{font-size:11px}.intro-title{font-size:clamp(1.8rem,8.2vw,2.6rem);margin-bottom:20px}.intro-sub{font-size:14px;max-width:320px;margin-bottom:32px}.mobile-br{display:inline}.intro-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;margin-bottom:36px}.intro-stat-divider{display:none}.btn-hero{padding:15px 34px;font-size:15px}.intro-scroll-hint{bottom:18px;font-size:11px}.intro-rarity{padding:24px 20px 40px}.intro-rarity-header{margin-bottom:28px}.intro-rarity-title{font-size:1.6rem}.intro-rarity-sub{font-size:12px}.rarity-section{margin-bottom:36px}.rarity-section-head{gap:10px;margin-bottom:14px;flex-wrap:wrap}.rarity-section-badge{font-size:11px;padding:4px 10px}.rarity-section-label{font-size:12px}.rarity-top-item{grid-template-columns:48px 1fr auto;grid-template-areas:"medal info pct" "medal info pct";gap:12px;padding:14px;border-radius:14px}.rarity-figure-slot{display:none}.rarity-medal{width:44px;height:44px}.rarity-medal-num{font-size:14px}.rarity-top-name{font-size:15px}.rarity-top-intro{font-size:11.5px;margin-bottom:8px}.rarity-top-pct{font-size:18px}.rarity-wall-card{padding:12px 8px 10px;gap:5px;border-radius:10px}.rarity-wall-figure{width:40px;height:40px}.rarity-wall-name{font-size:12px}.rarity-wall-pct,.rarity-common-rank{font-size:11px}.rarity-common-name{font-size:13px}.rarity-common-pct{font-size:12px}.rarity-rare-grid{gap:8px}.rarity-rare-chip{padding:8px 12px;gap:6px}.rarity-rare-chip-name{font-size:13px}.rarity-rare-chip-pct{font-size:12px}.rarity-rare-chip-badge{font-size:9px;padding:2px 6px}.intro-footer{padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));font-size:11px}.quiz-sticky-header{padding-top:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:10px}.quiz-footer{padding-bottom:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.quiz-card-mini{width:40px;height:40px}.mini-card-mark{font-size:18px}.power-floater{font-size:16px}.power-floater.is-crit{font-size:20px}.quiz-card{padding:24px 18px 22px;border-radius:12px}.question-badge{font-size:11px;padding:4px 10px;margin-bottom:16px}.question-text{font-size:16px;margin-bottom:22px;line-height:1.65}.options{gap:8px}.option{padding:14px;gap:12px}.option-label{width:26px;height:26px;font-size:12px}.option-text{font-size:14px;line-height:1.55}.quiz-footer{margin-top:20px}#page-result{padding-top:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:40px;padding-bottom:max(40px,env(safe-area-inset-bottom))}.result-card{padding:56px 20px 28px;border-radius:14px}.personality-figure{max-width:150px;margin-bottom:16px}.result-brand{top:18px;left:18px}.result-brand img{height:24px}.result-qr{flex-direction:column;align-items:flex-end;gap:4px;top:18px;right:18px}.result-qr-svg{width:40px;height:40px}.result-qr-id{display:none}.result-qr-id-mobile{display:block;font-family:ui-monospace,SF Mono,Menlo,Monaco,Courier New,monospace;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.2px;white-space:nowrap}.result-kicker{margin-bottom:14px;padding:6px 14px;font-size:11px}.result-name{font-size:2.1rem;margin-bottom:12px}.result-stats{padding:14px 6px;margin:6px 0 22px;gap:4px 6px;border-radius:12px}.result-stat-label{font-size:9px;letter-spacing:.6px}.result-stat-value{font-size:17px}.result-stat-stars{font-size:14px;letter-spacing:1.5px}.result-stat-sub,.result-stat-tier{font-size:9px}.result-stat-divider{height:36px}.flip-card-back{width:220px;height:310px}.flip-card-logo{font-size:22px}.flip-card-qmark{font-size:96px}.flip-card-sub{font-size:11px}.result-intro{font-size:14.5px;margin-bottom:16px}.result-desc{font-size:13.5px;line-height:1.78;margin-bottom:24px}.section-title{font-size:14px;margin:20px 0 8px}.dim-name{font-size:13px}.dim-desc{font-size:12px}.result-cta{margin-top:28px}.result-cta .btn-primary{padding:15px 36px;font-size:15px;min-width:200px}.result-cta-sub{font-size:11.5px}.result-links{margin-top:18px}.result-link{font-size:12.5px;padding:6px 12px}.result-footer-hairline{margin-top:26px;max-width:280px}.result-meta{margin-top:16px}.result-meta-serial-id{font-size:11px}.result-meta-disclaimer{font-size:10.5px;line-height:1.6}}@media(max-width:360px){.question-text{font-size:15px}.option{padding:12px}.option-text{font-size:13px}.result-name{font-size:1.8rem}.intro-stats{gap:16px}.intro-stat-num{font-size:1.6rem}}@media(hover:none){.option:hover:not(.answered){border-color:var(--border);background:#fff}.btn-primary:hover{transform:none;box-shadow:0 2px 8px #ff51012e}.btn-hero:hover{background:var(--brand);box-shadow:0 4px 14px #ff510138}.option:active:not(.answered){border-color:var(--brand);background:var(--brand-light)}}@media(min-width:768px){:root{--max-width: 760px}#app{padding:0 32px}.intro-nav{padding:36px 64px}.intro-nav-brand img,.quiz-nav-logo{height:56px}.intro-hero{padding:40px 48px 60px}.intro-nav-tagline{font-size:14px}.intro-title{margin-bottom:44px}.intro-stats{gap:60px;margin-bottom:60px}.intro-stat-num{font-size:2.4rem}.intro-stat-label{font-size:13px}.btn-hero{padding:20px 48px;font-size:17px}.intro-footer{padding:32px 64px;font-size:13px}.intro-rarity{padding:56px 48px 88px}.intro-rarity-header{margin-bottom:44px}.rarity-section{margin-bottom:52px}.rarity-common-grid{grid-template-columns:repeat(3,1fr);gap:12px}#page-quiz{padding-top:0;padding-bottom:0}#page-quiz.active{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:48px 24px}.progress-row{max-width:680px;width:100%;margin:0 auto 28px}.quiz-card{padding:52px 48px 44px;max-width:680px;width:100%;margin:0 auto}.question-badge{font-size:13px;padding:6px 14px;margin-bottom:24px}.question-text{font-size:19px;line-height:1.7;margin-bottom:32px}.options{gap:12px}.option{padding:18px 22px;gap:16px}.option-label{width:30px;height:30px;font-size:14px}.option-text{font-size:16px;line-height:1.65}.quiz-footer{max-width:680px;width:100%;margin:24px auto 0}.btn-prev{font-size:15px}.footer-counter{font-size:14px}#page-result{padding-top:48px;padding-bottom:60px}.result-card{padding:56px 52px 44px}.personality-figure{max-width:320px;margin-bottom:32px}.result-kicker{font-size:14px;margin-bottom:14px}.result-name{font-size:3rem;margin-bottom:20px}.result-stats{padding:22px 16px;margin:12px 0 34px;gap:10px 20px}.result-stat-value{font-size:26px}.result-stat-stars{font-size:20px}.result-stat-label,.result-stat-sub,.result-stat-tier{font-size:11px}.result-stat-divider{height:52px}.result-intro{font-size:17px;margin-bottom:24px}.result-desc{font-size:15px;line-height:1.9;margin-bottom:36px}.section-title{font-size:17px;margin:40px 0 20px}.dim-row{padding:16px 0}.dim-name{font-size:15px}.dim-level{font-size:13px;padding:4px 12px}.dim-desc{font-size:14px}.top-item{padding:14px 0}.top-name{font-size:15px}.top-sim,.top-rank{font-size:14px}.result-cta{margin-top:44px}.result-cta .btn-primary{padding:20px 52px;font-size:17px;min-width:260px}.result-cta-sub{font-size:13px}.result-links{margin-top:24px}.result-link{font-size:14px;padding:10px 18px}.result-meta-serial-id{font-size:13px}.result-meta-disclaimer{font-size:12px}}@media(min-width:1024px){:root{--max-width: 1120px}.progress-row,.quiz-card,.quiz-footer{max-width:760px}.question-text{font-size:20px}.intro-rarity{padding:72px 48px 100px}.intro-rarity-header{margin-bottom:52px}.intro-rarity-title{font-size:2.4rem}.rarity-section{margin-bottom:56px}.rarity-top-item{grid-template-columns:64px 80px 1fr auto;gap:20px;padding:22px 28px;border-radius:18px}.rarity-medal{width:60px;height:60px}.rarity-medal-num{font-size:18px}.rarity-figure-slot{width:72px;height:72px}.rarity-top-name{font-size:18px}.rarity-top-intro{font-size:13.5px}.rarity-top-pct{font-size:26px}.rarity-common-grid{grid-template-columns:repeat(4,1fr);gap:14px}.rarity-wall-card{padding:18px 14px 16px;gap:7px;border-radius:14px}.rarity-wall-figure{width:56px;height:56px}.rarity-wall-name{font-size:14px}.rarity-wall-pct{font-size:13px}.rarity-rare-chip{padding:12px 18px}.rarity-rare-chip-name{font-size:15px}.rarity-rare-chip-pct{font-size:14px}.result-card{padding:64px 72px 56px}.result-brand{top:32px;left:36px}.result-brand img{height:36px}.result-qr{top:32px;right:36px;gap:10px;align-items:flex-start}.result-qr-svg{width:52px;height:52px}.result-qr-id-label{font-size:9px}.result-qr-id-code{font-size:14px}.result-qr-id-time{font-size:12px}.result-hero{flex-direction:row;align-items:center;gap:48px;margin-bottom:48px;text-align:left}.personality-figure{flex-shrink:0;max-width:360px;width:360px;margin:0}.result-hero-info{flex:1;align-items:flex-start;text-align:left}.result-name{font-size:3.6rem;text-align:left;margin-bottom:20px}.result-intro{text-align:left;margin-bottom:20px}.result-desc{text-align:left;margin-bottom:0;font-size:15px;line-height:1.85}.result-metrics{display:grid;grid-template-columns:480px 1fr;gap:56px;align-items:start;margin-top:20px}.result-metrics .section-title{display:none}.result-metrics-radar{display:flex;flex-direction:column;align-items:center}.result-metrics-radar:before{content:"十五维度评分";display:block;font-size:12px;font-weight:700;color:var(--brand);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.dimensions-detail{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.dim-row{padding:12px 0}.dim-row:nth-last-child(-n+2){border-bottom:none}}