:root{color-scheme:dark;--ink: oklch(95% .012 82);--muted: oklch(78% .025 85);--dim: oklch(57% .035 252);--night: oklch(18% .06 272);--night-2: oklch(24% .06 262);--panel: oklch(25% .055 262 / .94);--panel-soft: oklch(31% .05 260 / .88);--paper: oklch(91% .04 88);--paper-ink: oklch(25% .04 64);--gold: oklch(79% .15 81);--orange: oklch(70% .16 52);--cyan: oklch(78% .12 218);--green: oklch(74% .13 146);--danger: oklch(68% .18 28);--shadow: 0 22px 70px oklch(8% .04 270 / .55);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:var(--night)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{min-height:44px;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% 0%,oklch(34% .11 276),transparent 38rem),linear-gradient(180deg,var(--night-2),var(--night))}.home-screen{position:relative;min-height:100vh;background-position:center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;padding:0 20px max(28px,env(safe-area-inset-bottom))}.home-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,oklch(10% .04 272 / .2) 64%,oklch(8% .05 272 / .86)),radial-gradient(circle at 50% 42%,transparent 0 42%,oklch(7% .04 270 / .38))}.home-actions{position:relative;width:min(420px,100%);display:grid;gap:10px}.primary-action,.ghost-action,.small-action{border-radius:8px;font-weight:800;letter-spacing:0;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1)}.primary-action{color:#2b1800;color:oklch(23% .06 70);background:linear-gradient(180deg,var(--gold),var(--orange));box-shadow:0 10px #652200,0 18px 34px #01010e6b;box-shadow:0 10px oklch(35% .11 42),0 18px 34px #01010e6b;padding:14px 20px}.ghost-action,.small-action{color:var(--ink);background:#1c2842e6;border:1px solid oklch(72% .07 236 / .38);padding:11px 16px}.primary-action:hover,.ghost-action:hover,.small-action:hover,.choice-list button:hover,.scene-stop button:hover{transform:translateY(-1px);filter:brightness(1.05)}.ancient-screen{position:relative;min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));display:grid;place-items:center;overflow:hidden;background:#1c0600;background:oklch(16% .06 45)}.ancient-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}.ancient-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06030038,#0603005c),radial-gradient(circle at 50% 34%,transparent 0 28rem,oklch(7% .04 30 / .32));pointer-events:none}.silk-panel,.story-scroll{position:relative;z-index:1;width:min(500px,100%);color:var(--paper-ink);background:linear-gradient(90deg,oklch(82% .06 77 / .1),transparent 22%,transparent 78%,oklch(82% .06 77 / .1)),#ece0c4ad;border:1px solid oklch(70% .08 67 / .62);border-radius:8px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.silk-panel .eyebrow,.story-scroll .eyebrow{color:#883c04}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-size:1.8rem;line-height:1.12}h2{margin-bottom:10px;font-size:1.08rem}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 18px}.gender-card{min-height:128px;border-radius:8px;color:var(--paper-ink);background:#e5d6baad;border:1px solid oklch(64% .08 68 / .55);text-align:center;padding:10px}.gender-card.selected{outline:3px solid var(--orange);background:#f9eac6c2}.gender-title{display:block;margin-bottom:6px;font-weight:900;font-size:1.12rem}.gender-portrait{display:block;width:82px;height:68px;margin:0 auto 6px;background-repeat:no-repeat;background-size:contain;background-position:center;filter:drop-shadow(0 10px 8px oklch(38% .05 70 / .24))}.name-field{display:grid;gap:8px;margin-bottom:18px;font-weight:700}.name-field input{min-height:48px;border-radius:8px;border:1px solid oklch(59% .08 68);color:var(--paper-ink);background:#faf1dc;padding:0 14px;font-size:1.05rem}.story-lines{display:grid;gap:14px;min-height:340px;font-size:1.05rem}.story-lines p{animation:fade-up .26s cubic-bezier(.22,1,.36,1) both}.map-screen,.summary-screen{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 14px;width:min(760px,100%)}.top-bar h1{margin:0;font-size:1.35rem}.map-window{position:relative;width:min(760px,100%);aspect-ratio:4 / 3;margin:0 auto 14px;overflow:hidden;border-radius:8px;background:#09192a;border:1px solid oklch(72% .05 230 / .32);box-shadow:var(--shadow)}.office-map{width:100%;height:100%;object-fit:cover}.map-token,.stage-token{position:absolute;width:64px;height:82px;background-repeat:no-repeat;filter:drop-shadow(0 10px 10px oklch(8% .04 270 / .48))}.map-token{bottom:15%;transform:translate(-50%)}.map-token.male{background-size:200% 400%;background-position:0 33.3%}.map-token.female{background-size:400% 300%;background-position:0 0}.scene-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,78%);gap:12px;width:min(760px,100%);margin:0 auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 12px}.scene-stop{scroll-snap-align:center;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;padding:16px;background:var(--panel);border:1px solid oklch(72% .06 230 / .28)}.scene-stop.current{border-color:var(--gold);background:linear-gradient(180deg,#1d315bf5,#14213cf5)}.scene-stop.done{border-color:#71b17373}.scene-stop p,.scene-stop span{margin:0;color:var(--muted);font-size:.86rem}.scene-stop h2{margin:8px 0;font-size:1.22rem}.scene-stop button,.choice-list button{border-radius:8px;color:var(--ink);background:#203b5e;border:1px solid oklch(72% .07 230 / .34);padding:10px 12px;text-align:left}.scene-screen{min-height:100vh;padding-bottom:max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0%,oklch(35% .11 255 / .52),transparent 28rem),var(--night)}.scene-stage{position:relative;width:100%;aspect-ratio:4 / 3;max-height:46vh;overflow:hidden;background:#09192a}.scene-stage img{width:100%;height:100%;object-fit:cover}.stage-token{left:14%;bottom:6%;width:76px;height:98px;z-index:2}.stage-npc{position:absolute;width:74px;height:96px;z-index:2;background-repeat:no-repeat;filter:drop-shadow(0 10px 10px oklch(8% .04 270 / .42))}.stage-npc.hr,.stage-npc.coworker{background-size:contain;background-position:center}.stage-npc.boss{width:82px;height:104px;background-size:300% 400%;background-position:0 0}.stage-token.male{background-size:200% 400%;background-position:0 33.3%}.stage-token.female{background-size:400% 300%;background-position:0 0}.stage-token.walking{animation:walk-in 1.5s cubic-bezier(.22,1,.36,1) both}.narrative-panel,.result-panel,.summary-header,.summary-note,.radar-wrap{width:min(760px,calc(100% - 28px));margin:14px auto 0;border-radius:8px;background:var(--panel);border:1px solid oklch(72% .06 230 / .3);box-shadow:var(--shadow);padding:18px}.scene-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.scene-meta span{border-radius:999px;color:var(--cyan);background:#00344fc2;background:oklch(31% .07 238 / .76);padding:5px 9px;font-size:.76rem;font-weight:800}.variant-note{color:var(--muted)}.typewriter-text{min-height:5.4em}.mentor-bubble{width:min(760px,calc(100% - 28px));margin:12px auto 0;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;color:#f7f2e3;background:#00351ceb;background:oklch(29% .08 156 / .92);border:1px solid oklch(78% .11 140 / .42);border-radius:8px;padding:12px}.mentor-bubble.tip{grid-template-columns:38px 1fr;gap:9px;margin-top:8px;padding:8px 10px;font-size:.9rem;line-height:1.38;background:#00321ae0;background:oklch(28% .08 156 / .88)}.mentor-avatar{width:54px;height:54px;border-radius:8px;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #f0ebdc33}.mentor-bubble.tip .mentor-avatar{width:38px;height:38px}.mentor-bubble p,.result-panel p,.narrative-panel p,.summary-header p,.summary-note p{margin-bottom:0}.choice-list{width:min(760px,calc(100% - 28px));margin:8px auto 0;display:grid;gap:8px}.choice-list.reveal{animation:fade-up .21s cubic-bezier(.22,1,.36,1) both}.choice-list button{min-height:52px;line-height:1.42}.walking-hint{width:fit-content;margin:16px auto 0;color:var(--cyan);background:#0b1c2cd1;border:1px solid oklch(72% .07 230 / .28);border-radius:999px;padding:8px 14px}.result-panel{display:grid;gap:12px}.result-panel .mentor-bubble{width:100%;margin:0;box-shadow:none}.summary-screen{display:grid;align-content:center;gap:12px}.summary-hero{width:min(760px,calc(100% - 28px));aspect-ratio:1672 / 941;object-fit:cover;object-position:center;margin:0 auto;border-radius:8px;border:1px solid oklch(83% .12 75 / .42);box-shadow:var(--shadow)}.summary-header h1{font-size:1.65rem}.radar-wrap{display:grid;justify-items:center}.radar-wrap svg{width:min(280px,100%)}.radar-grid{fill:none;stroke:#9bb2be47;stroke-width:1}.radar-wrap line{stroke:#9bb2be38}.radar-score{fill:#dba8435c;stroke:var(--gold);stroke-width:3}.radar-wrap text{fill:var(--ink);font-size:13px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.score-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.score-list span{border-radius:999px;background:#223251;border:1px solid oklch(72% .06 230 / .26);color:var(--muted);padding:7px 10px}.score-list strong{color:var(--gold)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes walk-in{0%{transform:translate(-80px)}to{transform:translate(42vw)}}@media(min-width:760px){.home-screen{background-size:contain;background-repeat:no-repeat;background-color:#040521}.scene-stage{width:min(880px,100%);margin:0 auto;border-radius:0 0 8px 8px}}@media(max-width:420px){.gender-grid{grid-template-columns:1fr}.silk-panel,.story-scroll{padding:22px}h1{font-size:1.55rem}.scene-rail{grid-auto-columns:minmax(232px,86%)}.map-screen,.summary-screen{padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.summary-screen{align-content:start;gap:8px}.summary-hero{width:min(760px,calc(100% - 10px));max-height:170px;margin-top:0}.summary-header,.summary-note,.radar-wrap{width:min(760px,calc(100% - 10px));margin-top:8px;padding:12px}.summary-header h1{font-size:1.3rem;margin-bottom:8px}.summary-header p,.summary-note p{font-size:.92rem;line-height:1.42}.summary-note h2{font-size:1rem}.radar-wrap svg{width:min(230px,100%)}.radar-wrap text{font-size:12px}.score-list{gap:6px}.score-list span{padding:5px 8px;font-size:.88rem}.summary-screen>.primary-action{width:calc(100% - 10px);margin:0 auto;padding:12px 16px}}