@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Oswald:wght@400;500;600&display=swap');
:root{--void:#0c1719;--night:#122326;--teal:#1d3b3e;--teal-2:#2c5554;--paper:#d7cfb7;--paper-2:#bfb69f;--ink:#1c2525;--chalk:#e7dfc7;--muted:#93a09a;--rust:#c66d49;--rust-bright:#e28b61;--line:rgba(222,215,190,.18);--serif:"Noto Serif SC","Songti SC",STSong,serif;--condensed:"Oswald","Arial Narrow",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font-family:var(--serif);background:var(--void);color:var(--chalk)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.start-screen,.quiz-shell{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(44,85,84,.48),transparent 34rem),radial-gradient(circle at 88% 80%,rgba(106,50,35,.28),transparent 35rem),linear-gradient(145deg,#0a1517,#142629 52%,#0a1416)}.start-screen:after,.quiz-shell:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.25;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.ink-cloud{position:absolute;z-index:-1;border-radius:48% 52% 38% 62%;filter:blur(22px);opacity:.25}.cloud-a{width:55rem;height:45rem;left:-24rem;top:-18rem;background:#458087;transform:rotate(24deg)}.cloud-b{width:48rem;height:48rem;right:-22rem;bottom:-22rem;background:#a44f35}.game-header,.quiz-topbar{position:relative;z-index:5;width:min(1380px,calc(100% - 3rem));height:5rem;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.game-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:600;letter-spacing:.18em}.game-brand i{width:2.1rem;height:2.1rem;display:grid;place-items:center;border:1px solid rgba(226,139,97,.6);border-radius:50%;color:var(--rust-bright);font-style:normal;box-shadow:0 0 18px rgba(226,139,97,.18)}.case-id,.chapter-label{color:var(--muted);font:500 .78rem var(--condensed);letter-spacing:.22em;text-transform:uppercase}
.start-layout{width:min(1380px,calc(100% - 3rem));min-height:calc(100svh - 5rem);margin:auto;display:grid;grid-template-columns:14rem minmax(0,1fr) 20rem;gap:clamp(2rem,5vw,6rem);align-items:center;padding:4rem 0 5rem}.voices-rail{display:grid;gap:.9rem}.voice-token{display:grid;grid-template-columns:3rem 1fr;gap:.8rem;align-items:center;padding:.85rem;border-left:2px solid rgba(231,223,199,.12);color:#788783;transition:.25s ease}.voice-token.active,.voice-token:hover{border-color:var(--rust);color:var(--chalk);background:linear-gradient(90deg,rgba(198,109,73,.12),transparent)}.token-art{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.2rem}.voice-token b{display:block;font-size:.95rem;font-weight:500}.voice-token small{display:block;margin-top:.25rem;font-size:.75rem;line-height:1.5}.start-copy{max-width:47rem}.start-copy h1{margin:1rem 0 1.5rem;font-size:clamp(4.4rem,7.8vw,8rem);font-weight:600;line-height:1.05;letter-spacing:-.08em;text-shadow:0 10px 45px rgba(0,0,0,.35)}.start-copy h1 span,.start-copy h1 em{display:block}.start-copy h1 em{color:var(--rust-bright);font-style:normal;font-weight:500}.lead{max-width:42rem;margin:0;color:#bdc5ba;font-size:1.05rem;line-height:2}.start-actions{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem}.primary-cta{min-width:15rem;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(226,139,97,.5);color:#f2e7d0;background:linear-gradient(110deg,#984d36,#bc6849);box-shadow:0 14px 35px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);font-size:.9rem;font-weight:600;letter-spacing:.12em;text-decoration:none;clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%);transition:.2s ease}.primary-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}.primary-cta i{font-style:normal;font-size:1.2rem}.quiet-link{color:var(--muted);font-size:.82rem;text-underline-offset:.35rem}.case-stats{margin-top:3rem;padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:1.2rem 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.case-stats span{display:flex;align-items:baseline;gap:.4rem}.case-stats b{color:var(--chalk);font:500 1.25rem var(--condensed)}.case-card{position:relative;padding:1.7rem;border:1px solid rgba(30,39,38,.45);color:var(--ink);background:linear-gradient(150deg,#d8d0b7,#bdb49d);box-shadow:18px 22px 0 rgba(4,10,11,.35),0 35px 80px rgba(0,0,0,.28);transform:rotate(1.8deg)}.case-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.case-stamp{position:absolute;right:-1rem;top:1rem;padding:.35rem .6rem;border:2px solid #7a3428;color:#7a3428;font:600 .72rem var(--condensed);letter-spacing:.1em;transform:rotate(7deg)}.case-card>p{font:500 .76rem var(--condensed);letter-spacing:.2em}.case-symbol{height:10rem;display:grid;place-items:center}.case-symbol span{width:6.5rem;height:6.5rem;display:grid;place-items:center;border:1px solid rgba(28,37,37,.55);border-radius:50%;font-size:2rem}.case-card h2{margin:.6rem 0 1.5rem;font-size:1.8rem}.case-card dl{margin:0;border-top:1px solid rgba(28,37,37,.28)}.case-card dl div{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(28,37,37,.25);font-size:.8rem}.case-card dt{font-weight:600}.case-card dd{margin:0;color:#6c7068}.case-card>small{display:block;margin-top:1.3rem;font-size:.75rem;line-height:1.7;color:#535a55}.brief-section{min-height:70svh;padding:7rem max(1.5rem,calc((100vw - 1200px)/2));display:grid;align-content:center;background:#d2cab2;color:var(--ink);box-shadow:inset 0 18px 60px rgba(0,0,0,.16)}.brief-section .chapter-label{color:#5a6b66}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 6rem;align-items:start}.brief-grid h2{margin:1rem 0 0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.25;letter-spacing:-.06em}.brief-grid p{margin:1rem 0;color:#46534f;font-size:1rem;line-height:2}.primary-cta.compact{grid-column:2;width:13rem;margin-top:.5rem}
.quiz-shell{overflow:visible;min-height:100svh}.quiz-topbar{position:sticky;top:0;background:rgba(12,23,25,.88);backdrop-filter:blur(14px);z-index:20}.case-progress{width:min(24rem,35vw);display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;color:var(--paper);font:500 .78rem var(--condensed);letter-spacing:.15em}.progress-track{height:2px;background:rgba(231,223,199,.15)}.progress-track i{display:block;width:50%;height:100%;background:var(--rust-bright);box-shadow:0 0 10px rgba(226,139,97,.5);transition:width .35s ease}.question-stage{position:relative;width:min(1380px,calc(100% - 3rem));min-height:calc(100svh - 5rem);margin:auto;display:grid;grid-template-columns:15rem minmax(0,1fr) 9rem;gap:clamp(2rem,4vw,4rem);align-items:center;padding:4rem 0 5rem}.question-stage.is-changing .question-sheet{animation:sheetIn .35s ease both}@keyframes sheetIn{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:none}}.faculty-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.faculty-art{position:relative;width:12rem;height:12rem;margin-bottom:1.5rem;display:grid;place-items:center;border:1px solid rgba(226,139,97,.32);border-radius:50%;background:radial-gradient(circle,rgba(198,109,73,.23),rgba(29,59,62,.24) 50%,transparent 72%);box-shadow:0 0 60px rgba(198,109,73,.12)}.faculty-art:after,.faculty-art:before{content:"";position:absolute;inset:1rem;border:1px dashed rgba(215,207,183,.22);border-radius:48% 52% 55% 45%;transform:rotate(24deg)}.faculty-art:after{inset:2rem;transform:rotate(-38deg)}.faculty-art span{color:var(--rust-bright);font-size:3.4rem;text-shadow:0 0 25px rgba(226,139,97,.5)}.faculty-art i{position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:var(--chalk)}.faculty-art i:nth-of-type(1){left:12%;top:54%}.faculty-art i:nth-of-type(2){right:20%;top:16%}.faculty-art i:nth-of-type(3){right:8%;bottom:22%}.faculty-card>p{margin:.5rem 0;color:var(--rust-bright);font-size:.75rem;letter-spacing:.16em}.faculty-card h2{margin:0;font-size:2.4rem;font-weight:500}.faculty-card blockquote{margin:1rem 0 2rem;color:#aebbb4;font-size:.86rem;line-height:1.8}.faculty-level{padding-top:1rem;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.faculty-level b{color:var(--chalk)}.question-sheet{position:relative;min-height:38rem;padding:clamp(2rem,5vw,4.5rem);color:var(--ink);background:linear-gradient(145deg,#d8d0b8,#c3b9a0);box-shadow:16px 18px 0 rgba(6,13,14,.45),0 30px 80px rgba(0,0,0,.32);clip-path:polygon(0 0,98% 0,100% 4%,100% 100%,3% 100%,0 97%)}.question-sheet:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.question-meta{position:relative;display:flex;align-items:center;gap:1rem;color:#52615c}.question-meta span{padding:.35rem .55rem;border:1px solid rgba(28,37,37,.38);font:600 .78rem var(--condensed);letter-spacing:.12em}.question-meta em{font-size:.78rem;font-style:normal;letter-spacing:.12em}.question-sheet h1{position:relative;max-width:54rem;margin:2rem 0 1rem;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:600;line-height:1.65;letter-spacing:-.025em}.question-hint{position:relative;margin:0 0 2.2rem;color:#58645e;font-size:.82rem;line-height:1.7}.options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.option-button{min-height:6.2rem;padding:1rem 1.2rem;display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:start;border:1px solid rgba(28,37,37,.23);color:var(--ink);background:rgba(238,231,211,.24);text-align:left;transition:.2s ease}.option-button:hover,.option-button:focus-visible{outline:0;border-color:#87432f;background:rgba(246,236,210,.48);transform:translateY(-2px);box-shadow:0 8px 18px rgba(30,39,38,.12)}.option-button.selected{border-color:#7c3b2a;background:rgba(160,76,51,.12);box-shadow:inset 4px 0 #9d4e35}.option-letter{width:1.6rem;height:1.6rem;display:grid;place-items:center;border:1px solid rgba(28,37,37,.28);border-radius:50%;font:600 .7rem var(--condensed)}.option-text{font-size:.92rem;line-height:1.65}.prev-button{position:relative;margin-top:1.6rem;padding:.6rem 0;border:0;color:#616a64;background:transparent;font-size:.76rem}.prev-button:disabled{opacity:.3}.evidence-column{align-self:center;display:grid;gap:.65rem}.evidence-column>span{margin-bottom:.35rem;color:var(--muted);font-size:.75rem;line-height:1.5}.mini-skill{display:grid;justify-items:center;gap:.3rem;padding:.8rem .4rem;border:1px solid var(--line);color:#798883}.mini-skill.hot{border-color:rgba(226,139,97,.5);color:var(--rust-bright);background:rgba(198,109,73,.08)}.mini-skill b{font-size:1.25rem}.mini-skill small{font-size:.75rem}.evidence-column p{color:#6f7e79;font-size:.75rem;line-height:1.7}.voice-response{position:absolute;z-index:10;left:50%;bottom:2rem;transform:translateX(-50%);width:min(42rem,90%);padding:1.1rem 1.3rem;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:center;border-left:3px solid var(--rust-bright);color:var(--chalk);background:rgba(8,16,18,.94);box-shadow:0 18px 45px rgba(0,0,0,.4);animation:responseIn .2s ease both}@keyframes responseIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}.voice-response>span{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid rgba(226,139,97,.5);border-radius:50%;color:var(--rust-bright)}.voice-response b{color:var(--rust-bright);font-size:.78rem;letter-spacing:.12em}.voice-response p{margin:.25rem 0 0;font-size:.88rem;line-height:1.6}
.result-report{background:var(--paper);color:var(--ink)}.result-hero{position:relative;min-height:84svh;padding:clamp(5rem,10vw,9rem) max(1.5rem,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;color:var(--chalk);background:radial-gradient(circle at 82% 20%,rgba(45,92,92,.52),transparent 28rem),linear-gradient(135deg,#0d1a1c,#173033 55%,#0c1719);overflow:hidden}.result-hero:after{content:"WCT-09";position:absolute;right:-2rem;bottom:-5rem;color:rgba(231,223,199,.035);font:600 18rem var(--condensed)}.result-hero h1{position:relative;z-index:1;margin:1rem 0;font-size:clamp(5rem,10vw,10rem);font-weight:600;line-height:.86;letter-spacing:-.08em}.result-hero h1 em{color:var(--rust-bright);font-style:normal}.result-code{color:var(--muted);font:500 .8rem var(--condensed);letter-spacing:.18em}.result-hero blockquote{position:relative;z-index:1;margin:0;padding-left:2rem;border-left:2px solid var(--rust);font-size:clamp(1.3rem,2.2vw,2.2rem);line-height:1.8}.result-seal{position:absolute;right:8%;bottom:8%;width:11rem;height:11rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(226,139,97,.45);border-radius:50%;text-align:center;transform:rotate(-8deg)}.result-seal span{color:var(--muted);font-size:.75rem}.result-seal b{margin:.35rem 0;font-size:.9rem}.result-seal i{color:var(--rust-bright);font:500 1.8rem var(--condensed);font-style:normal}.report-nav{position:sticky;top:5rem;z-index:15;display:flex;justify-content:center;gap:clamp(1rem,5vw,5rem);padding:1rem 1.5rem;border-bottom:1px solid rgba(28,37,37,.22);background:rgba(215,207,183,.92);backdrop-filter:blur(12px)}.report-nav a{font:500 .78rem var(--condensed);letter-spacing:.12em;text-decoration:none}.talent-map-section,.kindred-section{padding:clamp(5rem,9vw,9rem) max(1.5rem,calc((100vw - 1180px)/2))}.section-heading{display:grid;grid-template-columns:3rem 1fr auto;align-items:end;gap:1rem;margin-bottom:4rem}.section-heading>span{color:var(--rust);font:500 1.4rem var(--condensed)}.section-heading p{margin:0;color:#62716b;font:500 .75rem var(--condensed);letter-spacing:.2em}.section-heading h2{margin:.4rem 0 0;font-size:clamp(2.3rem,4vw,4rem);font-weight:600}.section-heading>small{color:#65736d;font-size:.75rem}.map-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem);align-items:center}.radar-wrap{position:relative;aspect-ratio:1;max-width:38rem;margin:auto}.radar{width:100%;height:100%;overflow:visible}.radar-grid polygon,.radar-grid line{fill:none;stroke:rgba(28,37,37,.18);stroke-width:1}.radar-value{fill:rgba(34,80,80,.33);stroke:#234f50;stroke-width:3;filter:drop-shadow(0 8px 9px rgba(20,48,48,.2))}.radar-points circle{fill:var(--rust);stroke:var(--paper);stroke-width:3}.radar-core{position:absolute;left:50%;top:50%;width:9rem;height:9rem;transform:translate(-50%,-50%);display:grid;place-content:center;border:1px solid rgba(28,37,37,.3);border-radius:50%;background:rgba(215,207,183,.9);text-align:center;box-shadow:0 8px 30px rgba(28,37,37,.12)}.radar-core span{color:#67736c;font-size:.75rem}.radar-core b{margin-top:.4rem;font-size:1rem;line-height:1.5}.axis-badge{position:absolute;width:3.1rem;height:3.1rem;padding:.7rem;border:1px solid rgba(28,37,37,.3);border-radius:50%;color:var(--teal);background:#d9d1b9;box-shadow:0 5px 15px rgba(28,37,37,.12)}.axis-badge:hover{color:var(--paper);background:var(--teal);transform:scale(1.08)}.axis-badge:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + .45rem);transform:translateX(-50%);width:max-content;padding:.3rem .45rem;color:var(--paper);background:var(--ink);font-size:.7rem;opacity:0;pointer-events:none}.axis-badge:hover:after,.axis-badge:focus-visible:after{opacity:1}.axis-badge svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.a1{left:50%;top:0;transform:translate(-50%,-35%)}.a2{right:14%;top:10%}.a3{right:0;top:39%}.a4{right:4%;bottom:17%}.a5{right:29%;bottom:0}.a6{left:29%;bottom:0}.a7{left:4%;bottom:17%}.a8{left:0;top:39%}.a9{left:14%;top:10%}.map-reading .marginalia{color:var(--rust);font:500 .75rem var(--condensed);letter-spacing:.16em}.map-reading h3{margin:1rem 0 1.5rem;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.55}.map-reading>p:not(.marginalia){color:#46534f;font-size:1rem;line-height:2}.tension-card{margin-top:2rem;padding:1.4rem;border-left:4px solid var(--rust);background:rgba(28,59,62,.08)}.tension-card span{display:block;color:#6b766f;font-size:.75rem}.tension-card b{display:block;margin:.45rem 0;font-size:1.25rem}.tension-card small{font-size:.8rem;line-height:1.7;color:#515f59}.profile-reading{padding:clamp(5rem,9vw,9rem) max(1.5rem,calc((100vw - 1180px)/2));color:var(--chalk);background:linear-gradient(140deg,#102022,#1b3638)}.section-heading.light p{color:#91a19a}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.reading-grid article{padding:2rem;background:#14282b}.reading-grid small{color:var(--rust-bright);font-size:.75rem;letter-spacing:.15em}.reading-grid h3{margin:1rem 0;font-size:1.5rem}.reading-grid p{margin:0;color:#abb7b0;font-size:.9rem;line-height:1.9}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:start}.portrait-card{position:relative;background:#bdb49d;box-shadow:0 15px 35px rgba(28,37,37,.16)}.portrait-card.featured{transform:translateY(-1.5rem)}.portrait-card img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;filter:saturate(.83) contrast(1.05)}.portrait-card>div{padding:1.4rem}.portrait-card span{color:#6a746e;font:500 .75rem var(--condensed);letter-spacing:.14em}.portrait-card h3{margin:.4rem 0 .7rem;font-size:1.5rem}.portrait-card p{margin:0;color:#4b5752;font-size:.86rem;line-height:1.75}.portrait-note{margin:1.5rem 0 0;color:#65716b;font-size:.75rem;text-align:center}.result-actions{padding:2rem max(1.5rem,calc((100vw - 1180px)/2)) 4rem;display:flex;justify-content:center;gap:1rem;background:var(--paper)}.result-actions button,.result-actions a{min-width:12rem;padding:.9rem 1rem;border:1px solid var(--ink);color:var(--ink);background:transparent;text-align:center;text-decoration:none;font-size:.82rem}.result-actions button{color:var(--chalk);background:var(--ink)}
@media(max-width:980px){.start-layout{grid-template-columns:1fr 17rem}.voices-rail{display:none}.start-copy h1{font-size:clamp(4rem,9vw,6.5rem)}.question-stage{grid-template-columns:11rem 1fr}.evidence-column{display:none}.faculty-art{width:9rem;height:9rem}.map-layout{grid-template-columns:1fr}.radar-wrap{width:min(90vw,38rem)}.reading-grid{grid-template-columns:1fr}.portrait-grid{gap:.7rem}}
@media(max-width:680px){.game-header,.quiz-topbar{width:calc(100% - 2rem);height:4.5rem}.case-id{display:none}.game-brand{font-size:.85rem}.start-layout{width:calc(100% - 2rem);min-height:calc(100svh - 4.5rem);grid-template-columns:1fr;padding:3rem 0}.start-copy h1{font-size:clamp(3.6rem,17vw,5.1rem);line-height:1.12}.lead{font-size:.98rem}.start-actions{align-items:flex-start;flex-direction:column}.case-card{margin:1rem .7rem 2rem}.case-stats{gap:1rem}.brief-section{padding:5rem 1rem}.brief-grid{grid-template-columns:1fr}.brief-grid h2{font-size:3rem}.primary-cta.compact{grid-column:1}.case-progress{width:44%;}.question-stage{width:calc(100% - 2rem);display:block;padding:2rem 0 4rem}.faculty-card{min-height:0;display:grid;grid-template-columns:5.4rem 1fr;grid-template-rows:auto auto auto;column-gap:1rem;padding:0 0 1.4rem}.faculty-art{grid-row:1/4;width:5.4rem;height:5.4rem;margin:0}.faculty-art span{font-size:2rem}.faculty-card>p{margin:0}.faculty-card h2{font-size:1.8rem}.faculty-card blockquote{margin:.45rem 0 0;font-size:.78rem}.faculty-level{display:none}.question-sheet{min-height:0;padding:1.5rem 1.15rem 2rem;box-shadow:7px 9px 0 rgba(6,13,14,.45)}.question-sheet h1{font-size:1.3rem;line-height:1.75}.question-hint{font-size:.78rem}.options{grid-template-columns:1fr}.option-button{min-height:5rem}.voice-response{position:fixed;bottom:1rem}.result-hero{min-height:90svh;padding:6rem 1rem 7rem;grid-template-columns:1fr;align-content:center}.result-hero h1{font-size:clamp(5rem,26vw,7.3rem)}.result-hero blockquote{font-size:1.2rem}.result-seal{right:1rem;bottom:1.3rem;width:8.5rem;height:8.5rem}.report-nav{top:4.5rem;justify-content:flex-start;overflow:auto}.report-nav a{white-space:nowrap}.section-heading{grid-template-columns:2rem 1fr}.section-heading>small{display:none}.talent-map-section,.profile-reading,.kindred-section{padding:5rem 1rem}.radar-wrap{width:92vw;left:50%;transform:translateX(-50%) scale(.88);margin:-1.5rem 0}.axis-badge{width:2.75rem;height:2.75rem}.radar-core{width:7rem;height:7rem}.map-reading h3{font-size:1.6rem}.portrait-grid{grid-template-columns:1fr}.portrait-card.featured{transform:none}.portrait-card{display:grid;grid-template-columns:42% 1fr}.portrait-card img{height:100%;aspect-ratio:auto}.portrait-card>div{align-self:center}.result-actions{flex-direction:column}.result-actions button,.result-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.start-copy h1{font-size:clamp(4rem,6vw,6.4rem)}
.talent-map-section,.profile-reading,.kindred-section{scroll-margin-top:9rem}
@media(max-width:680px){.start-copy h1{font-size:clamp(3.2rem,13.4vw,4.2rem)}}
.deep-report{margin-top:3rem;border-top:1px solid var(--line)}.deep-report article{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.deep-report article>span{color:var(--rust-bright);font:500 1.2rem var(--condensed)}.deep-report h3{margin:0 0 .75rem;font-size:1.35rem}.deep-report p{max-width:58rem;margin:0;color:#aebbb4;font-size:.95rem;line-height:2}.career-section{padding:clamp(5rem,9vw,9rem) max(1.5rem,calc((100vw - 1180px)/2));scroll-margin-top:9rem;background:#c8c0a8;color:var(--ink)}.career-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:1px;background:rgba(28,37,37,.18)}.career-grid article{padding:2rem;background:#d8d0b7}.career-grid small{color:#6c746d;font-size:.75rem;letter-spacing:.12em}.career-grid h3{margin:.8rem 0;font-size:1.4rem}.career-grid p{margin:0;color:#48554f;font-size:.9rem;line-height:1.9}.career-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.career-tags span{padding:.55rem .75rem;border:1px solid rgba(28,37,37,.35);font-size:.8rem}.triptych-source{object-fit:cover}.triptych-left{object-position:0 center}.triptych-center{object-position:50% center}.triptych-right{object-position:100% center}
@media(max-width:680px){.deep-report article{grid-template-columns:2rem 1fr}.career-grid{grid-template-columns:1fr}.career-section{padding:5rem 1rem}.result-actions{flex-direction:column}}
@media print{.quiz-topbar,.report-nav,.result-actions{display:none!important}.result-report{display:block!important}.result-hero{min-height:0;break-after:page}.talent-map-section,.profile-reading,.career-section,.kindred-section{break-inside:avoid;padding:2rem}.portrait-card{box-shadow:none}}

.dimension-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;background:rgba(218,203,170,.14);border:1px solid rgba(218,203,170,.14)}
.dimension-title{grid-column:1/-1;padding:2.2rem 2.4rem;background:#142225}.dimension-title small{color:var(--rust-bright);font:600 .72rem var(--condensed);letter-spacing:.18em}.dimension-title h3{margin:.6rem 0 .8rem;color:var(--chalk);font-size:1.65rem}.dimension-title p{max-width:48rem;margin:0;color:#9eaaa5;line-height:1.8}
.dimension-details article{display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;min-height:13rem;padding:1.5rem;background:#17272a}.dimension-rank{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#72817b;font:600 .72rem var(--condensed)}.dimension-rank b{color:var(--rust-bright);font-size:1.2rem}.dimension-details header{display:flex;align-items:baseline;justify-content:space-between}.dimension-details h4{margin:0;color:var(--chalk);font-size:1.15rem}.dimension-details strong{color:var(--paper);font:500 1.65rem var(--serif)}.dimension-details article p{margin:.8rem 0 0;color:#aebbb4;font-size:.86rem;line-height:1.8}.dimension-bar{height:3px;margin-top:.65rem;background:#2b3c3c;overflow:hidden}.dimension-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--rust),var(--paper));box-shadow:0 0 12px rgba(202,108,73,.5)}
.portrait-card>div{display:flex;flex-direction:column}.person-quote{margin:1.2rem 0 0;padding:1rem 0;border-top:1px solid rgba(28,37,37,.18);border-bottom:1px solid rgba(28,37,37,.18);color:#343a37;font:italic 1rem/1.65 var(--serif)}.portrait-card details{margin-top:auto;padding-top:1rem}.portrait-card summary{cursor:pointer;color:#7a4536;font:600 .72rem var(--condensed);letter-spacing:.1em;list-style:none}.portrait-card summary::-webkit-details-marker{display:none}.portrait-card summary:after{content:" +"}.portrait-card details[open] summary:after{content:" −"}.person-life{margin:.9rem 0;color:#53615b!important;font-size:.82rem!important;line-height:1.8!important}.portrait-card details a{color:#7a4536;font-size:.72rem;text-decoration:none;border-bottom:1px solid rgba(122,69,54,.35)}
.triptych-source{width:100%;object-fit:cover}
@media(max-width:900px){.dimension-details{grid-template-columns:1fr 1fr}.portrait-grid{grid-template-columns:1fr}.portrait-card.featured{transform:none}.triptych-source{height:30rem}}
@media(max-width:600px){.dimension-details{grid-template-columns:1fr}.dimension-title{padding:1.5rem}.dimension-details article{min-height:auto}.triptych-source{height:24rem}.person-quote{font-size:.95rem}}
@media print{.dimension-details{grid-template-columns:repeat(3,1fr);break-inside:auto}.dimension-details article{break-inside:avoid}.portrait-card details{display:block}.portrait-card details>*{display:block}.portrait-card summary{display:none}.person-life{display:block!important}}
.identity-code{margin:-1rem 0 1.2rem!important;color:#59645f;font:600 .68rem/1.5 var(--condensed)!important;letter-spacing:.09em!important}.case-card.identified{background:linear-gradient(150deg,#ddd5ba,#bfb59a);box-shadow:18px 22px 0 rgba(4,10,11,.38),0 35px 80px rgba(0,0,0,.3)}.case-card.identified .case-stamp{border-color:#8a372b;color:#8a372b}.case-card.identified .case-symbol span{border-color:#8a372b;color:#8a372b;box-shadow:inset 0 0 0 .35rem rgba(138,55,43,.08)}.case-card.identified dd{color:#303b38;font-weight:600}.case-card.identified h2{color:#182322}

/* V3 · 天赋与人生方向 */
.result-hero h1{font-size:clamp(4.8rem,10vw,9rem);letter-spacing:.02em}.result-hero h1 span{display:block}.profile-reading{background:#d7cfb7}.life-section{position:relative;padding:clamp(5rem,9vw,9rem) max(1.5rem,calc((100vw - 1180px)/2));scroll-margin-top:9rem;background:radial-gradient(circle at 86% 20%,rgba(76,125,119,.24),transparent 28rem),linear-gradient(145deg,#102225,#182e2f);color:var(--chalk)}.life-section:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}.life-section>*{position:relative;z-index:1}.life-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:rgba(231,223,199,.16);border:1px solid rgba(231,223,199,.08)}.life-grid article{min-height:18rem;padding:2rem;background:rgba(17,35,37,.92)}.life-grid .life-primary{background:linear-gradient(145deg,rgba(35,70,69,.98),rgba(20,41,42,.96))}.life-grid small{color:var(--rust-bright);font:500 .75rem var(--condensed);letter-spacing:.14em}.life-grid h3{margin:1rem 0;font-size:1.45rem}.life-grid p{margin:0;color:#afbbb4;font-size:.95rem;line-height:2}.career-section{background:linear-gradient(135deg,#d4cdb7,#c4bba3)}.career-intro{max-width:55rem;margin:-1rem 0 2.2rem;color:#46554e;font-size:.95rem;line-height:2}.career-label-groups{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(28,37,37,.2);border:1px solid rgba(28,37,37,.08)}.career-label-groups article{padding:2rem;background:#ddd6c1}.career-label-groups small{display:block;margin-bottom:1rem;color:#646f69;font:600 .75rem var(--condensed);letter-spacing:.14em}.career-tags{margin-top:0}.career-tags span{background:rgba(58,89,78,.08);border-color:rgba(41,67,57,.34);color:#2e4b40}.industry-tags span{background:transparent;border-style:dashed}.career-more{margin-top:1.5rem;border-top:1px solid rgba(28,37,37,.28);border-bottom:1px solid rgba(28,37,37,.28)}.career-more summary{padding:1.2rem 0;color:#33483f;font-size:.9rem;font-weight:600}.career-more[open] summary{border-bottom:1px solid rgba(28,37,37,.18)}.career-more .career-grid{grid-template-columns:1fr 1fr}.portrait-note{max-width:55rem}.question-hint{font-size:.94rem}.question-sheet h1{max-width:54rem}.report-nav{overflow-x:auto;scrollbar-width:none}.report-nav::-webkit-scrollbar{display:none}.report-nav a{white-space:nowrap}
@media(max-width:900px){.life-grid{grid-template-columns:1fr}.life-grid article{min-height:auto}.career-label-groups{grid-template-columns:1fr}.result-hero h1{font-size:clamp(4.2rem,16vw,7rem)}}
@media(max-width:600px){.life-section{padding:5rem 1rem}.life-grid article,.career-label-groups article{padding:1.5rem}.career-more .career-grid{grid-template-columns:1fr}.result-hero h1{font-size:clamp(3.6rem,18vw,5rem)}.career-tags span{padding:.65rem .72rem;font-size:.85rem}}
@media print{.life-section,.career-section{break-inside:avoid;padding:2rem}.career-more{display:block}.career-more>*{display:block}.career-more summary{display:none}}
.result-hero:after{content:"PROFILE"}
.brief-copy>p:first-child{margin-top:0}.brief-questions{margin:.85rem 0 1.25rem;padding:0;display:grid;gap:.55rem;list-style:none}.brief-questions li{position:relative;padding-left:1.4rem;color:#263632;font-size:1rem;line-height:1.75}.brief-questions li:before{content:"✦";position:absolute;left:0;top:.2rem;color:var(--rust);font-size:.72rem}

/* V4 · final content and readable scale */
.start-layout{grid-template-columns:11rem minmax(0,1fr) 19rem;gap:clamp(2rem,3.5vw,4.5rem);padding:3rem 0 4rem}
.start-copy{max-width:49rem}
.start-copy h1{max-width:48rem;margin:.85rem 0 1.25rem;font-size:clamp(3.6rem,5.1vw,4.6rem);line-height:1.16;letter-spacing:-.055em}
.start-copy h1 span,.start-copy h1 em{display:block}
.lead{max-width:45rem;font-size:1rem;line-height:1.9}
.start-actions{margin-top:2rem}
.case-stats{margin-top:2.2rem}
.case-card{padding:1.5rem;transform:rotate(.8deg)}
.case-symbol{height:7.5rem}.case-symbol span{width:5.2rem;height:5.2rem}
.case-card h2{font-size:1.55rem}
.brief-grid h2{font-size:clamp(2.5rem,4vw,4.4rem)}

.question-stage{grid-template-columns:11.5rem minmax(0,1fr);gap:clamp(1.7rem,3.2vw,3.6rem);padding:2.5rem 0 3.5rem}
.faculty-card{justify-content:flex-start;padding-top:4rem}
.faculty-art{width:9.5rem;height:9.5rem;margin-bottom:1.2rem}
.faculty-art span{font-size:2.8rem}.faculty-card h2{font-size:1.65rem;line-height:1.45}
.faculty-card blockquote{margin:.8rem 0 1.4rem}
.question-sheet{min-height:0;padding:clamp(2rem,3.8vw,3.5rem)}
.question-sheet h1{margin:1.5rem 0 .8rem;font-size:clamp(1.65rem,2.25vw,2.15rem);line-height:1.55}
.question-hint{margin-bottom:1.5rem;font-size:.86rem}
.option-button{min-height:5.6rem;padding:.9rem 1rem}
.option-text{font-size:.9rem;line-height:1.6}
.none-button{width:100%;margin-top:.85rem;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed rgba(28,37,37,.34);color:#46534f;background:rgba(238,231,211,.16);text-align:left;transition:.2s ease}
.none-button:hover,.none-button:focus-visible{outline:0;border-color:#7c3b2a;background:rgba(246,236,210,.42)}
.none-button.selected{border-color:#7c3b2a;background:rgba(160,76,51,.12);box-shadow:inset 4px 0 #9d4e35}
.none-button span{font-size:.88rem;font-weight:600}.none-button small{color:#68736d;font-size:.72rem}
.neutral-response{bottom:1rem}
.insufficient-report{width:min(900px,calc(100% - 3rem));min-height:calc(100svh - 5rem);margin:auto;padding:clamp(4rem,10vw,8rem) 0;color:var(--chalk)}
.insufficient-report h1{max-width:720px;margin:1rem 0 1.5rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.25}
.insufficient-report>p:not(.chapter-label){max-width:690px;color:#afbbb4;line-height:2}
.insufficient-count{max-width:690px;margin:2.5rem 0 1.5rem;padding:1rem 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.insufficient-count span{color:var(--muted)}.insufficient-count b{color:var(--rust-bright);font:500 1.4rem var(--condensed)}
.review-answers{border:0}

.result-hero{min-height:78svh;padding-top:7rem;padding-bottom:7rem}
.result-hero h1{font-size:clamp(4.4rem,6.8vw,5.5rem);line-height:1.05;letter-spacing:-.035em}
.result-hero blockquote{font-size:clamp(1.2rem,1.7vw,1.75rem)}
.section-heading h2{font-size:clamp(2.35rem,3.6vw,3.25rem)}

@media(max-width:980px){
  .start-layout{grid-template-columns:minmax(0,1fr) 17rem;gap:2.5rem}
  .start-copy h1{font-size:clamp(3.4rem,7vw,4.25rem)}
  .question-stage{grid-template-columns:9rem minmax(0,1fr)}
  .faculty-art{width:8rem;height:8rem}
}
@media(max-width:680px){
  .start-layout{grid-template-columns:1fr;padding:2.5rem 0 3rem}
  .start-copy h1{font-size:clamp(2.35rem,10.5vw,2.85rem);line-height:1.22;letter-spacing:-.045em}
  .lead{font-size:.92rem;line-height:1.85}
  .start-actions{gap:1rem;margin-top:1.6rem}.primary-cta{width:100%;min-width:0}
  .case-card{margin:1.5rem .45rem 1rem}.case-symbol{height:6.5rem}
  .brief-grid h2{font-size:2.25rem}
  .question-stage{display:block;padding:1.4rem 0 3rem}
  .faculty-card{padding:0 0 1rem}.faculty-card h2{font-size:1.35rem}.faculty-card blockquote{line-height:1.6}
  .question-sheet{padding:1.4rem 1rem 1.6rem}
  .question-sheet h1{margin:1.15rem 0 .7rem;font-size:1.4rem;line-height:1.62}
  .question-hint{margin-bottom:1.15rem;font-size:.78rem}
  .options{gap:.6rem}.option-button{min-height:4.7rem;padding:.8rem .85rem}
  .none-button{align-items:flex-start;flex-direction:column;gap:.25rem}
  .result-hero{min-height:80svh;padding:6rem 1rem}
  .result-hero h1{font-size:clamp(3rem,13vw,3.6rem);line-height:1.12}
  .section-heading h2{font-size:clamp(2rem,9vw,2.35rem)}
  .insufficient-report{width:calc(100% - 2rem);min-height:calc(100svh - 4.5rem);padding:4rem 0}
  .insufficient-report h1{font-size:2.35rem}
}

/* V4.1 · contrast correction for every light report surface */
.profile-reading{color:var(--ink);background:#d7cfb7}
.profile-reading .section-heading h2{color:#182523}
.profile-reading .section-heading.light p{color:#52645e}
.profile-reading .section-heading.light>span{color:#a65339}
.profile-reading .deep-report{border-color:rgba(28,37,37,.24)}
.profile-reading .deep-report article{border-color:rgba(28,37,37,.2)}
.profile-reading .deep-report h3{color:#1d2927}
.profile-reading .deep-report p{color:#40514c}
.profile-reading .deep-report article>span{color:#a65339}
.talent-map-section .section-heading h2,.career-section .section-heading h2,.kindred-section .section-heading h2{color:#182523}
.talent-map-section .section-heading p,.career-section .section-heading p,.kindred-section .section-heading p{color:#52645e}
.talent-map-section .section-heading>small,.career-section .section-heading>small,.kindred-section .section-heading>small{color:#52645e}

/* V4.2 · dark cards inside the otherwise light profile section */
.profile-reading .reading-grid h3,
.profile-reading .dimension-title h3,
.profile-reading .dimension-details h4,
.profile-reading .dimension-details strong{
  color:#f1e7cf!important;
}
.profile-reading .reading-grid p,
.profile-reading .dimension-title p,
.profile-reading .dimension-details article p{
  color:#b8c3bd;
}

/* V4.3 · balanced Chinese wrapping: avoid one-character final lines */
h1,h2,h3,h4,blockquote,
.option-text,.tension-card b,.career-more summary{
  text-wrap:balance;
}
p,li,dd,small,
.person-life,.question-hint,.career-intro{
  text-wrap:pretty;
}
@media(max-width:680px){
  .section-heading{grid-template-columns:1.5rem minmax(0,1fr);gap:.65rem}
  .section-heading h2{font-size:clamp(1.72rem,7.5vw,2rem);line-height:1.35;letter-spacing:-.035em}
  .map-reading h3,.reading-grid h3,.life-grid h3,.career-grid h3{line-height:1.5}
  .portrait-card{grid-template-columns:36% minmax(0,1fr)}
  .portrait-card>div{padding:1.15rem}
  .portrait-card h3{font-size:1.32rem;line-height:1.45}
}

/* iOS: stable typography, safe areas and accessible touch targets. */
:root{--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.start-screen,.quiz-shell{min-height:100vh;min-height:100svh;padding-bottom:env(safe-area-inset-bottom,0px)}
.game-header,.quiz-topbar{height:calc(5rem + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
.quiz-topbar{-webkit-backdrop-filter:blur(14px)}
.report-nav{top:calc(5rem + env(safe-area-inset-top,0px));-webkit-overflow-scrolling:touch}
.voice-response{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
button,.primary-cta,.report-nav a,.prev-button,.quiet-link{min-height:44px;touch-action:manipulation}
.quiet-link{display:inline-flex;align-items:center}
.start-copy,.question-sheet,.faculty-card,.portrait-card>div{min-width:0}
@media(max-width:680px){
  .game-header,.quiz-topbar{height:calc(4.5rem + env(safe-area-inset-top,0px))}
  .report-nav{top:calc(4.5rem + env(safe-area-inset-top,0px))}
  .faculty-art{width:5.4rem;height:5.4rem;margin:0}
  .faculty-art span{font-size:2rem}
  .faculty-card blockquote{margin:.45rem 0 0}
  .case-stamp{right:0}
  .result-seal{position:relative;right:auto;bottom:auto;margin:2rem 0 0 auto}
}

/* V4.4 · quiet authorship watermark */
.site-watermark{
  position:fixed;
  z-index:14;
  right:max(.12rem,env(safe-area-inset-right));
  top:50%;
  transform:translateY(-50%);
  padding:.55rem .22rem;
  border-left:1px solid rgba(226,139,97,.18);
  color:rgba(231,223,199,.54);
  background:rgba(9,20,22,.32);
  font:500 .6rem/1.2 var(--sans);
  letter-spacing:.08em;
  white-space:nowrap;
  writing-mode:vertical-rl;
  pointer-events:none;
  user-select:none;
}
@media(max-width:680px){
  .site-watermark{
    right:max(.08rem,env(safe-area-inset-right));
    padding:.42rem .16rem;
    font-size:.52rem;
    opacity:.78;
  }
}
@media print{
  .site-watermark{
    position:fixed;
    color:rgba(28,37,37,.55);
    background:rgba(255,255,255,.28);
    border-color:rgba(28,37,37,.14);
  }
}