:root{color:#17201b;background:#edf2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}button,input{font:inherit}button{touch-action:manipulation}#root{min-height:100vh}.app-shell{min-height:100vh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(180deg,#ffffff85,#fff0),#edf2ec}.phone-frame{width:min(100%,430px);min-height:calc(100vh - 18px);margin:0 auto;padding:12px 12px 16px;border:1px solid rgba(23,32,27,.09);border-radius:22px;background:#fffdf8;box-shadow:0 18px 48px #192a1e21}.app-header{display:grid;gap:4px;padding:2px 2px 8px}.app-header p,.result-kicker,.meta-row,.progress-copy,.status-bar{margin:0;color:#5f6d64;font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:uppercase}.app-header h1{margin:0;color:#17201b;font-size:1.42rem;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}.home-screen,.survey-screen,.result-screen,.question-stage{display:grid;gap:10px}.hero-copy{display:grid;gap:14px}.intro-text{margin:0;max-width:32rem;color:#334039;font-size:1.04rem;line-height:1.55}.meta-row{display:flex;flex-wrap:wrap;gap:8px}.meta-row span,.chip{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #d5ddd7;border-radius:999px;background:#f5f2e9;color:#405047}.character-stage,.illustration-placeholder{display:grid;place-items:center;gap:8px;min-height:210px;padding:10px;border:1px dashed #a9b8ae;border-radius:8px;background:linear-gradient(135deg,#33625714,#d55e4414),#f7f5ee;color:#536258;text-align:center}.illustration-placeholder{min-height:96px}.character-stage p,.illustration-placeholder p{margin:0;font-size:.78rem;font-weight:750}.character-figure{position:relative;width:138px;height:142px}.figure-head,.figure-body,.figure-tablet{position:absolute;left:50%;transform:translate(-50%)}.figure-head{top:2px;width:58px;height:58px;border:4px solid #1f6f66;border-radius:50%;background:#f4c9a7}.figure-body{top:58px;width:110px;height:78px;border-radius:42px 42px 8px 8px;background:#24594f}.figure-tablet{top:86px;width:72px;height:46px;border:4px solid #17201b;border-radius:8px;background:#fdf9ef}.primary-action,.secondary-action,.answer-button,.chip{min-height:44px;border:0;cursor:pointer}.primary-action{width:100%;padding:12px 16px;border-radius:8px;background:#1f6f66;color:#fff;font-weight:850;box-shadow:0 10px 18px #1f6f6638}.primary-action:disabled{cursor:not-allowed;background:#bcc8c0;box-shadow:none}.secondary-action{width:100%;padding:11px 16px;border:1px solid #ccd8d0;border-radius:8px;background:#fff;color:#24342c;font-weight:800}.secondary-action:disabled{cursor:not-allowed;color:#8a968f;background:#eef2ef}.progress-tracker{display:grid;gap:6px}.progress-copy,.status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-rail{height:7px;overflow:hidden;border-radius:999px;background:#dbe4df}.progress-fill{height:100%;border-radius:inherit;background:#d55e44}.status-bar{padding:8px 10px;border:1px solid #dbe3df;border-radius:8px;background:#eef7f5;font-size:.75rem;text-transform:none}.status-bar span{color:#1f6f66;white-space:nowrap}.status-bar strong{min-width:0;color:#2f4038;text-align:right;overflow-wrap:anywhere}.phone-card-shape{width:min(50%,150px);aspect-ratio:1.55;border:4px solid #26372f;border-radius:8px;background:linear-gradient(90deg,transparent 0 46%,rgba(31,111,102,.16) 46% 54%,transparent 54%),linear-gradient(180deg,#fdf9ef 0,#fdf9ef 34%,#e4eee9 34%,#e4eee9)}.question-visual-image{width:100%;max-width:260px;aspect-ratio:4 / 3;border-radius:8px;object-fit:cover}.question-card,.follow-up-panel,.result-panel,.export-panel{display:grid;gap:8px;padding:10px;border:1px solid #e0e4df;border-radius:8px;background:#fff}.scenario-prompt{margin:0;color:#45544b;font-size:.9rem;line-height:1.34}.question-card h2,.follow-up-panel h2,.result-panel h2,.result-summary h2{margin:0;color:#17201b;font-size:1rem;line-height:1.2;letter-spacing:0}.answer-stack,.follow-up-grid,.segmented-options,.result-actions,.survey-actions,.export-actions{display:grid;gap:7px}.follow-up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.answer-button{width:100%;padding:9px 11px;border:1px solid #d7ded9;border-radius:8px;background:#f9f7f0;color:#24342c;font-weight:750;font-size:.92rem;line-height:1.22;text-align:left}.answer-button.selected,.chip.selected{border-color:#1f6f66;background:#e7f4ef;color:#174c46;box-shadow:inset 0 0 0 1px #1f6f66}.result-summary{display:grid;gap:16px}.completion-panel{display:grid;gap:6px;padding:14px 16px;border-radius:8px;background:#e7f4ef;color:#174c46}.completion-panel p,.completion-panel strong{margin:0}.completion-panel p{font-size:1.03rem;font-weight:850}.completion-panel strong{font-size:.88rem}.result-summary p{margin:8px 0 0;color:#4a5b52;line-height:1.5}.workday-map{display:grid;gap:14px;padding:16px;border:1px solid #e0e4df;border-radius:8px;background:#fff}.workday-map-list{display:grid;gap:12px}.workday-map-row{display:grid;gap:7px}.workday-map-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#334039;font-size:.9rem;font-weight:850}.workday-map-label strong{color:#5f6d64;font-size:.78rem}.workday-map-rail{height:10px;overflow:hidden;border-radius:999px;background:#e4ebe6}.workday-map-fill{height:100%;min-width:18px;border-radius:inherit;background:#1f6f66}.workday-map-fill.level-medium{background:#d39b2f}.workday-map-fill.level-high{background:#d55e44}.segmented-options{grid-template-columns:repeat(3,minmax(0,1fr))}.chip{justify-content:center;width:100%;padding:10px 8px;text-transform:none}.contact-field{display:grid;gap:8px;color:#334039;font-size:.92rem;font-weight:800}.contact-field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #ccd8d0;border-radius:8px;background:#fff;color:#17201b}.save-note{margin:0;padding:12px 14px;border-radius:8px;background:#fff0de;color:#72411b;font-weight:800;text-align:center}.export-panel h2{margin:0;color:#17201b;font-size:1.05rem}.danger-action{border-color:#e1b8ad;color:#8a321d}.debug-payload{border:1px solid #dbe3df;border-radius:8px;background:#fff}.debug-payload summary{min-height:48px;padding:14px 16px;color:#334039;cursor:pointer;font-weight:850}.debug-payload pre{max-height:280px;margin:0;overflow:auto;padding:0 16px 16px;color:#25332c;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.edge-diagnostics{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:10;width:min(360px,calc(100vw - 24px));border:1px solid rgba(23,32,27,.16);border-radius:8px;background:#fff;box-shadow:0 14px 30px #17201b2e}.edge-diagnostics summary{min-height:44px;padding:12px 14px;cursor:pointer;color:#17201b;font-weight:850}.edge-diagnostics dl{display:grid;gap:8px;max-height:360px;margin:0;overflow:auto;padding:0 14px 14px}.edge-diagnostics div{display:grid;gap:2px}.edge-diagnostics dt{color:#5f6d64;font-size:.72rem;font-weight:850;text-transform:uppercase}.edge-diagnostics dd{margin:0;color:#25332c;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}@media(min-width:560px){.app-shell{padding-top:28px;padding-bottom:28px}.phone-frame{min-height:auto}.illustration-placeholder{min-height:176px}}@media(min-width:760px){.phone-frame{width:min(100%,760px)}.question-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}.question-stage.visual-right .illustration-placeholder{order:2}.question-stage.visual-right .question-card{order:1}.illustration-placeholder{min-height:auto}}.game-viewport{--game-gap: 7px;--game-radius: 0;--game-border: rgba(128, 176, 211, .26);--game-navy: #071126;--game-navy-2: #0b1d3c;--game-panel: #f7f3e8;--game-ink: #112033;min-height:100dvh;padding:0;overflow-x:hidden;background:radial-gradient(circle at 12% 0%,rgba(35,114,191,.24),transparent 34%),radial-gradient(circle at 100% 18%,rgba(229,180,53,.12),transparent 30%),#040816;color:#fff}.game-viewport,.game-viewport *,.game-viewport *:before,.game-viewport *:after{border-radius:0!important}.game-canvas{width:min(100vw,390px);height:min(844px,100dvh);min-height:0;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--game-gap);overflow-x:hidden;overflow-y:auto;padding:0;border:0;border-radius:0;background:var(--game-navy);box-shadow:none}.game-topbar{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:7px;padding:max(6px,env(safe-area-inset-top)) 6px 0}.game-icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(169,215,255,.25);border-radius:8px;background:#0a172f;color:#edf7ff;cursor:pointer;font-size:1.15rem;font-weight:900;line-height:1}.game-icon-static{cursor:default}.game-icon-button:disabled{opacity:.42;cursor:not-allowed}.game-brand{min-width:0;display:grid;justify-items:center;gap:1px;text-align:center}.game-brand strong{color:#ffd33d;font-size:.9rem;font-weight:950;line-height:1;text-transform:uppercase}.game-brand span{color:#9fb4ca;font-size:.54rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.game-viewport .survey-screen{min-height:0;display:grid;grid-template-rows:auto auto auto auto auto auto;gap:5px;align-content:start;overflow:visible}.game-progress-panel{padding:0 6px}.game-viewport .progress-tracker{gap:3px}.game-viewport .progress-copy{color:#d7e8f8;font-size:.63rem}.game-viewport .progress-copy strong{color:#ffd33d}.game-viewport .progress-rail{height:5px;background:#ffffff29}.game-viewport .progress-fill{background:linear-gradient(90deg,#ff6a3d,#ffd33d)}.game-viewport .status-bar{display:grid;grid-template-columns:.85fr 1.35fr .78fr 1fr;align-items:center;gap:4px;padding:5px;border:1px solid var(--game-border);border-radius:var(--game-radius);background:#071529;color:#d8ebff;margin:0 6px}.game-viewport .status-bar div{min-width:0;display:grid;gap:2px;padding:3px 4px;border-radius:7px;background:#ffffff0f}.game-viewport .status-bar span{color:#87a6c7;font-size:.5rem;font-weight:900;line-height:1;text-transform:uppercase}.game-viewport .status-bar strong{color:#fff;font-size:.58rem;font-weight:900;line-height:1.08;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-dots{display:inline-flex;gap:2px}.energy-dots i{width:4px;height:8px;border-radius:99px;background:#8da3bd61}.energy-dots i.filled{background:#ffd33d;box-shadow:0 0 8px #ffd33d59}.game-viewport .question-stage{position:relative;min-height:0;display:block;overflow:hidden;border-radius:0;background:transparent;line-height:0}.game-viewport .scenario-visual{min-height:0;width:100%;height:auto;display:block;padding:0;border:0;border-radius:0;margin:0;background:transparent;color:#f9fbff}.game-viewport .scenario-picture{width:100%;height:auto;display:block;line-height:0}.game-viewport .question-visual-image{width:100%;height:auto;max-width:none;display:block;border-radius:0;object-fit:contain}.scenario-image-fallback{width:100%;height:100%;display:grid;place-items:center;padding:16px;background:#0e1c34;color:#dcecff;font-size:.75rem;font-weight:850;text-align:center}.answer-panel{min-height:0;padding:0 6px;position:relative;z-index:1}.game-viewport .answer-stack{gap:5px}.game-viewport .answer-button{min-height:34px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:5px 8px;border:2px solid #10243f;border-radius:9px;background:#fffdf4;color:#162335;font-size:.68rem;font-weight:850;line-height:1.15;box-shadow:0 2px #0e223c}.game-viewport .answer-button strong{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffb02f;color:#fff;font-size:.82rem;line-height:1}.game-viewport .answer-button span{min-width:0}.game-viewport .answer-button.selected{border-color:#45d27e;background:#edfff3;box-shadow:0 2px #17784b,inset 0 0 0 1px #45d27e8c}.game-viewport .answer-button.selected strong{background:#33bc6a}.game-viewport .follow-up-panel{gap:5px;padding:7px;border:1px solid var(--game-border);border-radius:10px;background:#0b1a32;margin:0 6px}.game-viewport .follow-up-panel h2{color:#dfefff;font-size:.62rem;line-height:1.1}.game-viewport .follow-up-grid{gap:5px}.game-viewport .follow-up-grid .answer-button{min-height:29px;grid-template-columns:minmax(0,1fr);justify-items:center;padding:5px;font-size:.62rem;text-align:center}.game-viewport .survey-actions{grid-template-columns:66px minmax(0,1fr) 102px;align-items:center;gap:7px;padding:1px 6px max(6px,env(safe-area-inset-bottom))}.game-viewport .primary-action,.game-viewport .secondary-action{min-height:34px;padding:7px 8px;border-radius:9px;font-size:.66rem;font-weight:950;line-height:1;text-transform:uppercase}.game-viewport .primary-action{background:#ffd33d;color:#14243b;box-shadow:0 3px #c98013}.game-viewport .primary-action:disabled{background:#62718a;color:#c8d2df;box-shadow:none}.game-viewport .secondary-action{border-color:#adcef047;background:#10233f;color:#dcecff}.game-viewport .secondary-action:disabled{background:#0a1428;color:#62718a}.survey-helper{min-height:34px;display:grid;place-items:center;padding:5px 8px;border:1px solid rgba(173,206,240,.2);border-radius:9px;background:#071327;color:#8fb0d2;font-size:.62rem;font-weight:900;text-transform:uppercase}@media(max-height:720px){.game-canvas{padding:0}.game-viewport .survey-screen{gap:5px;grid-template-rows:auto auto auto auto auto auto}.game-viewport .answer-button{min-height:36px}.game-viewport .follow-up-grid .answer-button{min-height:32px}}@media(min-height:740px){.game-viewport .survey-screen{grid-template-rows:auto auto auto auto auto auto}}@media(min-height:820px){.game-viewport .survey-screen{grid-template-rows:auto auto auto auto auto auto}}