:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--r1:4px;--r2:8px;--r3:12px;--r4:16px;--t-fast:.15s ease;--t-med:.25s ease;--t-spring:.35s cubic-bezier(.34,1.56,.64,1);--f-display:"Cormorant Garamond", Georgia, serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"SFMono-Regular", Consolas, monospace;--co3-indigo:#3f3aa3;--co3-pink:#e63888;--co3-orange:#f5a623}:root,[data-theme=dark]{--bg:#0c1420;--bg-1:#111b2c;--bg-2:#172238;--bg-card:#192035;--border:#ffffff14;--border-hi:#ffffff24;--text:#eee8d6;--text-2:#a89e87;--text-3:#8c8272;--text-inv:#111b2c;--gold:#d4a84b;--gold-dim:#d4a84b26;--teal:#3d907e;--teal-dim:#3d907e26;--red:#c95f45;--red-dim:#c95f4526;--purple:#7b6bb8;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080}[data-theme=light]{--bg:#f4efe4;--bg-1:#ede5d8;--bg-2:#e3d9c9;--bg-card:#fffcf5;--border:#00000014;--border-hi:#00000024;--text:#1a2535;--text-2:#4a5a6e;--text-3:#64738a;--text-inv:#f4efe4;--gold:#b8872a;--gold-dim:#b8872a1f;--teal:#2d7a6a;--teal-dim:#2d7a6a1f;--red:#b04a32;--red-dim:#b04a321f;--purple:#6254a0;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--f-body);min-height:100vh;transition:background var(--t-med), color var(--t-med);font-size:15px;line-height:1.6}button{font-family:var(--f-mono);cursor:pointer;border:none}button:active{transform:scale(.97)}.bg-ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-ambient span{filter:blur(80px);opacity:.07;border-radius:50%;animation:18s ease-in-out infinite drift;position:absolute}[data-theme=light] .bg-ambient span{opacity:.04}.bg-ambient span:first-child{background:var(--purple);width:400px;height:400px;animation-delay:0s;top:-10%;left:-5%}.bg-ambient span:nth-child(2){background:var(--gold);width:300px;height:300px;animation-delay:-6s;bottom:-8%;right:-5%}.bg-ambient span:nth-child(3){background:var(--teal);width:350px;height:350px;animation-delay:-12s;top:40%;left:55%}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}#root{max-width:900px;padding:var(--s10) var(--s6) var(--s16);margin:0 auto}.top-controls{top:var(--s4);right:var(--s4);z-index:50;gap:var(--s2);display:flex;position:fixed}.theme-toggle,.lang-toggle{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);padding:var(--s2) var(--s4);border-radius:var(--r2);letter-spacing:1px;transition:all var(--t-fast);font-size:12px}.theme-toggle:hover,.lang-toggle:hover{border-color:var(--border-hi);color:var(--text)}.restart-toggle{top:var(--s4);left:var(--s4);z-index:50;background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);padding:var(--s2) var(--s4);border-radius:var(--r2);letter-spacing:1px;transition:all var(--t-fast);font-size:12px;position:fixed}.restart-toggle:hover{border-color:var(--border-hi);color:var(--text)}.app-header{text-align:center;margin-bottom:var(--s10)}.app-header h1{font-family:var(--f-display);letter-spacing:.15em;color:var(--text);font-size:clamp(36px,6vw,56px);font-weight:400;line-height:1}.app-header .divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:48px;height:1px;margin:var(--s3) auto}.app-header .subtitle{font-family:var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-3);font-size:10px}.co3-badge{margin-top:var(--s3);border:1px solid var(--co3-pink);font-family:var(--f-mono);letter-spacing:.1em;color:var(--text-2);transition:all var(--t-fast);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:9.5px;text-decoration:none;display:inline-flex}.co3-badge:hover{background:var(--co3-pink);color:#fff}.co3-badge .co3-mark{flex-shrink:0;width:12px;height:12px}.site-footer{max-width:720px;margin:var(--s16) auto 0;padding:var(--s8) var(--s6) var(--s10);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:var(--s5);text-align:center;flex-wrap:wrap;display:flex}.site-footer .eu-flag{border-radius:2px;flex-shrink:0;width:36px;height:24px}.site-footer p{color:var(--text-3);max-width:420px;font-size:11px;line-height:1.6}.site-footer a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.site-footer a:hover{color:var(--co3-pink)}.btn{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r1);letter-spacing:.15em;text-transform:uppercase;transition:all var(--t-fast);padding:12px 28px;font-size:11px;display:inline-flex}.btn-primary{background:var(--gold);color:var(--text-inv);box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--gold);border:1px solid var(--gold);background:0 0}.btn-ghost:hover{background:var(--gold-dim)}.btn-secondary{background:var(--bg-2);color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hi);color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);box-shadow:var(--shadow-sm)}.card-accent{border-top:3px solid var(--accent-color,var(--gold))}.consent-screen,.demographics-screen{max-width:560px;color:var(--text-2);margin:0 auto;font-size:14px;line-height:1.7}.consent-screen h2,.demographics-screen h2{color:var(--text);margin-bottom:var(--s4)}.consent-screen p,.demographics-screen p{margin-bottom:var(--s3)}.consent-check{align-items:flex-start;gap:var(--s2);margin-bottom:var(--s3);cursor:pointer;display:flex}.consent-check input{margin-top:4px}.consent-skip-note{color:var(--text-3);font-size:12px;font-style:italic}.consent-email{margin:var(--s2) 0 var(--s3) 28px}.consent-email input[type=email]{background:var(--bg-2);border:1px solid var(--border);width:100%;max-width:320px;color:var(--text);padding:var(--s2);border-radius:var(--r2);font-size:14px}.consent-email-error{color:#d33;margin-top:var(--s1);font-size:12px}.demographics-screen label{gap:var(--s1);margin-bottom:var(--s4);color:var(--text);flex-direction:column;display:flex}.demographics-screen select,.demographics-screen input[type=text]{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:var(--s2);border-radius:var(--r2);font-size:14px}.onboard-prose{max-width:560px;margin:0 auto var(--s8);text-align:center;color:var(--text-2);font-size:15px;line-height:1.75}.onboard-prose b{color:var(--text);font-weight:500}.select-intro{text-align:center;color:var(--text-2);margin-bottom:var(--s8);font-size:14px}.island-grid{gap:var(--s4);margin-bottom:var(--s6);perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.island-card{cursor:pointer;height:400px;transition:transform var(--t-spring);background:0 0;border:none;padding:0;position:relative}.island-card:hover{transform:translateY(-4px)}.island-card:focus-visible{box-shadow:0 0 0 2px var(--gold);border-radius:var(--r2);outline:none}.island-card:hover .flip-inner,.island-card.flipped .flip-inner,.island-card:focus-visible .flip-inner{transform:rotateY(180deg)}.island-card .accent-line{border-radius:var(--r2) var(--r2) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.island-card h3{font-family:var(--f-display);color:var(--text);margin:var(--s4) 0 var(--s2);font-size:20px;font-weight:400}.island-card .tag{color:var(--text-2);margin-bottom:var(--s4);font-size:13px;line-height:1.5}.island-card .flip-hint{text-align:right;margin-top:var(--s2);display:block;position:static}.island-card-head{margin-top:var(--s4);justify-content:space-between;align-items:baseline;display:flex}.island-card-head h3{margin:0}.difficulty-stars{font-family:var(--f-mono);letter-spacing:1px;color:var(--gold);white-space:nowrap;font-size:12px}.difficulty-stars .empty{color:var(--text-3);opacity:.4}.island-radar-wrap{margin:var(--s1) 0;justify-content:center;display:flex}.island-values{gap:3px var(--s3);margin-bottom:var(--s1);flex-wrap:wrap;justify-content:center;display:flex}.iv-chip{font-family:var(--f-mono);color:var(--text-2);font-size:9.5px}.iv-chip b{color:var(--text-3);margin-right:2px;font-weight:700}.island-card .flip-back{flex-direction:column;display:flex}.island-back .ib-detail{color:var(--text-2);margin-bottom:var(--s3);font-size:12px;line-height:1.6}.island-back .ib-label{font-family:var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s1);font-size:9px;display:block}.island-back .ib-list{margin:0 0 var(--s3);padding:0;font-size:11.5px;line-height:1.6;list-style:none}.island-back .ib-list li{padding-left:var(--s4);color:var(--text-2);position:relative}.island-back .ib-list.strengths li:before{content:"+";color:var(--teal);font-weight:700;position:absolute;left:0}.island-back .ib-list.risks li:before{content:"−";color:var(--red);font-weight:700;position:absolute;left:0}.island-select-btn{width:100%;margin-top:auto}.crisis-layout{gap:var(--s4);flex-direction:column;display:flex}.topbar{padding-bottom:var(--s4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.topbar-left .label{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);font-size:9px}.topbar-left .value{font-family:var(--f-display);color:var(--text);margin-top:2px;font-size:22px}.topbar-left .difficulty-stars{margin-top:4px;font-size:11px;display:block}.progress-dots{gap:var(--s2);margin-top:var(--s2);justify-content:flex-end;display:flex}.progress-dot{border:1px solid var(--gold);width:8px;height:8px;transition:all var(--t-med);border-radius:2px;transform:rotate(45deg)}.progress-dot.done{background:var(--gold);box-shadow:0 0 6px #d4a84b66}.topbar-right{flex-direction:column;align-items:flex-end;display:flex}.undo-btn{margin-top:var(--s3);padding:6px 14px;font-size:10px}.undo-btn:disabled{opacity:.35;cursor:not-allowed}.crisis-body{gap:var(--s6);grid-template-columns:1fr 1.4fr;align-items:start;display:grid}@media (width<=640px){.crisis-body{grid-template-columns:1fr}}.radar-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);box-shadow:var(--shadow-sm)}.radar-svg-wrap{margin-bottom:var(--s4);justify-content:center;display:flex}.legend-row{padding:var(--s3) var(--s2);border-radius:var(--r1);font-family:var(--f-mono);cursor:pointer;transition:background var(--t-fast);justify-content:space-between;align-items:center;min-height:44px;font-size:10.5px;display:flex}.legend-row:hover{background:var(--bg-2)}.legend-row .lk{color:var(--text-2);font-weight:600}.legend-row .lname{color:var(--text-3);margin-left:var(--s2);flex:1}.legend-row .lval{color:var(--text);text-align:right;min-width:24px;font-weight:700}.legend-row.fragile .lk,.legend-row.fragile .lval{color:var(--red)}.legend-desc{color:var(--text-2);padding:var(--s1) var(--s2) var(--s2);font-size:11px;display:none}.legend-row.open+.legend-desc{display:block}.frag-banner{border-left:3px solid var(--red);background:var(--red-dim);padding:var(--s3) var(--s4);border-radius:0 var(--r1) var(--r1) 0;color:var(--text-2);margin-bottom:var(--s4);font-size:13px}.frag-banner .fb-label{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:var(--s1);font-size:9px;display:block}.echo-banner{border-left:3px solid var(--purple);background:var(--bg-1);padding:var(--s3) var(--s4);border-radius:0 var(--r1) var(--r1) 0;color:var(--text-2);margin-bottom:var(--s4);font-size:14px}.echo-banner .echo-label{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--s1);font-size:9px;display:block}.crisis-card{background:var(--bg-1);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:0 var(--r2) var(--r2) 0;padding:var(--s5) var(--s5) var(--s5) var(--s5);margin-bottom:var(--s4)}.crisis-card .eyebrow{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:var(--s3);font-size:9px}.crisis-card .body{color:var(--text);font-size:14px;line-height:1.8}.options-list{gap:var(--s3);flex-direction:column;display:flex}.opt-btn{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);width:100%;padding:var(--s4) var(--s5);color:var(--text);box-shadow:var(--shadow-sm);transition:all var(--t-fast)}.opt-btn:hover{border-color:var(--border-hi);background:var(--bg-2);box-shadow:var(--shadow-md);transform:translate(3px)}.opt-label{margin-bottom:var(--s1);font-size:14px;font-weight:500;display:block}.opt-hint{color:var(--text-2);font-size:12px;font-style:italic;display:block}.opt-gate{font-family:var(--f-mono);margin-top:var(--s2);font-size:11px;display:block}.opt-gate.met{color:var(--teal)}.opt-gate.unmet{color:var(--text-3)}.kb-hint{text-align:center;font-family:var(--f-mono);color:var(--text-3);margin-top:var(--s3);font-size:10px}.feedback-panel{background:var(--teal-dim);border:1px solid #3d907e40;border-left:3px solid var(--teal);border-radius:0 var(--r2) var(--r2) 0;padding:var(--s5)}.feedback-panel .fb-main{margin-bottom:var(--s3);font-size:14.5px;line-height:1.65}.feedback-panel .fb-why{color:var(--text-2);margin-bottom:var(--s4);font-size:13.5px;line-height:1.6}.feedback-panel .fb-why b{color:var(--gold);font-weight:500}.delta-row{gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.delta-chip{font-family:var(--f-mono);border-radius:var(--r1);background:var(--bg-2);padding:4px 10px;font-size:11px}.delta-chip.up{color:#8fd3a8}.delta-chip.down{color:#e89b8b}.lesson-flag{font-family:var(--f-mono);color:var(--gold);border:1px dashed var(--gold);border-radius:var(--r1);margin-bottom:var(--s4);padding:6px 12px;font-size:10.5px;display:inline-block;transform:rotate(-.8deg)}@keyframes win-glow{0%,to{box-shadow:0 0 #3d907e66}50%{box-shadow:0 0 0 8px #0000}}.lesson-flag.win{color:var(--teal);border-color:var(--teal);background:var(--teal-dim);animation:1.5s 3 win-glow}.final-hero{text-align:center;padding:var(--s6) 0 var(--s4)}.score-label{font-family:var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s2);font-size:10px}.score{font-family:var(--f-display);color:var(--gold);letter-spacing:-.02em;text-shadow:0 2px 24px #d4a84b40;font-size:56px;line-height:1}.score-context{color:var(--text-2);margin-top:var(--s2);font-size:12px}.score-context .difficulty-stars{margin-right:4px}.radar-legend-note{font-family:var(--f-mono);color:var(--text-3);margin:var(--s2) 0;font-size:9.5px}.domain-shift-row{justify-content:center;gap:var(--s2);flex-wrap:wrap;max-width:480px;display:flex}.shift-chip{font-family:var(--f-mono);border-radius:var(--r1);background:var(--bg-2);color:var(--text-2);padding:3px 8px;font-size:10px}.shift-chip.up{color:#8fd3a8}.shift-chip.down{color:#e89b8b}.final-body{gap:var(--s5);margin-top:var(--s5);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.final-body{grid-template-columns:1fr}}.archetype-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);box-shadow:var(--shadow-sm)}.archetype-card .arch-split{font-family:var(--f-mono);color:var(--text-3);margin-bottom:var(--s2);font-size:10px}.archetype-card h3{font-family:var(--f-display);color:var(--text);margin-bottom:var(--s2);font-size:20px;font-weight:400}.archetype-card p{color:var(--text-2);font-size:13px;line-height:1.65}.prob-bars{margin-top:var(--s4);flex-direction:column;gap:6px;display:flex}.prob-row{align-items:center;gap:var(--s2);display:flex}.prob-name{font-family:var(--f-mono);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:0 0 40%;font-size:9.5px;overflow:hidden}.prob-track{background:var(--bg-2);border-radius:3px;flex:1;height:5px;overflow:hidden}.prob-fill{background:var(--gold);border-radius:3px;height:100%}.prob-pct{font-family:var(--f-mono);color:var(--text-3);text-align:right;flex:0 0 30px;font-size:9.5px}.learning-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5)}.learning-card h4{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:var(--s4);font-size:10px;font-weight:400}.learning-card p{color:var(--text-2);margin-bottom:var(--s3);font-size:13px;line-height:1.7}.learning-card p:last-child{margin-bottom:0}.learning-card p b{color:var(--text);font-weight:500}.critical-note{border-left:3px solid var(--red);background:var(--red-dim);padding:var(--s3) var(--s4);border-radius:0 var(--r1) var(--r1) 0;color:var(--text-2);margin-bottom:var(--s4);font-size:13px}.critical-note b{color:var(--red)}.history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4);max-height:340px;overflow-y:auto}.history-card h4{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s3);font-size:9px;font-weight:400}.h-item{gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--border);font-size:12.5px;display:flex}.h-item:last-child{border-bottom:none}.h-turn{font-family:var(--f-mono);color:var(--gold);opacity:.7;min-width:20px;padding-top:2px;font-size:10px}.h-main{color:var(--text-2)}.h-main strong{color:var(--text);font-size:10.5px;font-family:var(--f-mono);letter-spacing:.05em;margin-bottom:2px;display:block}.h-deltas{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.h-deltas .delta-chip{padding:2px 7px;font-size:9.5px}.export-row{gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;justify-content:center;display:flex}.center{text-align:center}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.mt-8{margin-top:var(--s8)}.domain-grid{gap:var(--s3);margin:var(--s8) 0;perspective:1200px;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.domain-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.domain-grid{grid-template-columns:1fr}}.domain-chip{cursor:pointer;background:0 0;border:none;height:200px;padding:0;position:relative}.domain-chip:focus-visible{box-shadow:0 0 0 2px var(--gold);border-radius:var(--r2);outline:none}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.domain-chip:hover .flip-inner,.domain-chip.flipped .flip-inner,.domain-chip:focus-visible .flip-inner{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none}.bg-ambient span,.lesson-flag.win{animation:none}}.flip-face{backface-visibility:hidden;border-radius:var(--r2);padding:var(--s4) var(--s4);position:absolute;inset:0;overflow-y:auto}.flip-front{background:var(--bg-1);border:1px solid var(--border);flex-direction:column;justify-content:flex-start;display:flex}.flip-front .code{font-family:var(--f-mono);color:var(--gold);letter-spacing:.15em;opacity:.8;margin-bottom:var(--s1);font-size:10px;display:block}.flip-front h4{font-family:var(--f-display);color:var(--text);margin-bottom:var(--s2);font-size:17px;font-weight:400}.flip-front p{color:var(--text-2);font-size:13px;line-height:1.5}.flip-front .flip-hint{font-family:var(--f-mono);color:var(--text-3);bottom:var(--s2);right:var(--s3);font-size:8.5px;position:absolute}.flip-back{background:var(--bg-card);border:1px solid var(--border-hi);text-align:left;transform:rotateY(180deg)}[data-theme=light] .flip-back{background:#fffcf5}.flip-back .fb-theory{font-family:var(--f-mono);color:var(--text-3);letter-spacing:.3px;margin:0 0 var(--s2);font-size:9.5px}.flip-back .fb-desc{color:var(--text-2);margin:0 0 var(--s2);font-size:11px;line-height:1.55}.flip-back .fb-sub{font-family:var(--f-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--gold);margin:var(--s2) 0 var(--s1);font-size:9px;display:block}.flip-back ul{padding-left:var(--s4);margin:0 0 var(--s2);color:var(--text-2);font-size:10.5px;line-height:1.5}.flip-back .fb-game{color:var(--purple);margin:0;font-size:10.5px;font-style:italic}