:root{color:#24302f;background:#f6f1e8;font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(65,149,135,.16),transparent 32rem),linear-gradient(135deg,#f8f2e8,#eef4ef 48%,#f3ede4)}button{border:0;font:inherit}.app-shell{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:26px 0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:46px}.brand{display:inline-flex;align-items:center;gap:10px;color:#23322f;background:transparent;cursor:pointer;font-weight:900;letter-spacing:0}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:#fff;background:#2f8a7f;box-shadow:0 14px 28px #2f8a7f3d}.nav-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:#6f7e7b;font-family:Trebuchet MS,Verdana,sans-serif;font-size:14px}.hero{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:42px;align-items:start}.hero-copy{position:sticky;top:24px;max-width:560px}.eyebrow,.question-kicker{margin:0 0 16px;color:#2f8a7f;font-family:Trebuchet MS,Verdana,sans-serif;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;color:#20302c;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:0}.hero-text{max-width:520px;margin:24px 0 0;color:#596864;font-size:18px;line-height:1.8}.hero-actions,.result-actions,.test-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.primary-button,.ghost-button{min-height:48px;padding:0 24px;border-radius:10px;cursor:pointer;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{color:#fff;background:#2f8a7f;box-shadow:0 18px 36px #2f8a7f3d}.ghost-button{color:#2f514c;background:#ffffffad;box-shadow:inset 0 0 0 1px #2f514c24}.ghost-button:disabled{cursor:not-allowed;opacity:.38}.primary-button:hover,.ghost-button:hover:not(:disabled){transform:translateY(-2px)}.character-showcase{display:grid;gap:22px}.game-section{padding:18px;border-radius:18px;background:#ffffff94;box-shadow:0 18px 46px #23302c14}.game-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.game-heading h2{margin:0;color:#20302c;font-size:clamp(22px,2.6vw,32px)}.game-heading span{color:#6f7e7b;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:800}.game-character-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mini-card{min-height:150px;padding:10px;border-radius:12px;background:#ffffffb8;box-shadow:0 12px 30px #23302c12}.mini-portrait{display:grid;height:88px;margin-bottom:10px;place-items:center;overflow:hidden;border-radius:10px;color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 72%),#ffffffe0),repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 10px,transparent 10px 20px);font-size:18px;font-weight:900;text-align:center}.mini-portrait img,.result-portrait img,.poster-art img{width:100%;height:100%;object-fit:cover}.mini-card strong,.mini-card small{display:block}.mini-card strong{font-size:16px}.mini-card small{margin-top:4px;color:#6c7775;font-family:Trebuchet MS,Verdana,sans-serif;font-size:12px;line-height:1.35}.test-stage{width:min(860px,100%);margin:0 auto}.progress-wrap{margin-bottom:28px}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;color:#5f706c;font-family:Trebuchet MS,Verdana,sans-serif;font-size:14px}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#23302c17}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f8a7f,#d7a346);transition:width .24s ease}.question-card{padding:clamp(26px,5vw,56px);border-radius:18px;background:#ffffffd1;box-shadow:0 28px 70px #23302c1a}.question-card h2{max-width:760px;margin:0 auto 34px;color:#20302c;font-size:clamp(28px,4vw,44px);line-height:1.22;text-align:center}.question-kicker{text-align:center}.answer-picker-wrap{display:flex;flex-direction:column;gap:24px;max-width:760px;margin:0 auto}.choice-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;color:#263a35;font-size:clamp(16px,2vw,19px);font-weight:800;line-height:1.45}.left-label,.right-label{padding:18px;border-radius:12px;background:#ffffffb8}.left-label{text-align:left;color:#2f8a7f}.right-label{text-align:right;color:#c79437}.answer-options{display:grid;grid-template-columns:repeat(7,minmax(54px,1fr));gap:10px}.answer-option{min-height:46px;border:1px solid rgba(35,48,44,.12);border-radius:999px;color:#52615e;background:#ffffffbd;font-family:Trebuchet MS,Verdana,sans-serif;font-size:15px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.answer-option:hover{transform:translateY(-2px);border-color:#2f8a7f59;box-shadow:0 8px 18px #23302c14}.answer-option.selected{color:#fff;box-shadow:0 10px 24px #23302c26}.answer-option.selected.negative.level-1{border-color:#5ea79f;background:#5ea79f}.answer-option.selected.negative.level-2{border-color:#3f9288;background:#3f9288}.answer-option.selected.negative.level-3{border-color:#2f8a7f;background:#2f8a7f}.answer-option.selected.positive.level-1{border-color:#d8b46e;background:#d8b46e}.answer-option.selected.positive.level-2{border-color:#cfa052;background:#cfa052}.answer-option.selected.positive.level-3{border-color:#c79437;background:#c79437}.answer-option.selected.neutral{border-color:#5f706c;background:#5f706c}.current-value{display:flex;justify-content:center;gap:10px;text-align:center;font-family:Trebuchet MS,Verdana,sans-serif;font-size:18px;font-weight:800;color:#20302c;margin-top:8px}.current-value span{color:#2f8a7f}.test-actions{justify-content:center}.result-stage{position:relative}.result-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(24px,5vw,58px);align-items:center;padding:clamp(22px,4vw,42px);border-radius:18px;background:#ffffffd1;box-shadow:0 26px 70px #23302c1c}.result-portrait,.portrait-placeholder,.poster-art{overflow:hidden;border-radius:14px}.result-portrait{height:min(62vw,620px);min-height:420px;background:var(--accent-soft)}.portrait-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--accent);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.86),transparent 34%),linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.9))}.portrait-placeholder span{padding:0 18px;font-size:clamp(30px,6vw,72px);font-weight:900;text-align:center}.result-copy h2{margin:0;color:#20302c;font-size:clamp(32px,4.6vw,58px);line-height:1.08}.result-game{display:inline-flex;margin:0 0 12px;padding:7px 12px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-family:Trebuchet MS,Verdana,sans-serif;font-size:13px;font-weight:900}.result-archetype{margin:12px 0 0;color:var(--accent);font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.2}.result-core{margin:18px 0 8px;color:#263a35;font-size:22px;font-weight:800;line-height:1.55}.result-direction{margin:0 0 24px;color:#63716e;line-height:1.7}.dimension-radar{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:center;margin-top:24px;padding:18px;border-radius:16px;background:#ffffffa3;box-shadow:inset 0 0 0 1px #23302c12}.radar-svg{width:100%;max-width:260px;height:auto}.radar-grid{fill:none;stroke:#23302c1f;stroke-width:1}.radar-axis{fill:none;stroke:#23302c24;stroke-width:1}.radar-shape{fill:var(--accent-soft);stroke:var(--accent);stroke-width:3}.radar-dot{fill:var(--accent)}.radar-label{fill:#20302c;font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif;font-size:12px;font-weight:900}.radar-legend{display:grid;gap:8px}.radar-legend-item{display:grid;grid-template-columns:54px minmax(0,1fr) 44px;gap:10px;align-items:center;color:#53635f}.radar-legend-item strong{color:#20302c}.radar-legend-item span{font-size:12px}.radar-legend-item em{color:var(--accent);font-family:Trebuchet MS,Verdana,sans-serif;font-style:normal;font-weight:900;text-align:right}.export-error{margin:12px 0 0;color:#a33b3b;font-family:Trebuchet MS,Verdana,sans-serif;font-size:14px}.report-section{margin-top:22px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.report-block{padding:clamp(22px,3vw,34px);border-radius:16px;background:#ffffffc7;box-shadow:0 18px 46px #23302c14}.report-overview{border-left:8px solid var(--accent)}.section-label{margin:0 0 10px;color:var(--accent);font-family:Trebuchet MS,Verdana,sans-serif;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.report-block h3{margin:0 0 14px;color:#20302c;font-size:clamp(24px,3vw,34px);line-height:1.18}.report-block p{margin:0;color:#53635f;font-size:17px;line-height:1.85}.report-block ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.report-block li{position:relative;padding-left:22px;color:#4d5e5a;line-height:1.72}.report-block li:before{content:"";position:absolute;left:0;top:.78em;width:8px;height:8px;border-radius:50%;background:var(--accent)}.advice-block{background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.86)),#ffffffc7}.runner-up{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;color:#53635f;font-family:Trebuchet MS,Verdana,sans-serif}.runner-up p{margin:0 8px 0 0;font-weight:900}.runner-up span{padding:8px 12px;border-radius:999px;background:#ffffffad}.poster{position:fixed;left:0;top:0;transform:translate(-760px);width:720px;height:1080px;min-height:1080px;padding:42px;color:#22312d;background:radial-gradient(circle at top right,var(--accent-soft),transparent 360px),linear-gradient(180deg,#fbf4e8,#edf5ef);font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif}.poster-top{display:flex;justify-content:space-between;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:900}.poster-top strong{color:var(--accent)}.poster-art{height:380px;margin:30px 0 24px;background:var(--accent-soft)}.poster-game,.poster-name,.poster h3,.poster-archetype,.poster-core{margin:0}.poster-game{color:var(--accent);font-family:Trebuchet MS,Verdana,sans-serif;font-size:20px;font-weight:900}.poster-name{margin-top:8px;color:#20302c;font-size:62px;font-weight:900;line-height:1}.poster h3{margin-top:10px;color:#697873;font-size:32px;line-height:1.15}.poster-archetype{margin-top:14px;color:var(--accent);font-size:34px;font-weight:900;line-height:1.2}.poster-core{margin-top:18px;font-size:28px;font-weight:800;line-height:1.45}.poster-summary{margin:16px 0 0;color:#53635f;font-size:22px;font-weight:700;line-height:1.45}.poster-bars{display:grid;gap:12px;margin-top:26px;font-family:Trebuchet MS,Verdana,sans-serif}.poster-bars div{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}.poster-bars i{height:14px;overflow:hidden;border-radius:999px;background:#23302c1a}.poster-bars b{display:block;height:100%;border-radius:inherit;background:var(--accent)}@media(max-width:1080px){.hero{grid-template-columns:1fr}.hero-copy{position:static}.game-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.app-shell{width:min(100% - 24px,720px);padding-top:18px}.topbar{margin-bottom:24px}.nav-meta{display:none}.result-card,.report-grid{grid-template-columns:1fr}.character-showcase{gap:16px}.game-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-portrait{height:420px;min-height:320px}.dimension-radar{grid-template-columns:1fr}.radar-svg{justify-self:center}}@media(max-width:620px){.hero-actions,.result-actions,.test-actions{flex-direction:column}.primary-button,.ghost-button{width:100%}.choice-labels{grid-template-columns:1fr;gap:8px}.left-label,.right-label{text-align:left}.answer-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.answer-option{width:auto;min-width:0;min-height:40px;padding:0;font-size:13px}.current-value{flex-direction:column}.game-section{padding:12px}.game-heading{align-items:flex-start;flex-direction:column}.game-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-card{min-height:148px}.mini-portrait{height:82px}.radar-legend-item{grid-template-columns:48px minmax(0,1fr) 40px}}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;transition:opacity 1s ease}.home-slides-wrapper{background:#080a0f;color:#f1f5f9;min-height:100vh;position:relative}.fixed-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(1240px,calc(100% - 36px));z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0;pointer-events:none}.fixed-topbar *{pointer-events:auto}.fixed-topbar .brand{color:#fff}.fixed-topbar .nav-meta{color:#fff9}.fixed-topbar .brand-mark{background:#2f8a7f;box-shadow:0 0 15px #2f8a7f99}.slides-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;position:relative;z-index:1}.slides-container::-webkit-scrollbar{display:none}.slide-section{scroll-snap-align:start;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;padding:80px 40px}.slide-content{max-width:800px;text-align:center;opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.slide-content *{pointer-events:auto}.slide-section.active .slide-content{opacity:1;transform:translateY(0)}.slide-subtitle{font-family:Trebuchet MS,sans-serif;color:var(--accent, #2f8a7f);font-size:clamp(12px,1.8vw,15px);font-weight:900;letter-spacing:.25em;text-transform:uppercase;margin-bottom:16px;transition:color .5s ease;text-shadow:0 0 10px rgba(255,255,255,.1)}.slide-title{font-size:clamp(28px,4.5vw,56px);font-weight:900;line-height:1.2;color:#fff;margin:0 0 20px;font-family:"Noto Serif SC","Source Han Serif SC",serif;text-shadow:0 4px 20px rgba(0,0,0,.8)}.slide-desc{font-size:clamp(15px,2.2vw,19px);line-height:1.8;color:#cbd5e1;margin:0 auto;max-width:620px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.slide-actions{display:flex;justify-content:center;gap:16px;margin-top:36px}.slide-actions .primary-button{background:var(--accent, #2f8a7f);box-shadow:0 10px 25px var(--accent-soft, rgba(47, 138, 127, .4))}.slide-actions .ghost-button{color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3}.slide-actions .ghost-button:hover{background:#fff3}.slide-nav{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:14px}.slide-nav-dot{width:10px;height:10px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-nav-dot:hover{background:#fff9;transform:scale(1.2)}.slide-nav-dot.active{background:var(--accent, #2f8a7f);transform:scale(1.4);box-shadow:0 0 10px var(--accent, #2f8a7f)}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-family:Trebuchet MS,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:opacity .5s ease,color .3s ease}.scroll-hint:hover{color:#fffc}.scroll-hint:after{content:"↓";font-size:18px;font-weight:700;animation:bounceHint 2s infinite}@keyframes bounceHint{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.app-shell.test-mode,.app-shell.result-mode{width:100%;min-height:100vh;margin:0;padding:26px 40px 42px;background:radial-gradient(circle at top left,rgba(65,149,135,.16),transparent 32rem),linear-gradient(135deg,#f8f2e8,#eef4ef 48%,#f3ede4);color:#24302f;transition:background .5s ease}.app-shell.test-mode .topbar,.app-shell.result-mode .topbar{max-width:1240px;margin:0 auto 46px;width:100%}.app-shell.test-mode .test-stage,.app-shell.result-mode .result-card,.app-shell.result-mode .report-section,.app-shell.result-mode .runner-up{max-width:1240px;margin-left:auto;margin-right:auto}.test-stage .question-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:900px){.app-shell.test-mode,.app-shell.result-mode{padding:18px 16px 36px}.slide-nav{right:20px}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080a0f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;color:#fff;font-family:"Noto Serif SC","Source Han Serif SC",serif}.loader-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#2f8a7f;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}