:root{--bg:#0b0b0d;--text:#f3efe6;--muted:#a39b8c;--card:#16161a;--line:#2c2924;--accent:#e2b15a;--accent-text:#1c1408;--bad:#e7a397;--good:#b7d7b0;color:var(--text);background:var(--bg);font-family:Onest,Segoe UI,sans-serif;font-size:17px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(1200px 400px at 50% -10%, #e2b15a29, transparent 55%), var(--bg);min-height:100dvh;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.map-card:disabled{cursor:not-allowed}.quiz-option:disabled{cursor:default;opacity:1}h1,h2{letter-spacing:-.03em;font-family:Onest,sans-serif;font-weight:600;line-height:1.15}h1{margin:0 0 12px;font-size:34px}h2{margin:22px 0 8px;font-size:16px}p{margin:0 0 14px}.screen{width:min(480px,100%);padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.lead{font-size:18px}.fine{color:var(--muted);font-size:14px}.top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.top h1{margin:0;font-size:28px}.text-button{color:var(--accent);background:0 0;border:0;padding:8px 0;font-weight:700}.primary,.ghost{border-radius:14px;min-height:52px;padding:12px 16px;font-weight:800}.primary{background:var(--accent);width:100%;color:var(--accent-text);border:0}.ghost{border:1px solid var(--line);background:0 0}.ghost.danger{width:100%;color:var(--bad);margin-top:8px}.actions{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px;display:grid}.result-card,.answers,.shot{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.result-card{margin:8px 0 16px}.needs,.path{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.needs li,.path li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px}.path li span{margin-right:4px}.split{gap:10px;margin:8px 0 16px;display:grid}.split section{border:1px solid var(--line);background:#141416;border-radius:18px;margin:0;padding:14px 16px}.split section p:last-child{margin:0}.split .after{background:#221c12;border-color:#6a5428}.quiz,.reveal{border:1px solid var(--line);background:var(--card);border-radius:18px;margin:0 0 16px;padding:14px}.quiz p{margin-bottom:10px;font-weight:700}.quiz-options{gap:8px;display:grid}.quiz-option{text-align:left;border:1px solid var(--line);background:#101014;border-radius:12px;min-height:48px;padding:12px 14px}.quiz-option.ok{border-color:var(--good);background:#172117}.quiz-option.bad{border-color:var(--bad);background:#2a1714}.quiz-why{margin:12px 0 0;font-weight:600}.quiz-why.ok{color:var(--good)}.quiz-why.bad{color:var(--bad)}.reveal{text-align:left;width:100%;color:inherit}.reveal span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.reveal.open{border-color:var(--accent)}.cleared{padding-top:18vh}.cleared-mark{margin:0 0 12px;font-size:56px;line-height:1}.progress-line{color:var(--muted);font-size:14px}.bar{background:#2a261f;border-radius:99px;height:4px;margin:0 0 16px;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}.map{gap:10px;margin:0;padding:0;list-style:none;display:grid}.map-card{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;width:100%;padding:14px;display:grid}.map-card.current{border-color:var(--accent)}.map-card.locked{opacity:.72}.map-emoji{padding-top:2px;font-size:26px;line-height:1}.map-index{color:var(--accent);padding-top:3px;font-size:13px;font-weight:700}.map-kicker,.map-summary,.status{color:var(--muted);font-size:13px;display:block}.map-card strong{margin:2px 0;display:block}.status{font-size:12px;font-weight:700}.blocks ul{margin:0 0 14px;padding-left:18px}.blocks li{margin:0 0 6px}.principle{border-left:3px solid var(--accent);background:#221c12;border-radius:0 14px 14px 0;margin:0 0 14px;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.4}.note{color:#d5ddd8;background:#14181c;border-radius:14px;padding:12px 14px;font-size:15px}.mistakes{padding:0;list-style:none}.mistakes li{color:var(--text)}.pair{gap:8px;margin-bottom:14px;display:grid}.pair p{background:#121214;border-radius:12px;margin:0;padding:10px 12px}.pair span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.pair p:first-child span{color:var(--bad)}.pair p:last-child span{color:var(--good)}.shot{margin:8px 0 16px}.shot-kicker,.shot-hint{color:var(--muted);font-size:12px;display:block}.shot-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:800}.shot figcaption{font-size:14px}.phone{background:#0e0e11;border:1px solid #3a3428;border-radius:22px;width:210px;margin:0 auto 12px;overflow:hidden}.phone-bar{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px}.phone-body{gap:8px;min-height:150px;padding:12px;display:grid}.ui-home,.ui-tools,.ui-ratios,.ui-grid,.ui-frame{gap:8px;display:grid}.ui-grid{grid-template-columns:1fr 1fr}.ui-ghost,.ui-clip,.ui-audio,.ui-line,.ui-grid span,.ui-ratios span,.ui-tools span{background:#242228;border-radius:8px;min-height:28px;padding:6px 8px;font-size:12px;display:block}.ui-ghost.short,.ui-line.short{width:70%}.ui-hit,.ui-ratios span.ui-hit,.ui-tools span.ui-hit,.ui-grid span.ui-hit{background:var(--accent);color:var(--accent-text);text-align:center;font-weight:800}.ui-audio{background:#6d8f86;height:10px;min-height:10px}.ui-frame{border:1px dashed #6a624f;border-radius:12px;height:120px;position:relative}.ui-face{background:#d8c3a5;border-radius:50%;width:36px;height:36px;position:absolute;top:24px;left:28px}.ui-frame .ui-hit{position:absolute;bottom:10px;left:12px;right:12px}.ui-slider{background:#3a3428;border-radius:99px;height:8px;min-height:8px;position:relative}.ui-slider i{background:var(--accent);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;left:62%}.form,.checks{gap:14px;margin-top:8px;display:grid}.field,fieldset.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field span,legend{padding:0;font-size:14px;font-weight:700}input,textarea{border:1px solid var(--line);background:#101014;border-radius:12px;width:100%;padding:12px 14px}textarea{resize:vertical;min-height:150px}.choices{gap:8px;display:grid}.choice{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.choice:has(input:checked){border-color:var(--accent);background:#241c10}.check{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.check input,.choice input{width:20px;height:20px;accent-color:var(--accent)}.answers{margin-bottom:12px}.answers p{white-space:pre-wrap;margin:0 0 10px}.answers span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.error{color:var(--bad);font-weight:700}.start .primary{bottom:calc(12px + env(safe-area-inset-bottom));position:sticky;box-shadow:0 10px 28px #00000073}