:root{--orange:#f7931a;--ink:#191b1d;--muted:#606469;--line:#dadddf;--paper:#f5f6f6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f7f8f8;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0;background:transparent}header{height:92px;max-width:1320px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6e7}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand span{font-size:11px;max-width:125px;line-height:1.4;letter-spacing:0;font-weight:500;margin-left:12px;color:var(--muted)}.mark{font-size:19px;background:var(--ink);color:white;border-radius:9px;width:31px;height:34px;display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff60}nav{display:flex;gap:25px;font-size:14px}nav button{padding:8px 0}.preview-label{text-align:center;color:#686d72;font-size:12px;padding-top:15px}main{min-height:75vh}.hero{text-align:center;max-width:1200px;margin:auto;padding:45px 24px 0}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;color:#60656a;margin:0 0 22px}h1,h2,p{margin-top:0}h1{font-size:57px;line-height:1.3;font-weight:680;letter-spacing:0;margin-bottom:22px}h1 span{display:block}.hero h1 span:last-child{color:#777b7e;font-size:43px;margin-top:5px}.subtitle{color:var(--muted);font-size:16px;margin-bottom:24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:12px 25px;border-radius:12px;font-size:15px;font-weight:650;transition:transform .18s,box-shadow .18s}.primary{background:var(--orange);box-shadow:inset 0 1px 1px #ffffffa0,0 4px 0 #d57912,0 7px 12px #ab67121c;color:#231b10}.primary:hover{box-shadow:inset 0 1px 1px #ffffffa0,0 4px 0 #d57912,0 8px 20px #ab671230}.primary:active,.secondary:active{transform:translateY(3px);box-shadow:none}.secondary{background:#fff;border:1px solid #d9dcdf;box-shadow:0 3px 0 #e0e3e5}.actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.meta{font-size:12px;color:#656b70;margin:20px 0 0}.stage{height:385px;position:relative;max-width:960px;margin:0 auto;perspective:1200px;isolation:isolate}.stage:before{content:"";position:absolute;inset:50px 0 0;background:radial-gradient(ellipse at 50% 75%,#e1e4e5,transparent 65%);z-index:-2}.plinth{position:absolute;left:20%;right:20%;height:125px;bottom:32px;border-radius:35px;background:linear-gradient(150deg,#ffffff,#dce0e2);transform:rotateX(60deg) rotateZ(-10deg);box-shadow:inset 0 3px 4px white,0 12px 0 #d7dbdd,0 14px 2px #c6ccce,14px 36px 25px #1f24252b}.plinth:after{content:"";position:absolute;inset:20%;background:#f7931a;filter:blur(30px);opacity:.28}.hero-card{position:absolute;width:300px;height:225px;left:calc(50% - 150px);top:72px;transform:rotateY(-15deg) rotateX(12deg) rotateZ(-8deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hero-card:hover{transform:rotateY(-7deg) rotateX(5deg) rotateZ(-4deg) translateY(-8px)}.ghost-card{position:absolute;width:285px;height:220px;border:1px solid #fff;border-radius:23px;top:50px;left:calc(50% - 80px);background:linear-gradient(130deg,#ffffff90,#e1e5e680);box-shadow:inset 1px 2px 1px white,6px 8px 0 #d6dbdd80,20px 25px 30px #1d232515;transform:rotateY(-20deg) rotateZ(8deg);backdrop-filter:blur(14px)}.ghost-card.rear{top:36px;left:calc(50% - 10px);transform:rotateY(-20deg) rotateZ(15deg);opacity:.6}.ghost-card span{position:absolute;right:25px;top:20px;font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;color:#5e666d44}.stage-note{position:absolute;left:5%;bottom:80px;font-size:12px;text-align:left;color:#6d7377;line-height:1.8}.stage-note:after{content:"";display:block;width:65px;height:1px;background:#b9c0c4;margin-top:12px}.stage .caption{position:absolute;bottom:0;left:0;right:0;color:#686d70;font-size:12px}.collector{width:100%;height:100%;padding:17px;border-radius:24px;background:linear-gradient(125deg,#ffffffdc,#e4e9eaaa);border:1px solid #fff;box-shadow:inset 1px 2px 2px #fff, inset -2px -3px 2px #bdc4c782,5px 7px 0 #d7dddf,6px 9px 1px #bfc6c9,18px 25px 32px #26313925;backdrop-filter:blur(18px);position:relative;overflow:hidden}.collector:after{content:"";position:absolute;bottom:-18px;left:15%;width:70%;height:30px;background:#f7931a;filter:blur(15px);opacity:.65;pointer-events:none}.card-face{position:relative;height:100%;border-radius:12px;border:1px solid #cbd1d4;background:linear-gradient(135deg,#ffffff,#edf0f1);padding:15px 19px;overflow:hidden;text-align:left}.card-top{display:flex;justify-content:space-between;font-size:10px;color:#5f666b;letter-spacing:1.4px}.card-code{font-family:Impact,"Arial Narrow",sans-serif;font-size:52px;line-height:1.15;font-weight:500;letter-spacing:1px;position:relative;z-index:2}.card-name{font-size:11px;position:relative;z-index:2}.market-art{position:absolute;width:100%;height:70%;right:-8%;bottom:3%;opacity:.86}.card-bottom{position:absolute;bottom:12px;font-size:9px;letter-spacing:1.6px;color:#5c666d}.home-bottom{max-width:940px;margin:35px auto 70px;display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid var(--line);text-align:left;color:var(--muted);font-size:14px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.result{max-width:1120px;margin:35px auto 70px;padding:0 30px}.result-top{display:grid;grid-template-columns:460px 1fr;gap:70px;align-items:start}.result-heading{grid-column:2;grid-row:1}.result-heading .eyebrow{margin:5px 0 8px}.result-heading h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:74px;letter-spacing:2px;line-height:1.1;margin:0}.result-heading h2{font-size:27px;font-weight:600;margin:8px 0 14px}.result-card-area{grid-column:1;grid-row:1 / span 3;padding:25px 20px 0;background:radial-gradient(ellipse at center 75%,#d8dddf80,transparent 66%)}.flip{perspective:1200px;width:100%;height:310px;border:0;padding:0;background:none;display:block}.flip-inner{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.flip[aria-pressed="true"] .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.flip-back .card-face{display:flex;flex-direction:column;justify-content:space-between}.flip-back strong{font-size:28px;line-height:1.5;font-weight:500}.result-card-area .card-code{font-size:68px}.result-card-area .card-name{font-size:14px}.flip-hint{font-size:12px;color:var(--muted);text-align:center;margin:22px 0}.result-quote{grid-column:2;margin-top:-55px}.quote{font-size:18px;line-height:1.75;margin-bottom:22px}.result-quote .actions{justify-content:flex-start}.private-note{font-size:12px;color:var(--muted);margin:14px 0 0}.evidence{margin-top:28px;border-top:1px solid #cbd1d5;padding-top:23px}.evidence h2{font-size:22px;margin-bottom:4px}.evidence-sub{font-size:12px;color:var(--muted);margin-bottom:14px}.evidence-item{padding:15px 0;border-bottom:1px solid #dfe2e4}.evidence-item small{display:block;color:var(--muted);font-size:13px}.evidence-item p{font-size:17px;margin:4px 0 0}.details{max-width:920px;margin:65px auto 0;padding-top:36px;border-top:1px solid var(--line)}.details h2{font-size:28px;margin-bottom:15px}.details>p{font-size:18px;color:#51575c}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 55px}.detail-grid section{padding:20px 0;border-bottom:1px solid var(--line)}.detail-grid h3{font-size:12px;letter-spacing:1px;color:var(--muted)}.detail-grid p{font-size:17px;margin-bottom:0}.end-actions{margin-top:35px}footer{border-top:1px solid var(--line);padding:30px;text-align:center;font-size:12px;color:var(--muted)}footer p{margin:10px 0}dialog{color:var(--ink);max-width:650px;width:calc(100% - 30px);max-height:90dvh;border:1px solid white;border-radius:23px;padding:38px;background:#f5f7f7;box-shadow:0 25px 70px #0003}dialog::backdrop{background:#19232d55;backdrop-filter:blur(8px)}dialog h2{font-size:24px;line-height:1.6}.close{position:absolute;right:13px;top:9px;font-size:28px}.option{display:flex;text-align:left;width:100%;padding:14px 16px;margin:12px 0;border:1px solid #d4dade;border-radius:12px;background:linear-gradient(#fff,#f0f2f3);box-shadow:0 4px 0 #d4dade;transition:transform .15s,background .15s;line-height:1.7}.option b{margin-right:15px}.option:active{transform:translateY(3px);box-shadow:none}.option[aria-pressed=true]{border-color:#e19a3c;background:#fff3e3;box-shadow:0 3px 0 #e19a3c}.option + .primary{margin-top:15px}.primary:disabled{opacity:.4;cursor:default}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;border-radius:12px;background:#20272d;color:white;font-size:14px;z-index:5;display:none}.reveal .flip-inner{animation:reveal .85s cubic-bezier(.2,.7,.2,1)}@keyframes reveal{from{transform:rotateY(-110deg) translateY(15px);opacity:.2}to{transform:none;opacity:1}}html[lang=en] h1{letter-spacing:-1.6px;font-size:58px;line-height:1.1}html[lang=en] .hero h1 span:last-child{font-size:46px;max-width:800px;margin:12px auto}html[lang=en] .result-heading h1{font-size:74px;letter-spacing:2px}html[lang=en] .result-heading h2{font-size:22px}html[lang=en] .eyebrow{letter-spacing:1.4px}
@media(max-width:760px){header{height:72px;padding:0 20px}.brand span{display:none}nav{gap:16px;font-size:12px}.preview-label{font-size:11px;padding-top:12px}.hero{padding:35px 20px 0}.eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:18px}h1{font-size:29px;line-height:1.4;font-weight:650}.hero h1 span:last-child{font-size:27px;max-width:340px;margin:7px auto 0}.subtitle{font-size:14px;max-width:315px;margin:0 auto 23px}.primary,.secondary{font-size:14px;min-height:48px;padding:11px 20px;gap:15px}.hero .secondary{padding:10px 14px}.meta{font-size:11px}.stage{height:315px;margin-top:4px}.hero-card{width:240px;height:190px;left:calc(50% - 130px);top:63px}.ghost-card{width:230px;height:185px;left:calc(50% - 105px);top:48px}.ghost-card.rear{left:calc(50% - 78px);top:37px}.plinth{left:8%;right:8%;bottom:28px;height:120px}.stage-note{display:none}.collector{padding:12px;border-radius:20px}.card-face{padding:11px 14px}.card-code{font-size:43px}.card-top{font-size:8px}.card-bottom{font-size:8px;bottom:8px}.home-bottom{margin:25px 20px 40px;gap:25px;font-size:12px}.home-bottom p{max-width:180px}.home-bottom button{font-size:12px;padding:0;align-self:flex-start}.result{margin:22px auto 45px;padding:0 22px}.result-top{display:flex;flex-direction:column;gap:0}.result-heading{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.result-heading .eyebrow{grid-column:1/-1;margin-bottom:8px}.result-heading h1{font-size:49px}.result-heading h2{font-size:22px;margin:0;text-align:right}.result-card-area{width:100%;padding:18px 12px 0}.flip{height:235px}.result-card-area .card-code{font-size:56px}.result-card-area .card-name{font-size:11px}.flip-hint{margin:16px 0 18px;font-size:11px}.result-quote{margin-top:0;width:100%}.quote{font-size:16px;line-height:1.7;margin-bottom:18px}.result-quote .actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.private-note{font-size:11px;margin-top:13px}.evidence{margin-top:24px;padding-top:18px}.evidence h2{font-size:21px}.evidence-item{padding:12px 0}.evidence-item p{font-size:16px}.evidence-item small{font-size:12px}.details{margin-top:35px;padding-top:25px}.details h2{font-size:23px}.details>p{font-size:16px}.detail-grid{grid-template-columns:1fr;gap:0}.detail-grid section{padding:14px 0}.detail-grid p{font-size:16px}footer{padding:25px 20px;font-size:11px}dialog{padding:34px 22px}dialog h2{font-size:20px}html[lang=en] .hero h1{font-size:35px}html[lang=en] .hero h1 span:last-child{font-size:33px;line-height:1.15}html[lang=en] .result-heading h1{font-size:48px}html[lang=en] .result-heading h2{font-size:14px;line-height:1.4}html[lang=en] .eyebrow{letter-spacing:.6px}html[lang=en] .result .quote{font-size:16px}}
.hero h1 span,.subtitle,.flip-back strong{text-wrap:balance}.result-quote{margin-top:0}.result-top{row-gap:14px}.brand span,.preview-label,.meta,.private-note,.flip-hint,.evidence-sub{font-size:12px}.hero .eyebrow{font-size:12px}
@media(max-width:760px){nav{font-size:13px}.hero h1 span:last-child{max-width:310px}.result-top{gap:0}.result-quote{margin-top:0}}
@media(max-width:350px){.ghost-card.rear{left:calc(50% - 98px);width:215px}.hero h1{font-size:26px}.hero h1 span:last-child{font-size:25px}}
/* Full v2 application components extend the approved frosted preview. */
[hidden]{display:none!important}html{color-scheme:light}button:disabled{cursor:not-allowed;opacity:.45}.skip-link{position:fixed;left:12px;top:-100px;z-index:20;background:white;padding:12px}.skip-link:focus{top:12px}header .brand{padding:0}nav button{min-height:44px;min-width:44px}.hero{padding-top:58px}.market-art{height:65%;width:90%;right:0;bottom:6%}.market-art svg{width:100%;height:100%;display:block}.card-bottom{font-size:11px;letter-spacing:.6px}.card-name{line-height:1.35;max-width:94%}.card-top{font-size:11px;letter-spacing:.8px}.secret-collector{border:2px solid #c8ad6d;box-shadow:inset 0 0 0 3px #faf5e7,5px 7px 0 #d1c5a2,6px 9px 1px #b2a071,18px 25px 32px #26313925}.hidden-result .reveal .collector{animation:secret-light 1s ease-out}.hidden-result .eyebrow{color:#785820}.flip-hint{font-size:12px}.flip-back strong{font-size:26px}.quote{overflow-wrap:anywhere}.result-heading h2{overflow-wrap:anywhere}.shared-note{margin-top:35px;padding:25px 0;border-top:1px solid var(--line)}.shared-note p{color:var(--muted)}.result-card-area .card-code{font-size:64px}.result-card-area .card-name{font-size:13px}.result-card-area .card-bottom{font-size:11px}.quiz-page{max-width:900px;margin:35px auto 65px;padding:0 28px}.quiz-topline{display:flex;align-items:center;justify-content:space-between}.quiz-topline .text-link{min-height:44px}.question-progress{font-size:18px;font-variant-numeric:tabular-nums;color:#5a6268}.quiz-page progress{width:100%;height:5px;appearance:none;border:0;display:block;margin:13px 0 35px;background:#dce1e4;border-radius:8px;overflow:hidden}.quiz-page progress::-webkit-progress-bar{background:#dce1e4}.quiz-page progress::-webkit-progress-value{background:#f7931a;transition:width .22s}.quiz-page progress::-moz-progress-bar{background:#f7931a}.question-panel{animation:question-in .25s ease-out}.chapter-label{font-size:12px;letter-spacing:1px;color:#5f676d;display:flex;gap:15px;align-items:center;margin-bottom:18px}.chapter-label strong{font-size:15px;font-weight:500;letter-spacing:0}.new-chapter{animation:chapter-in .4s ease-out}.question-panel h1,html[lang=en] .question-panel h1{font-size:30px;line-height:1.5;letter-spacing:0;margin-bottom:14px;font-weight:600}.quiz-instruction{font-size:14px;color:#59636a;margin-bottom:28px}.option{position:relative;align-items:flex-start;gap:0;padding:17px 18px;margin:15px 0;font-size:16px}.option b{font-size:14px;min-width:22px}.option>span:nth-child(2){flex:1}.choice-check{min-width:18px;margin-left:10px;color:#8b4e07}.option[aria-checked=true]{border-color:#cd892e;background:#fff4e5;box-shadow:0 3px 0 #cc8a31}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px}.keyboard-hint{font-size:12px;color:#606a71;margin:0}.quiz-actions .primary{min-width:180px}.radar-section{padding-top:45px;margin-top:25px}.radar-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}.radar-layout svg{width:100%;max-width:470px}.radar-values{font-size:15px}.radar-values>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px}.radar-values dd{font-variant-numeric:tabular-nums;font-weight:600}.stats-page{max-width:960px;margin:55px auto 70px;padding:0 30px}.stats-page h1,html[lang=en] .stats-page h1{font-size:42px;line-height:1.3;letter-spacing:0}.stats-page>.eyebrow{font-size:12px}.stats-page>p{color:var(--muted)}.total{display:flex;align-items:baseline;gap:15px;margin:30px 0}.total strong{font-size:65px;font-variant-numeric:tabular-nums}.total span{color:var(--muted)}.connection-note{background:#edf0f1;border:1px solid #d5dce1;border-radius:14px;padding:24px;margin:25px 0}.connection-note h2{font-size:23px;margin-bottom:10px}.connection-note p{margin-bottom:10px}.rank-row{border-bottom:1px solid #d4dce1;padding:22px 15px}.rank-row.own{background:#fff0da;outline:1px solid #e0ad65;border-radius:10px}.rank-row summary{cursor:pointer;list-style:none}.rank-row summary::-webkit-details-marker{display:none}.rank-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.rank-head b{font-size:22px}.rank-head span{font-size:14px}.rank-track{height:6px;background:#dce2e5;margin-top:13px;border-radius:5px;overflow:hidden}.rank-track>span{display:block;height:100%;background:#f7931a}.rank-row h3{font-size:18px;margin:20px 0 10px}.rank-row p{font-size:16px;margin-bottom:12px}.rank-row small{font-size:12px;color:var(--muted)}.share-tools{display:flex;flex-wrap:wrap;gap:15px}.share-tools button,.share-tools a{min-height:48px}.share-tools .primary{width:100%}#dialog-status{margin-top:25px;font-size:14px}dialog input{font:inherit;width:100%;padding:10px}#feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 20px;border-radius:12px;background:#20272d;color:#fff;font-size:14px;z-index:10;visibility:hidden}#feedback.visible{visibility:visible}.private-note,.evidence-sub,.meta{font-size:12px;color:#59636a}.details h3{font-size:14px;letter-spacing:.5px}footer{font-size:12px}.end-actions .text-link{min-height:44px}h1:focus,h2:focus,#main:focus{outline:none}
@keyframes question-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes chapter-in{from{color:#8e5310;transform:translateX(7px)}to{transform:none}}@keyframes secret-light{from{filter:brightness(1.25)}to{filter:brightness(1)}}
@media(max-width:760px){.hero{padding-top:40px}.card-top{font-size:10px}.card-bottom{font-size:10px;letter-spacing:.4px}.result-card-area .card-code{font-size:53px}.result-card-area .card-name{font-size:12px}.result-card-area .card-bottom{font-size:10px}.result-card-area .market-art{height:59%;bottom:7%}.result-heading{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:8px}.result-heading h2{font-size:21px;line-height:1.4}.result-heading h1{font-size:47px}.result-heading .eyebrow{font-size:12px}.result{margin-top:25px}.quiz-page{margin-top:22px;padding:0 20px}.quiz-page progress{margin-bottom:26px}.chapter-label{display:block;font-size:12px}.chapter-label strong{display:block;margin-top:5px;font-size:16px}.question-panel h1,html[lang=en] .question-panel h1{font-size:23px;line-height:1.5;letter-spacing:0}.quiz-instruction{font-size:14px;line-height:1.65;margin-bottom:20px}.option{font-size:16px;padding:15px 13px}.option b{margin-right:8px}.choice-check{margin-left:5px}.quiz-actions{flex-direction:column-reverse;gap:18px;align-items:stretch}.quiz-actions .primary{width:100%}.keyboard-hint{text-align:center}.radar-layout{grid-template-columns:1fr;gap:0}.radar-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.radar-values>div{padding:8px 0}.radar-values dd{margin-left:10px}.stats-page{margin:35px auto 50px;padding:0 20px}.stats-page h1,html[lang=en] .stats-page h1{font-size:30px}.rank-row{padding:20px 10px}.rank-head span{font-size:12px}.connection-note{padding:20px}.end-actions{gap:20px}.flip-back strong{font-size:23px}.home-bottom{font-size:14px;align-items:flex-start}.home-bottom button{font-size:14px;min-height:44px}.home-bottom p{max-width:175px}.subtitle{font-size:16px}.hero .meta{max-width:325px;margin:18px auto 0}.stage{margin-top:15px}.hero .eyebrow{letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the collectible's illustration below long bilingual names. */
.card-face{display:flex;flex-direction:column}
.card-top,.card-code,.card-name{flex-shrink:0}
.collector .card-face .market-art{position:relative;flex:1;min-height:0;width:100%;height:auto;right:auto;bottom:auto;margin:3px 0 19px}
.card-face .card-name{max-width:100%}
.hero-card .collector .card-face .market-art{position:absolute;left:10%;bottom:12%;width:86%;height:49%;margin:0}
@media(max-width:760px){.result .flip{height:280px}}