:root{color-scheme:dark;--bg:#0d110c;--panel:#151b13;--ink:#f4f7ed;--muted:#a2aa99;--line:rgba(255,255,255,.11);--lime:#d8ff5b;--blue:#72c9ff;--orange:#ffad5c;--pink:#ff7d9b;--danger:#ff7770;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{color:inherit}.screen{display:none;width:100%;height:100svh;overflow:hidden}.screen.active{display:block}.eyebrow,.kicker,.step-no{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--lime)}.primary,.secondary{border:0;border-radius:16px;min-height:54px;padding:0 20px;font-weight:900;cursor:pointer;touch-action:manipulation}.primary{background:var(--lime);color:#12170d;box-shadow:0 12px 30px rgba(216,255,91,.14)}.primary span{margin-left:10px}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}

#start-screen{overflow:auto;background:radial-gradient(circle at 72% 15%,rgba(216,255,91,.12),transparent 30%),linear-gradient(145deg,#0b0f0a,#12180f)}.start-shell{min-height:100svh;width:min(1080px,calc(100% - 30px));margin:auto;padding:max(24px,env(safe-area-inset-top)) 0 max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.start-copy{grid-column:1;grid-row:1}.hero-map{grid-column:2;grid-row:1;position:relative;aspect-ratio:1;max-width:500px;width:100%;margin:auto}.start-copy h1{font-size:clamp(70px,10vw,126px);line-height:.76;letter-spacing:-.08em;margin:22px 0 28px}.start-copy h1 em{font-style:normal;color:var(--lime)}.lead{max-width:520px;font-size:16px;line-height:1.85;color:#c2c9b8;margin:0 0 24px}.lead strong{color:#fff}.three-rule{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:20px}.three-rule div{padding:13px;border-right:1px solid var(--line)}.three-rule div:last-child{border:0}.three-rule span{display:block;font-size:12px;color:#75806d}.three-rule b{display:block;font-size:14px;margin:5px 0}.three-rule small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.start-copy .primary{width:100%;font-size:15px}.start-note{font-size:12px;color:#727a6c;text-align:center}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(216,255,91,.24);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:88%;height:88%}.orbit-b{width:64%;height:64%;border-color:rgba(114,201,255,.23)}.orbit-c{width:39%;height:39%;border-color:rgba(255,125,155,.22)}.hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:18px;font-weight:950;color:#11170c;background:var(--lime);box-shadow:0 0 50px rgba(216,255,91,.2)}.hero-node{position:absolute;min-width:130px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(15,20,13,.88);box-shadow:0 18px 35px rgba(0,0,0,.25)}.hero-node b,.hero-node span{display:block}.hero-node b{font-size:16px}.hero-node span{font-size:12px;color:var(--muted);margin-top:5px}.node-coherence{left:2%;top:18%;border-color:rgba(114,201,255,.38)}.node-purpose{right:0;top:24%;border-color:rgba(255,173,92,.4)}.node-mattering{right:22%;bottom:4%;border-color:rgba(255,125,155,.38)}

#game-screen{background:radial-gradient(circle at 20% 0,rgba(114,201,255,.08),transparent 31%),var(--bg)}.game-shell{width:min(760px,100%);height:100%;margin:auto;padding:max(10px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 3px 112px auto minmax(0,1fr) auto;gap:10px}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.hud div{display:flex;flex-direction:column}.hud-center{align-items:center}.hud-score{align-items:flex-end}.hud span{font-size:12px;letter-spacing:.16em;color:#737c6d;font-weight:900}.hud strong{font-size:15px;margin-top:2px}.hud strong b{color:var(--lime)}.progress{height:3px;background:rgba(255,255,255,.07);border-radius:9px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--lime);transition:width .35s}.map-panel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(19,25,17,.82);border-radius:18px;padding:8px 12px}.mini-map{position:relative;width:245px;height:94px;flex:1}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#222b1c;border:1px solid rgba(216,255,91,.3);font-size:12px;font-weight:900;color:var(--lime);z-index:2}.map-node{position:absolute;width:72px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;background:#11150f;border:1px solid var(--line);font-size:12px;z-index:2;transition:.25s}.map-node b{font-size:13px}.map-node.lit{box-shadow:0 0 18px color-mix(in srgb,var(--node-color) 25%,transparent);border-color:var(--node-color)}.map-coherence{--node-color:var(--blue);left:0;top:2px}.map-purpose{--node-color:var(--orange);right:0;top:2px}.map-mattering{--node-color:var(--pink);left:50%;bottom:0;transform:translateX(-50%)}.map-line{position:absolute;height:1px;background:rgba(255,255,255,.12);transform-origin:left center;z-index:1}.line-coherence{width:72px;left:calc(50% - 62px);top:41px;transform:rotate(-24deg)}.line-purpose{width:72px;left:calc(50% + 2px);top:39px;transform:rotate(-154deg);transform-origin:right center}.line-mattering{width:32px;left:50%;top:55px;transform:rotate(90deg)}.tempo{width:75px;text-align:right}.tempo>span{font-size:12px;letter-spacing:.15em;color:#737c6d}.tempo>b{display:block;font-size:25px;line-height:1}.tempo>div{height:3px;background:#2c3228;border-radius:5px;margin-top:7px;overflow:hidden}.tempo i{display:block;width:100%;height:100%;background:var(--lime)}.question-card{border-radius:18px;background:linear-gradient(135deg,#1b2218,#131811);border:1px solid var(--line);padding:14px 16px}.lens-badge{display:inline-block;font-size:12px;font-weight:950;letter-spacing:.11em;border-radius:999px;padding:5px 8px;background:rgba(114,201,255,.12);color:var(--blue)}.question-card h2{font-size:clamp(20px,4.4vw,30px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 5px}.question-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.options{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{position:relative;text-align:left;border:1px solid var(--line);border-radius:16px;background:#151a13;padding:13px 14px 13px 42px;line-height:1.45;font-size:12px;font-weight:750;cursor:pointer;min-height:70px;overflow:hidden}.option:before{content:attr(data-key);position:absolute;left:12px;top:13px;width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#252c21;color:#899183;font-size:12px;font-weight:900}.option:not(:disabled):active{transform:scale(.985)}.option:disabled{cursor:default}.option.correct{border-color:rgba(216,255,91,.68);background:rgba(216,255,91,.1)}.option.correct:before{background:var(--lime);color:#12170d}.option.wrong{border-color:rgba(255,119,112,.48);background:rgba(255,119,112,.08);opacity:.76}.feedback{display:none;align-items:center;gap:12px;border:1px solid var(--line);background:#171d15;border-radius:16px;padding:9px}.feedback.show{display:flex}.feedback>div{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.feedback>div>span{width:34px;height:34px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:rgba(216,255,91,.13);color:var(--lime);font-weight:950}.feedback.bad>div>span{background:rgba(255,119,112,.13);color:var(--danger)}.feedback p{margin:0}.feedback strong,.feedback small{display:block}.feedback strong{font-size:12px}.feedback small{font-size:12px;color:var(--muted);line-height:1.45;margin-top:3px}.feedback button{border:0;background:var(--lime);color:#11170c;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:950;white-space:nowrap}

#result-screen{overflow:auto;background:radial-gradient(circle at 50% 20%,rgba(216,255,91,.13),transparent 34%),var(--bg)}.result-shell{width:min(680px,calc(100% - 28px));min-height:100%;margin:auto;padding:max(26px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.result-shell>h2{font-size:clamp(36px,8vw,64px);line-height:1;letter-spacing:-.055em;margin:14px 0 22px}.result-map{position:relative;height:210px;border:1px solid var(--line);border-radius:24px;background:rgba(19,25,17,.75);overflow:hidden}.result-map:before,.result-map:after{content:'';position:absolute;left:50%;top:48%;width:48%;height:1px;background:linear-gradient(90deg,rgba(216,255,91,.65),transparent);transform-origin:left}.result-map:before{transform:rotate(-154deg)}.result-map:after{transform:rotate(-26deg)}.result-core{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--lime);color:#11170c}.result-core span{font-size:12px}.result-core b{font-size:18px}.result-branch{position:absolute;width:126px;border:1px solid var(--line);border-radius:15px;background:#121710;padding:11px}.result-branch span,.result-branch b,.result-branch small{display:block}.result-branch span{font-size:12px;font-weight:900}.result-branch b{font-size:22px}.result-branch small{font-size:12px;color:var(--muted)}.branch-coherence{left:13px;top:17px;border-color:rgba(114,201,255,.42)}.branch-purpose{right:13px;top:17px;border-color:rgba(255,173,92,.42)}.branch-mattering{left:50%;bottom:12px;transform:translateX(-50%);border-color:rgba(255,125,155,.42)}.result-score{display:flex;align-items:baseline;gap:10px;margin:18px 2px}.result-score span{font-size:12px;letter-spacing:.15em;color:var(--muted)}.result-score strong{font-size:31px}.result-score b{margin-left:auto;color:var(--lime);font-size:12px;letter-spacing:.12em}.insight{border:1px solid var(--line);border-radius:18px;padding:16px;background:#151a13}.insight span{font-size:12px;letter-spacing:.15em;color:var(--lime);font-weight:900}.insight h3{font-size:18px;margin:6px 0}.insight p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.result-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin-top:12px}.guardrail{font-size:12px;line-height:1.65;color:#70796b;margin:12px 4px 0}

#builder-screen{overflow:auto;background:radial-gradient(circle at 90% 0,rgba(114,201,255,.08),transparent 30%),var(--bg)}.builder-shell{width:min(650px,calc(100% - 28px));min-height:100%;margin:auto;padding:max(18px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}.builder-head{display:flex;align-items:center;justify-content:space-between}.builder-head span{font-size:12px;letter-spacing:.16em;color:var(--lime);font-weight:900}.builder-head h2{font-size:27px;margin:3px 0 12px;letter-spacing:-.04em}.builder-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#151a13;font-size:24px}.builder-progress{height:3px;background:#262c23;border-radius:5px;overflow:hidden}.builder-progress i{display:block;width:20%;height:100%;background:var(--lime);transition:width .3s}.builder-step{display:none;padding-top:34px}.builder-step.active{display:block}.builder-step h3{font-size:clamp(25px,6vw,38px);letter-spacing:-.045em;line-height:1.18;margin:12px 0 10px}.builder-step>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.builder-step input{width:100%;border:1px solid rgba(216,255,91,.34);border-radius:16px;background:#151a13;color:var(--ink);padding:17px;font-size:16px;outline:none}.builder-step input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(216,255,91,.08)}.quick-picks{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 22px}.quick-picks button{border:1px solid var(--line);border-radius:999px;background:#151a13;padding:8px 11px;font-size:12px}.builder-next{width:100%}.builder-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.builder-options button{min-height:100px;border:1px solid var(--line);border-radius:18px;background:#151a13;text-align:left;padding:16px;font-size:16px;font-weight:900;cursor:pointer}.builder-options button:after{content:attr(data-value);display:block;font-size:12px;line-height:1.5;color:var(--muted);font-weight:500;margin-top:7px}.builder-options button:active{transform:scale(.985)}.personal-map{display:grid;gap:9px;margin-top:20px}.personal-map div{border:1px solid var(--line);border-radius:16px;padding:13px 15px;background:#151a13}.personal-map div:nth-child(1){border-left:3px solid var(--blue)}.personal-map div:nth-child(2){border-left:3px solid var(--orange)}.personal-map div:nth-child(3){border-left:3px solid var(--pink)}.personal-map span{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.personal-map p{font-size:13px;margin:6px 0 0;line-height:1.55}.personal-summary{border:1px solid rgba(216,255,91,.3);border-radius:16px;padding:14px;background:rgba(216,255,91,.07);color:#eaf5cc!important;margin:12px 0 0!important}.saved-note{text-align:center;font-size:12px!important;color:var(--lime)!important;margin-top:10px!important}

@media(max-width:760px){.start-shell{display:block;width:min(100% - 24px,560px)}.hero-map{height:260px;margin:22px auto 16px}.start-copy h1{font-size:74px}.start-copy .eyebrow{display:none}.node-coherence{left:0}.node-purpose{right:0}.node-mattering{right:17%}.three-rule small{display:none}.three-rule div{padding:11px 9px}.lead{font-size:14px}.hero-core{width:86px;height:86px;font-size:14px}.hero-node{min-width:112px;padding:10px}.game-shell{grid-template-rows:auto 3px 100px auto minmax(0,1fr) auto}.map-panel{padding:5px 9px}.question-card{padding:12px 14px}.options{gap:7px}.option{font-size:12px;padding:10px 9px 10px 37px;min-height:66px}.option:before{left:9px;top:10px}.feedback{padding:7px}.feedback small{max-width:210px}.result-map{height:190px}.result-shell>h2{font-size:39px}.builder-step{padding-top:26px}}
@media(max-width:400px){.hero-map{height:230px}.start-copy h1{font-size:65px}.lead{margin-bottom:16px}.options{grid-template-columns:1fr}.game-shell{grid-template-rows:auto 3px 92px auto minmax(0,1fr) auto;gap:7px}.map-panel{height:92px}.question-card h2{font-size:19px}.question-card p{font-size:12px}.option{min-height:48px}.feedback small{display:none}.feedback>div>span{width:29px;height:29px}.builder-options button{min-height:84px;font-size:14px}.result-actions{grid-template-columns:1fr}}
@media(max-height:690px){.hero-map{height:205px}.start-copy h1{font-size:58px;margin:12px 0 18px}.lead{font-size:12px;margin-bottom:12px}.start-note{margin:7px 0}.game-shell{grid-template-rows:auto 3px 80px auto minmax(0,1fr) auto;gap:6px}.map-panel{height:80px}.mini-map{height:70px}.map-node{height:28px}.map-mattering{bottom:0}.map-core{width:43px;height:43px}.line-mattering{top:45px}.question-card{padding:9px 12px}.question-card h2{margin:6px 0 3px;font-size:18px}.option{min-height:46px;padding-top:8px;padding-bottom:8px}.option:before{top:8px}.feedback{padding:5px}.feedback button{padding:8px 10px}.result-shell{padding-top:18px}.result-map{height:170px}.result-shell>h2{font-size:36px;margin:9px 0 14px}.guardrail{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}