:root{color:#f8f4ff;background:#050510;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,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(54,42,96,.34),transparent 42%),linear-gradient(180deg,#050510,#09091a 58%,#04040b)}.pixel-sky,.pixel-sky:before,.pixel-sky:after{position:absolute;inset:0;pointer-events:none}.pixel-sky{background:transparent}.pixel-sky:before{content:"";opacity:.34;background:radial-gradient(circle at 50% 20%,rgba(104,88,180,.18),transparent 38%)}.pixel-sky:after{content:"";display:none}.sunset-glow{position:absolute;top:52px;right:40px;width:96px;height:96px;background:#fff6d6ad;box-shadow:0 0 0 8px #fff6d61f;image-rendering:pixelated}.star{position:absolute;width:4px;height:4px;background:#fff8d9;box-shadow:28px 46px #fff8d9b8,96px 8px #fcbedba6,182px 72px #fff8d98c}.star-one{left:16%;top:12%}.star-two{left:54%;top:9%;opacity:.8}.star-three{right:12%;top:28%;opacity:.65}.pixel-tree{position:absolute;left:max(-34px,calc(50% - 248px));bottom:118px;width:202px;height:242px;opacity:.9;image-rendering:pixelated}.tree-trunk{position:absolute;left:76px;bottom:0;width:24px;height:150px;background:#506f88;box-shadow:-16px 72px #375b76,22px 40px #62809a,34px 20px #62809a}.tree-crown{position:absolute;width:22px;height:22px;background:#f8b8d2;box-shadow:22px 0 #f8b8d2,44px 0 #ffc5dd,66px 0 #f4a9c9,0 22px #ffc5dd,22px 22px #eaa1c5,44px 22px #ffd2e4,66px 22px #f6b5d1,88px 22px #f6b5d1,-22px 44px #f8b8d2,0 44px #ffd2e4,22px 44px #f4a9c9,44px 44px #f8b8d2,66px 44px #ffc5dd,88px 44px #eaa1c5,110px 44px #ffc5dd,0 66px #eaa1c5,22px 66px #ffc5dd,44px 66px #ffd2e4,66px 66px #f4a9c9,88px 66px #ffc5dd}.crown-one{top:8px;left:34px}.crown-two{top:52px;left:6px;transform:scale(.78)}.crown-three{top:46px;left:90px;transform:scale(.72)}.petals{position:absolute;width:5px;height:5px;background:#ffbfd9;image-rendering:pixelated}.petals-one{top:86px;right:74px;box-shadow:-36px 68px #ffd0e2,-120px 92px #f2a8cb,-190px 164px #ffc3da,-260px 120px #ffd0e2,-320px 196px #f2a8cb}.petals-two{top:156px;left:46%;box-shadow:34px 72px #ffd0e2,82px 18px #f2a8cb,130px 116px #ffc3da,-54px 96px #ffd0e2}.city{position:absolute;right:0;bottom:30px;left:0;height:138px;opacity:.64;image-rendering:pixelated;clip-path:polygon(0 58%,5% 58%,5% 40%,12% 40%,12% 62%,18% 62%,18% 34%,27% 34%,27% 70%,34% 70%,34% 48%,44% 48%,44% 66%,53% 66%,53% 28%,62% 28%,62% 64%,70% 64%,70% 43%,78% 43%,78% 72%,87% 72%,87% 36%,95% 36%,95% 60%,100% 60%,100% 100%,0 100%)}.city-back{bottom:80px;background:#a2b9c8b8}.city-front{height:112px;background:#2a49646b}.rail{position:absolute;right:0;left:0;height:10px;background:#5d85a5b3;image-rendering:pixelated}.rail:before{content:"";position:absolute;inset:10px 0 auto;height:34px;background-image:linear-gradient(90deg,rgba(93,133,165,.62) 4px,transparent 4px);background-size:38px 34px}.rail-back{bottom:148px;opacity:.5}.rail-front{bottom:92px;height:12px;background:#2a4964d6;opacity:.82}.water-line{position:absolute;right:0;bottom:88px;left:0;height:52px;opacity:.34;background-image:linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.72) 24px 82px,transparent 82px),linear-gradient(90deg,transparent 0 82px,rgba(120,165,194,.78) 82px 140px,transparent 140px);background-size:190px 16px;background-position:0 8px,28px 28px}.phone-frame{position:relative;width:min(100vw,430px);height:100vh;height:100dvh;display:flex;overflow:hidden;box-shadow:0 0 80px #7e5b9c38}.screen{position:relative;z-index:1;width:100%;height:100vh;height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom))}.home-screen,.tutorial-screen,.midpoint-screen,.ending-screen{display:flex;flex-direction:column;justify-content:center}.tutorial-screen,.character-screen,.ending-screen{overflow-y:auto}.home-screen h1{margin:10px 0 8px;color:#fff7fb;font-family:Courier New,ui-monospace,monospace;font-size:clamp(52px,15vw,76px);line-height:.95;letter-spacing:0;text-shadow:4px 4px 0 rgba(151,122,196,.45),0 0 30px rgba(255,152,205,.28)}.eyebrow{margin:0;color:#ff7fbc;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subtitle{margin:0 0 28px;color:#fff0f8;font-size:18px;font-weight:700}.home-copy{max-width:330px;padding:18px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#0c0c1c8f;box-shadow:inset 0 1px #ffffff2e,0 18px 44px #7e5b9c33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-copy p,.text-block p{margin:0 0 10px;color:#fff8ede0;font-size:15px;line-height:1.75}.home-copy p:last-child,.text-block p:last-child{margin-bottom:0}.quote{margin:24px 0 18px;color:#ffe8f4;font-size:15px;font-weight:700}.primary-button,.secondary-button,.ghost-button{min-height:48px;cursor:pointer;border-radius:8px;font-weight:800}.primary-button{width:100%;background:linear-gradient(135deg,#fff1f8,#ff94c8 52%,#bfa9ff);color:#4e4165;box-shadow:0 16px 34px #d272b247}.secondary-button{width:116px;background:#ffeff8f2;color:#5a436e}.ghost-button{width:100%;border:1px solid rgba(255,255,255,.42);background:#ffffff24}.header-button{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;padding:8px 11px;cursor:pointer;border-radius:999px;background:#ffffff47;color:#56416eeb;font-size:13px}.character-screen{padding-top:68px}.section-heading h2,.result-card h2,.ending-card h2{margin:8px 0 10px;font-size:30px;line-height:1.1}.section-heading p{margin:0;color:#fff8fdd1;font-size:14px;line-height:1.65}.character-list{display:grid;gap:12px;margin-top:24px}.character-card{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:150px;padding:16px;border:1px solid rgba(255,255,255,.36);border-radius:8px;background:#0c0c1c94;box-shadow:0 16px 34px #7e5b9c2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.character-card h3,.character-card p{margin:0}.character-card h3{margin-bottom:10px;color:#fff8fd;font-size:18px}.character-card p{color:#fff8fdc2;font-size:13px;line-height:1.55}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag-list span{padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#fff8fdd1;font-size:11px;font-weight:800}.character-name{color:#ff8ec8!important;font-weight:800}.tutorial-screen{justify-content:flex-start;padding-top:54px}.tutorial-card{width:100%;padding:15px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#0c0c1ca3;box-shadow:0 24px 58px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tutorial-card h2{margin:6px 0 10px;color:#fff8fd;font-size:30px;line-height:1.05}.tutorial-card p{margin:0 0 5px;color:#fff8fddb;font-size:12px;line-height:1.45}.tutorial-modules{display:grid;gap:8px}.tutorial-module{padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#ffffff12}.tutorial-module p:last-child{margin-bottom:0}.flag-guide{display:grid;gap:6px;margin:7px 0 0}.flag-legend-row{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff14}.flag-legend-row strong,.flag-legend-row span{display:block}.flag-legend-row strong{color:#fff8fd;font-size:12px}.flag-legend-row span{margin-top:2px;color:#fff8fdb8;font-size:11px;line-height:1.45}.tutorial-note{color:#fff8fdc7!important}.type-note,.ending-type-note{display:grid;gap:4px;margin:9px 0 12px;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff14}.ending-type-note{margin:8px 0 12px;padding:9px 10px}.type-note strong,.ending-type-note strong{color:#fff8fd;font-size:13px}.type-note span,.ending-type-note span{color:#fff8fdad;font-size:12px;line-height:1.45}.soon-pill{flex:0 0 auto;padding:8px 10px;border-radius:999px;background:#ffffff2e;color:#fff8fdb8;font-size:12px;font-weight:800}.game-screen{display:flex;align-items:stretch;padding:0}.chat-panel{position:relative;display:flex;flex:1;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;border:0;border-radius:0;background:#050510;box-shadow:0 24px 58px #0000006b,inset 0 1px #ffffff14}.chat-topbar{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:12px;flex:0 0 calc(62px + env(safe-area-inset-top));padding:max(10px,env(safe-area-inset-top)) 12px 9px;border-bottom:1px solid rgba(255,255,255,.08);background:#05050f8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-topbar p,.chat-topbar span{margin:0}.chat-title{min-width:0;text-align:center}.chat-topbar p{color:#fff8fd;font-size:17px;font-weight:900}.chat-topbar span{color:#fff8fdb3;font-size:12px}.hint-counter{flex:0 0 auto;justify-self:end;min-height:34px;padding:0 9px;cursor:pointer;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#ffffff2e;color:#fff8fddb;font-size:12px;font-weight:800}.hint-counter:disabled{cursor:default;opacity:.48}.audio-button{position:absolute;top:max(16px,env(safe-area-inset-top));right:18px;z-index:3;min-width:42px;min-height:34px;padding:0 10px;cursor:pointer;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:#fff3;color:#4a3669e6;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.audio-compact{position:static;justify-self:start;min-width:36px;min-height:32px;padding:0 8px;color:#fff8fde6}.chat-topbar-spacer{width:100%;min-height:32px}.score-meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:0 0 auto;padding:6px 14px 7px;border-bottom:1px solid rgba(255,255,255,.06);background:#05050f52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-meters div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px}.score-meters span{color:#fff8fdad;font-size:10px;font-weight:800;line-height:1}.meter-track{display:block;height:3px;overflow:hidden;border-radius:999px;background:#ffffff2e}.meter-track b{display:block;height:100%;border-radius:inherit;transition:width .26s ease}.drain-meter b{background:linear-gradient(90deg,#ffb2cf,#eb5757)}.stability-meter b{background:linear-gradient(90deg,#94d6ff,#62d99a)}.chat-body{flex:1;min-height:0;padding:14px 14px 12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(to bottom,rgba(78,20,48,var(--drain-tint, 0)),rgba(74,16,36,var(--drain-tint, 0))),linear-gradient(to bottom,rgba(26,88,96,var(--stable-tint, 0)),rgba(20,68,88,var(--stable-low-tint, 0))),linear-gradient(to bottom,#0000002e,#00000047,#00000073),url(/assets/background-city-VgK5XLbn.jpg) center bottom / cover no-repeat}.message-row{display:flex;margin:8px 0;animation:message-in .18s ease-out both}.from-them{justify-content:flex-start}.from-me{justify-content:flex-end}.chat-bubble{max-width:82%;width:fit-content;padding:11px 14px;border-radius:21px;font-size:15px;line-height:1.58;box-shadow:0 10px 24px #00000038}.from-them .chat-bubble{background:#ffffffdb;color:#1f1c2a;border-bottom-left-radius:7px}.from-me .chat-bubble{background:#dcd2ffeb;color:#1c1830;border-bottom-right-radius:7px}.typing-bubble{display:flex;align-items:center;gap:4px;min-width:54px;min-height:34px;padding:9px 13px;border-radius:18px 18px 18px 7px;background:#ffffffc7}.typing-bubble i{width:6px;height:6px;border-radius:50%;background:#b697ce;animation:typing-dot .9s ease-in-out infinite}.typing-bubble i:nth-child(2){animation-delay:.12s}.typing-bubble i:nth-child(3){animation-delay:.24s}.hint-card{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:linear-gradient(#ffffff3d,#ffffff14),#7754978f;box-shadow:0 14px 30px #7e5b9c2e}.hint-card div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hint-card strong{color:#ffd7eb;font-size:14px}.hint-card button{cursor:pointer;background:transparent;color:#fff8edb8;font-size:12px}.hint-card p{margin:0;color:#fff8eddb;font-size:14px;line-height:1.65}.relationship-inline-card{width:100%;margin:16px 0;padding:18px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:linear-gradient(180deg,#ffffff6b,#ffffff26),#5f468b70;box-shadow:0 18px 42px #583c802e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.relationship-inline-card h2{margin:8px 0 10px;color:#fff8fd;font-size:24px;line-height:1.16}.continue-button{min-height:50px}.game-actions{position:absolute;z-index:5;right:0;bottom:0;left:0;min-height:0;padding:0 14px max(10px,env(safe-area-inset-bottom));pointer-events:none;border-top:0;background:transparent}.game-actions.choices-active{padding-top:12px;padding-bottom:max(14px,env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(to top,#0000002e,#0000);-webkit-backdrop-filter:none;backdrop-filter:none}.score-flash{position:absolute;z-index:7;right:18px;bottom:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#faf6ffc7;color:#241d32;font-size:12px;font-weight:900;box-shadow:0 12px 26px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;animation:score-flash .8s ease-out forwards}.hint-button{width:100%;min-height:38px;margin-bottom:10px;cursor:pointer;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;color:#fff8edd1;font-size:13px;font-weight:800}.hint-button:disabled,.option-button:disabled{cursor:default;opacity:.54}.options-list{display:grid;gap:9px}.option-button{--option-border: rgba(160, 142, 210, .38);--option-mask: rgba(255, 255, 255, .28);position:relative;overflow:hidden;width:100%;min-height:52px;display:grid;grid-template-columns:1fr 32px;align-items:center;gap:10px;padding:12px 12px 12px 14px;cursor:pointer;border:1px solid var(--option-border);border-radius:18px;background:#f5f0ffc7;color:#1f1c2a;font-size:14px;font-weight:750;line-height:1.45;text-align:left;box-shadow:inset 0 1px #ffffff61,0 12px 24px #07061238;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.option-green{--option-border: rgba(80, 200, 140, .55);--option-mask: rgba(98, 217, 154, .38)}.option-yellow{--option-border: rgba(230, 185, 62, .55);--option-mask: rgba(242, 201, 76, .4)}.option-red{--option-border: rgba(230, 72, 95, .55);--option-mask: rgba(235, 87, 87, .4)}.choices-urgent .option-green{--option-border: rgba(98, 217, 154, .88);--option-mask: rgba(98, 217, 154, .54)}.choices-urgent .option-yellow{--option-border: rgba(242, 201, 76, .88);--option-mask: rgba(242, 201, 76, .56)}.choices-urgent .option-red{--option-border: rgba(235, 87, 87, .9);--option-mask: rgba(235, 87, 87, .58)}.time-mask{position:absolute;inset:0;transform-origin:left center;z-index:0;background:linear-gradient(90deg,var(--option-mask),rgba(255,255,255,.06));animation:option-timeout 8s linear forwards}.option-text{position:relative;z-index:1}.flag-badge{position:relative;z-index:2;display:inline-block;width:28px;height:24px;justify-self:end;flex-shrink:0}.flag-pole{position:absolute;left:5px;top:3px;width:2px;height:18px;border-radius:999px;background:#413256bf;box-shadow:0 1px 2px #140e2438}.flag-cloth{position:absolute;left:7px;top:3px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:16px solid var(--flag-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.flag-green{--flag-color: #62d99a}.flag-yellow{--flag-color: #f2c94c}.flag-red{--flag-color: #eb5757}.timed-option{animation:option-danger 8s linear forwards}.choices-urgent .timed-option{animation:option-danger 8s linear forwards,option-pulse .76s ease-in-out infinite}.option-button:hover{background:#ffffffdb}.option-button:active{transform:translateY(1px)}.typing-line{display:none}.result-card,.ending-card{width:100%;padding:22px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:linear-gradient(180deg,#ffffff52,#ffffff1a),#694e9180;box-shadow:0 24px 58px #7e5b9c42;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.ending-card{padding:16px}.ending-card .text-block p{margin-bottom:6px;font-size:14px;line-height:1.45}.ending-card .primary-button,.ending-card .ghost-button{min-height:42px;font-size:13px}.result-card.compact{margin:auto 0}.recent-feedback{margin:0 0 16px;padding:12px;border-left:3px solid #ff91c8;background:#ffffff1f;color:#fff8fdc7;font-size:13px;line-height:1.55}.score-box{display:grid;gap:8px;margin:14px 0}.score-row{display:grid;grid-template-columns:1fr auto;gap:7px 10px;color:#fff8fdbd;font-size:13px}.score-row strong{color:#fff8fd;font-size:15px}.score-track{grid-column:1 / -1;height:6px;overflow:hidden;border-radius:999px;background:#ffffff1a}.score-track i{display:block;height:100%;border-radius:inherit}.drain-track i{background:linear-gradient(90deg,#b8a4ff,#ff7fbc)}.stability-track i{background:linear-gradient(90deg,#a997e8,#ffc4df,#fff1f8)}.ending-screen{justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.ending-card h2{margin:6px 0 12px;color:#fff7e8;font-size:clamp(30px,9vw,40px);line-height:1.05;text-shadow:0 0 28px rgba(255,145,200,.28)}.ending-result{margin:12px 0;padding:11px 12px;border-radius:12px;background:#ffffff24;color:#fff0f8;font-weight:800;font-size:13px;line-height:1.48;white-space:pre-line}.ending-note{margin:-3px 0 12px;color:#fff8fdbd;font-size:12px;font-weight:700;line-height:1.45}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}@keyframes pulse-timer{0%{opacity:1}50%{opacity:.42}to{opacity:1}}@keyframes typing-dot{0%,70%,to{transform:translateY(0);opacity:.45}35%{transform:translateY(-3px);opacity:1}}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes score-flash{0%{opacity:0;transform:translateY(8px)}18%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes urgent-label{0%,to{opacity:1}50%{opacity:.72}}@keyframes option-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes option-timeout{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes option-danger{0%,70%{border-color:var(--option-border)}88%,to{border-color:var(--option-border);box-shadow:inset 0 1px #ffffff61,0 0 18px #fff8fd38}}@media(min-width:431px){.phone-frame{height:min(100vh,860px);border-right:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}.screen,.phone-frame{height:min(100vh,860px)}.chat-panel{height:100%}}