:root{--ink:#26332f;--ink-soft:#52625d;--muted:#78857f;--sage:#78998b;--sage-deep:#4f7466;--sage-pale:#dce8df;--cream:#f5f0e6;--paper:#fffdf8;--sand:#e8ddcc;--peach:#e8c8b4;--blue:#cbdde2;--line:#48605729;--shadow:0 24px 70px #31413b1f}*{box-sizing:border-box}html{background:var(--cream)}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif}button{font:inherit}.site-shell{background:radial-gradient(circle at 89% 7%, #adc7bb66, transparent 27rem), radial-gradient(circle at 2% 88%, #e2c4b247, transparent 26rem), var(--cream);min-height:100vh;position:relative;overflow:hidden}.grain{opacity:.28;pointer-events:none;background-image:radial-gradient(#394a4421 .7px,#0000 .7px);background-size:8px 8px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.page-wrap{z-index:1;width:min(1120px,100% - 40px);margin:0 auto;position:relative}.home-page{padding-bottom:28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand-lockup{letter-spacing:.15em;color:var(--ink-soft);align-items:center;gap:10px;font-size:11px;font-weight:850;display:flex}.brand-dot{background:var(--sage-deep);color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:15px;display:grid}.mini-note{color:var(--muted);border:1px solid var(--line);background:#fffdf89e;border-radius:99px;padding:8px 12px;font-size:11px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 0}.hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:76px;min-height:620px;padding:74px 0 60px;display:grid}.no-football-badge{color:var(--sage-deep);background:#edf5f0cc;border:1px solid #b9d1c5;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex}.no-football-badge span{background:var(--sage-deep);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.eyebrow{color:var(--sage-deep);letter-spacing:.17em;margin:28px 0 0;font-size:11px;font-weight:850}.hero-copy h1{color:#293630;letter-spacing:-.065em;margin:18px 0 28px;font-size:clamp(52px,6.6vw,78px);font-weight:900;line-height:1.05}.hero-copy h1 em{color:var(--sage);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";z-index:-1;background:#78998b2e;border-radius:20px;height:8px;position:absolute;bottom:5px;left:0;right:0}.hero-description{color:#64726d;max-width:590px;margin:0;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.hero-actions>p{color:#87908c;margin:0;font-size:11px;line-height:1.65}.hero-actions>p strong{color:var(--ink-soft);font-size:12px}.primary-button,.secondary-button,.bottom-cta{cursor:pointer;border:0;border-radius:14px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:var(--sage-deep);padding:16px 20px;font-weight:800;box-shadow:0 12px 28px #4f746633}.primary-button span{margin-left:20px}.primary-button:hover,.bottom-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px #4f74663d}.secondary-button{border:1px solid var(--line);color:var(--ink-soft);background:#fffdf8b3;padding:15px 20px;font-weight:750}.player-stack{min-height:460px;position:relative}.mini-player-card{--card-index:0;width:310px;height:142px;left:calc(var(--card-index) * 34px);top:calc(var(--card-index) * 84px);transform:rotate(calc((var(--card-index) - 1.5) * 1.2deg));background:#fffdf8ed;border:1px solid #3b4d4629;border-radius:22px;justify-content:space-between;align-items:center;padding:23px 24px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 50px #3745401c}.mini-player-card:after{content:"";background:var(--accent-soft,var(--sage-pale));border-radius:50%;width:140px;height:140px;position:absolute;top:-55px;right:-54px}.mini-player-card div{z-index:1;flex-direction:column;gap:5px;display:flex;position:relative}.mini-player-card small{color:#8e9994;letter-spacing:.12em;font-size:9px}.mini-player-card strong{color:var(--ink);font-size:25px}.mini-player-card span{color:var(--accent,var(--sage-deep));font-size:12px;font-weight:750}.mini-player-card>b{z-index:1;color:var(--accent,var(--sage));letter-spacing:-.08em;font-size:72px;line-height:1;position:relative}.mini-ronaldo{--accent:#8a6d44;--accent-soft:#eee1cb}.mini-messi{--accent:#668b98;--accent-soft:#dbe8ec}.mini-neymar{--accent:#a86c58;--accent-soft:#f1ded5}.mini-mbappe{--accent:#6e806d;--accent-soft:#dfe8dc}.mystery-panel{place-items:center;min-height:480px;display:grid;position:relative}.mystery-orbit{border:1px solid #4f74662e;border-radius:50%;position:absolute}.orbit-one{width:400px;height:400px;transform:rotate(-13deg)}.orbit-two{width:330px;height:430px;transform:rotate(28deg)}.mystery-jersey{z-index:2;color:#fff;clip-path:polygon(18% 0,35% 10%,65% 10%,82% 0,100% 15%,86% 36%,86% 100%,14% 100%,14% 36%,0 15%);background:linear-gradient(155deg,#729183,#45685a);flex-direction:column;justify-content:center;align-items:center;width:230px;height:310px;display:flex;position:relative;box-shadow:0 28px 60px #3349403d}.mystery-jersey:before{content:"";background:#ffffff42;border-radius:0 0 50px 50px;width:53px;height:30px;position:absolute;top:8px}.mystery-jersey span,.mystery-jersey small{letter-spacing:.18em;opacity:.75;font-size:9px}.mystery-jersey strong{font-family:Georgia,serif;font-size:126px;font-weight:400;line-height:1}.locked-file{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8eb;border:1px solid #41564e29;border-radius:14px;grid-template-columns:1fr auto;gap:8px;width:190px;min-height:72px;padding:14px 16px;display:grid;position:absolute;box-shadow:0 14px 35px #3746401c}.locked-file span{color:#66766f;letter-spacing:.08em;grid-column:1/-1;font-size:9px}.locked-file b{color:#a8b1ac;letter-spacing:.15em;font-size:14px}.locked-file i{color:var(--sage-deep);font-size:8px;font-style:normal;font-weight:800}.locked-one{top:82px;left:0;transform:rotate(-5deg)}.locked-two{top:186px;right:-8px;transform:rotate(4deg)}.locked-three{bottom:50px;left:18px;transform:rotate(3deg)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:74px;display:flex}.trust-strip>span{color:#7f8d87;white-space:nowrap;font-size:11px}.trust-strip>div{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:22px;display:flex;overflow:auto}.trust-strip b{white-space:nowrap;color:#4d5e57;font-size:12px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:44px 0 22px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fffdf8cc;border-radius:20px;min-height:188px;padding:28px}.feature-grid article>span,.report-card>span,.section-head span{color:var(--sage-deep);letter-spacing:.1em;font-size:10px;font-weight:850}.feature-grid h2{margin:24px 0 10px;font-size:18px}.feature-grid p{color:#74817c;margin:0;font-size:13px;line-height:1.8}.bottom-cta{width:100%;color:var(--sage-deep);background:#e1eadd;padding:18px 22px;font-weight:850}.bottom-cta span{float:right}footer{text-align:center;color:#919b96;padding:24px 10px;font-size:9px;line-height:1.7}.quiz-page{padding-bottom:48px}.quiz-head{justify-content:space-between;align-items:flex-end;padding:36px 0 17px;display:flex}.quiz-head span{color:var(--sage-deep);font-size:12px;font-weight:850}.quiz-head p{color:var(--muted);margin:7px 0 0;font-size:12px}.quiz-head strong{color:var(--sage-deep);font-size:34px}.quiz-head small{color:#99a39f;font-size:12px}.progress-track{background:#78998b26;border-radius:20px;height:6px;margin-bottom:26px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--sage-deep), #a4bfae);border-radius:20px;height:100%;transition:width .3s;display:block}.question-card{border:1px solid var(--line);max-width:860px;box-shadow:var(--shadow);background:#fffdf8f0;border-radius:24px;margin:0 auto;padding:38px}.question-kicker{color:#96a19c;justify-content:space-between;font-size:10px;display:flex}.question-kicker span:first-child{color:var(--sage-deep);font-weight:800}.question-card h1{color:#2d3b35;letter-spacing:-.025em;max-width:760px;margin:34px 0;font-size:clamp(26px,4vw,36px);line-height:1.45}.option-list{grid-template-columns:1fr 1fr;gap:11px;display:grid}.option-list button{color:#485851;text-align:left;cursor:pointer;background:#fbfaf5;border:1px solid #465e5526;border-radius:15px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:88px;padding:15px 16px;transition:background .18s,border .18s,transform .18s;display:grid}.option-list button:hover{background:#eef4ef;border-color:#a9c1b5;transform:translateY(-1px)}.option-list button b{background:var(--sage-pale);width:32px;height:32px;color:var(--sage-deep);border-radius:10px;place-items:center;font-size:12px;display:grid}.option-list button span{font-size:14px;line-height:1.55}.option-list button i{color:#acb5b1;font-style:normal}.question-nav{color:#9aa49f;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;display:flex}.question-nav button{color:#75837d;cursor:pointer;background:0 0;border:0}.question-nav button:disabled{opacity:.3}.result-page{padding-bottom:30px}.screenshot-tip{text-align:center;color:#7f8c86;margin:28px 0 12px;font-size:11px}.share-poster{--poster-accent:#4f7466;--poster-soft:#dce8df;--poster-deep:#2d433a;background:linear-gradient(150deg, #fffdf8 0%, var(--poster-soft) 100%);max-width:820px;box-shadow:var(--shadow);border:1px solid #32453e30;border-radius:28px;margin:0 auto;overflow:hidden}.player-ronaldo{--poster-accent:#96794c;--poster-soft:#efe3ce;--poster-deep:#4e402c}.player-messi{--poster-accent:#668d9b;--poster-soft:#dcebef;--poster-deep:#304e58}.player-neymar{--poster-accent:#aa715d;--poster-soft:#f1ddd3;--poster-deep:#56382e}.player-mbappe{--poster-accent:#687e70;--poster-soft:#dee8df;--poster-deep:#304038}.player-haaland{--poster-accent:#807259;--poster-soft:#ebe5d7;--poster-deep:#443b2c}.player-bellingham{--poster-accent:#7b6f8e;--poster-soft:#e8e2ed;--poster-deep:#423b4d}.poster-head,.poster-foot{min-height:48px;color:var(--poster-deep);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 24px;font-size:9px;font-weight:800;display:flex}.poster-head{border-bottom:1px solid #3548411f}.poster-body{grid-template-columns:.72fr 1.28fr;align-items:center;gap:40px;min-height:370px;padding:36px 44px;display:grid}.jersey-mark{color:#fff;background:var(--poster-accent);clip-path:polygon(18% 0,35% 10%,65% 10%,82% 0,100% 15%,86% 36%,86% 100%,14% 100%,14% 36%,0 15%);border-radius:28px 28px 48px 48px;flex-direction:column;justify-content:center;align-items:center;height:275px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e,0 18px 30px #323c3726}.jersey-mark:before{content:"";background:#ffffff4d;border-radius:0 0 50px 50px;width:52px;height:29px;position:absolute;top:8px}.jersey-mark small{letter-spacing:.18em;opacity:.75;margin-top:20px;font-size:9px}.jersey-mark b{letter-spacing:-.09em;font-size:114px;line-height:1}.poster-copy>p{color:#7d8984;letter-spacing:.12em;font-size:11px}.poster-copy h1{color:var(--poster-deep);letter-spacing:-.07em;margin:14px 0 5px;font-size:clamp(62px,8vw,94px);line-height:.95}.poster-copy h2{color:var(--poster-accent);letter-spacing:.02em;margin:0;font-size:24px}.tag-row{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.tag-row span{color:var(--poster-deep);background:#fffdf885;border:1px solid #3d524a29;border-radius:99px;padding:7px 10px;font-size:10px}.poster-quote{background:#fffdf885;border-top:1px solid #3548411f;border-bottom:1px solid #3548411f;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:24px 30px;display:grid}.poster-quote>p{color:#52615b;margin:0;font-size:16px;font-weight:650;line-height:1.7}.poster-quote>div{border-left:1px solid #35484124;min-width:110px;padding-left:24px}.poster-quote span{color:#83908a;font-size:9px;display:block}.poster-quote strong{color:var(--poster-accent);font-size:34px}.share-actions{justify-content:center;gap:10px;max-width:820px;margin:16px auto 32px;display:flex}.report-card{border:1px solid var(--line);background:#fffdf8db;border-radius:21px;padding:32px;box-shadow:0 12px 34px #33423c0d}.intro-report{max-width:820px;margin:0 auto 15px}.report-card h2{color:#46564f;margin:22px 0 0;font-size:18px;font-weight:650;line-height:1.8}.ability-report{max-width:820px;margin:0 auto 15px}.section-head{justify-content:space-between;align-items:flex-start;display:flex}.section-head h2{color:#314039;margin:8px 0 0;font-size:23px}.section-head small{border:1px solid var(--line);color:#89958f;letter-spacing:.1em;border-radius:99px;padding:7px 10px;font-size:8px}.ability-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;margin-top:18px;display:grid}.radar-chart{width:100%;max-width:310px;margin:auto;overflow:visible}.radar-grid{fill:none;stroke:#4f746630;stroke-width:1px}.radar-axis{stroke:#4f74661f}.radar-label{fill:#73817b;text-anchor:middle;dominant-baseline:middle;font-size:10px}.radar-data{fill:#78998b33;stroke:var(--sage-deep);stroke-width:2px}.radar-dot{fill:var(--sage-deep)}.dimension-list{gap:12px;display:grid}.dimension-list>div{grid-template-columns:1fr auto;gap:7px 14px;display:grid}.dimension-list span{color:#64736c;font-size:12px}.dimension-list span b{color:#a0aaa5;margin-right:12px;font-size:8px}.dimension-list strong{color:var(--sage-deep);font-size:13px}.dimension-list i{background:#e3e9e4;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.dimension-list em{background:linear-gradient(90deg, var(--sage-deep), #a7beaf);border-radius:99px;height:100%;display:block}.report-grid{grid-template-columns:1fr 1fr;gap:15px;max-width:820px;margin:0 auto;display:grid}.report-grid .report-card{min-height:205px}.soft-danger{background:linear-gradient(145deg,#fffdf8eb,#f0dacf99)}.relation-card{background:linear-gradient(145deg,#fffdf8eb,#dae7e0d9)}.final-share{background:var(--sage-pale);text-align:center;border-radius:22px;max-width:820px;margin:15px auto 0;padding:38px}.final-share p{color:#53645c;margin:0 0 18px;font-size:14px}@media (width<=820px){.page-wrap{width:min(100% - 26px,650px)}.topbar{min-height:66px}.hero-grid{grid-template-columns:1fr;gap:42px;min-height:auto;padding:48px 0 42px}.hero-copy h1{font-size:clamp(48px,15vw,72px)}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.player-stack{width:min(100%,370px);min-height:430px;margin:0 auto}.mini-player-card{width:calc(100% - 48px);left:calc(var(--card-index) * 14px);top:calc(var(--card-index) * 88px)}.mystery-panel{width:min(100%,390px);min-height:450px;margin:0 auto}.mystery-jersey{width:210px;height:290px}.orbit-one{width:340px;height:340px}.orbit-two{width:280px;height:390px}.locked-file{width:170px}.locked-one{left:-3px}.locked-two{right:-3px}.locked-three{left:8px}.trust-strip{flex-direction:column;align-items:flex-start;padding:18px 0}.trust-strip>div{justify-content:flex-start;width:100%}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:150px}.quiz-head{padding-top:27px}.quiz-head p{max-width:245px;line-height:1.5}.question-card{border-radius:20px;padding:26px 18px}.question-card h1{margin:28px 0;font-size:25px}.option-list{grid-template-columns:1fr}.option-list button{min-height:70px}.share-poster{border-radius:22px}.poster-head,.poster-foot{padding:0 17px}.poster-body{grid-template-columns:.72fr 1.28fr;gap:17px;min-height:325px;padding:28px 21px}.jersey-mark{border-radius:22px 22px 36px 36px;height:220px}.jersey-mark b{font-size:82px}.poster-copy>p{font-size:9px}.poster-copy h1{font-size:clamp(50px,17vw,72px)}.poster-copy h2{font-size:18px;line-height:1.35}.tag-row{gap:5px;margin-top:18px}.tag-row span{padding:6px 8px;font-size:9px}.poster-quote{grid-template-columns:1fr;gap:14px;padding:20px}.poster-quote>p{font-size:14px}.poster-quote>div{border-top:1px solid #35484124;border-left:0;justify-content:space-between;align-items:center;padding:12px 0 0;display:flex}.poster-quote strong{font-size:28px}.share-actions{flex-direction:column}.share-actions button{width:100%}.report-card{padding:25px 20px}.ability-grid{grid-template-columns:1fr;gap:15px}.radar-chart{max-width:280px}.report-grid{grid-template-columns:1fr}.report-grid .report-card{min-height:auto}.final-share{padding:32px 20px}}@media (width<=420px){.mini-note{display:none}.poster-body{grid-template-columns:.64fr 1.36fr;padding-left:16px;padding-right:16px}.jersey-mark{height:196px}.jersey-mark b{font-size:68px}.poster-copy h1{font-size:52px}.poster-copy h2{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}