:root{--ink:#e9eef1;--ink-dim:#a9b6bd;--panel:#0d1418eb;--line:#e9eef129;--accent:#e3b453;--font-ui:"Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-story:Georgia, "Noto Serif", "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background:#05080a;margin:0;overflow:hidden}#app,.viewport{position:fixed;top:0;bottom:0;left:0;right:0}.stage{transform-origin:50%;cursor:pointer;--px:0;--py:0;background:#0b1114;width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.stage-view,.layer{position:absolute;top:0;bottom:0;left:0;right:0}.layer{pointer-events:none}.bg-layer{transform:translate(calc(var(--px) * -14px), calc(var(--py) * -8px));transition:transform .6s ease-out;top:-40px;bottom:-40px;left:-40px;right:-40px}.bg-img{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;top:0;bottom:0;left:0;right:0}.bg-img.visible{opacity:1}.bg-img.zoom{animation:46s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.09)translate(-.6%,-.4%)}}.char-layer{transform:translate(calc(var(--px) * -26px), calc(var(--py) * -6px));transition:transform .6s ease-out}.char{filter:drop-shadow(0 0 24px #00000059);height:1040px;transition:left .6s cubic-bezier(.3,.7,.3,1),opacity .45s,filter .35s,translate .45s;position:absolute;bottom:0;transform:translate(-50%)}.char.entering{opacity:0;translate:0 24px}.char.leaving{opacity:0;translate:0 16px}.char.dim{filter:brightness(.72)saturate(.85)drop-shadow(0 0 24px #00000059)}.char-inner{transform-origin:50% 100%;height:100%;animation:5.4s ease-in-out infinite breathe;position:relative}.sprite{width:auto;height:100%;transition:opacity .3s;display:block}.sprite.incoming,.char-inner>.sprite+.sprite{position:absolute;top:0;left:0}.sprite.incoming,.sprite.outgoing{opacity:0}.reduced-motion .fog-far,.reduced-motion .fog-near,.reduced-motion .fog-ground{animation-duration:400s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.004,1.009)}}.fog-layer{transition:opacity 1.6s;overflow:hidden}.fog-layer.fog-none{opacity:0}.fog-layer.back.fog-light{opacity:.55}.fog-layer.back.fog-heavy{opacity:.9}.fog-layer.front.fog-light{opacity:.25}.fog-layer.front.fog-heavy{opacity:.45}.fog{will-change:transform;background-repeat:repeat-x;background-size:3840px 100%;width:7680px;position:absolute;left:0}.fog-far{opacity:.6;height:1080px;animation:150s linear infinite drift;top:0}.fog-near{opacity:.8;height:900px;margin-left:calc(var(--px) * -20px);animation:90s linear infinite reverse drift;top:220px}.fog-ground{height:520px;margin-left:calc(var(--px) * -44px);animation:60s linear infinite drift;top:640px;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-3840px)}}.rain-layer{opacity:0;width:1920px;height:1080px;transition:opacity 1.2s}.rain-layer.on{opacity:1}.tint-layer{mix-blend-mode:multiply;background-color:#fff0;transition:background-color 1.4s}.tint-dusk{background-color:#5c528c52}.tint-night{background-color:#1c2a5c7a}.vignette{background:radial-gradient(#0000 55%,#0000008c 100%)}.flash-layer{opacity:0;background:#fff}.flash-layer.flash{animation:.7s ease-out flash}@keyframes flash{0%{opacity:0}15%{opacity:.92}to{opacity:0}}.stage-view.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-6px,2px)}20%,80%{transform:translate(10px,-3px)}30%,50%,70%{transform:translate(-16px,4px)}40%,60%{transform:translate(16px,-4px)}}.no-transition,.no-transition *{transition:none!important}.reduced-motion .bg-img.zoom,.reduced-motion .char-inner{animation:none}.dialogue-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.line-text{font-family:var(--font-story);white-space:pre-wrap;margin:0;font-size:40px;line-height:1.42}.line-text .untyped{opacity:0}.bubble{border-radius:34px;min-width:340px;max-width:900px;padding:30px 42px 34px;animation:.22s ease-out pop;position:absolute;bottom:44px}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}}.bubble.speech{color:#1b2329;background:#faf8f2f7;box-shadow:0 10px 40px #00000073,0 0 0 3px #141a1ed9}.bubble.speech:before{content:"";top:-28px;left:calc(var(--tail-x,50%) - 22px);filter:drop-shadow(0 -3px #141a1ed9);border:22px solid #0000;border-top:0;border-bottom:18px solid #faf8f2f7;position:absolute}.bubble.speech.offstage:before{display:none}.bubble.speech.offstage{bottom:60px}.name-tag{color:var(--name-color,var(--accent));font-family:var(--font-ui);letter-spacing:.04em;background:#182126;border-radius:999px;padding:6px 22px 7px;font-size:28px;font-weight:700;position:absolute;top:-26px;left:32px;box-shadow:0 4px 16px #0006}.bubble.thought{color:#26323c;background:#e0e9f2e6;border-radius:60px;box-shadow:0 10px 40px #00000059,inset 0 0 0 2px #ffffffb3}.bubble.thought .line-text{font-style:italic}.thought-dots{top:-46px;left:calc(var(--tail-x,50%) - 14px);background:#e0e9f2e6;border-radius:50%;width:28px;height:28px;position:absolute}.thought-dots:after{content:"";background:#e0e9f2d9;border-radius:50%;width:16px;height:16px;position:absolute;top:-34px;left:14px}.narration{border:1px solid var(--line);color:#eef2f4;background:linear-gradient(#0a1014d1,#0a1014e6);border-radius:18px;width:1500px;padding:34px 56px 38px;animation:.3s ease-out fadein;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #00000080}@keyframes fadein{0%{opacity:0}}.phone-card{background:#0e141af0;border:2px solid #a0b9c859;border-radius:36px;width:640px;padding:26px 30px 34px;animation:.3s ease-out pop;position:absolute;top:170px;right:70px;box-shadow:0 20px 70px #0009,0 0 60px #78aadc2e}.phone-header{color:var(--ink-dim);align-items:center;gap:14px;margin-bottom:18px;font-size:26px;display:flex}.phone-icon{width:30px;height:30px;color:var(--ink-dim)}.icon{flex:none;width:1.1em;height:1.1em}.hud-btn,.panel-close{align-items:center;gap:.45em;display:inline-flex}.toast-icon{width:30px;height:30px}.phone-message{color:#f2f6f8;background:#2b3f4d;border-radius:26px 26px 26px 6px;padding:20px 28px;display:inline-block}.more-indicator{opacity:0;border-top:14px solid;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;bottom:14px;right:26px}.done>.more-indicator{animation:1.1s ease-in-out infinite bob}@keyframes bob{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.85;transform:translateY(5px)}}.choices{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.choice-list{pointer-events:auto;background:radial-gradient(#05080a8c,#05080a33 70%);flex-direction:column;justify-content:center;align-items:center;gap:26px;animation:.35s ease-out fadein;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.choice-btn{width:1180px;min-height:110px;color:var(--ink);font-family:var(--font-story);text-align:left;cursor:pointer;background:#0c1216e0;border:2px solid #e9eef147;border-radius:22px;align-items:center;gap:26px;padding:22px 40px 22px 26px;font-size:38px;transition:background .15s,border-color .15s,transform .15s;display:flex}.choice-btn:hover{border-color:var(--accent);background:#24323af2;outline:none;transform:translate(8px)}.choice-btn:focus-visible{border-color:var(--accent);background:#24323af2;outline:none;transform:translate(8px)}.choice-key{background:var(--accent);color:#1b1b1b;width:62px;height:62px;font-family:var(--font-ui);border-radius:50%;flex:none;place-items:center;font-size:32px;font-weight:800;display:grid}.hud{opacity:0;pointer-events:none;z-index:5;gap:12px;transition:opacity .4s;display:flex;position:absolute;top:26px;right:26px}.hud.visible{opacity:1;pointer-events:auto}.hud-btn{border:1px solid var(--line);height:62px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a10149e;border-radius:999px;padding:0 24px;font-size:25px}.hud-btn:hover:not(:disabled){border-color:var(--accent)}.hud-btn:disabled{opacity:.35;cursor:default}.stage.touch .hud-btn{height:108px;padding:0 38px;font-size:40px}.stage.touch .line-text{font-size:48px}.stage.touch .bubble{max-width:1080px}.stage.touch .choice-btn{width:1400px;min-height:150px;font-size:46px}.stage.touch .choice-key{width:80px;height:80px;font-size:42px}.stage.touch .menu-btn{min-height:112px;font-size:44px}.toast-layer{pointer-events:none;z-index:6;flex-direction:column;gap:12px;display:flex;position:absolute;top:30px;left:30px}.toast{border-left:4px solid var(--accent);opacity:0;background:#0a1014d9;border-radius:14px;align-items:center;gap:14px;padding:16px 30px 16px 22px;font-size:30px;transition:opacity .4s,transform .4s;display:flex;transform:translate(-30px)}.toast.visible{opacity:1;transform:none}.toast-icon{color:var(--accent)}.overlay-layer{pointer-events:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-layer>*{pointer-events:auto}.chapter-card{opacity:0;background:#05080a;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chapter-card.visible{opacity:1}.chapter-title{font-family:var(--font-ui);letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);font-size:40px}.chapter-sub{font-family:var(--font-story);color:var(--ink);margin-top:18px;font-size:120px;font-style:italic}.title-screen{cursor:default;z-index:8;background:linear-gradient(#05080a1a,#05080a8c);flex-direction:column;justify-content:center;align-items:center;gap:60px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.title-screen.visible{display:flex}.title-logo{text-align:center;margin-top:-40px}.title-logo h1{font-family:var(--font-story);letter-spacing:.06em;color:#f4f7f8;text-shadow:0 6px 40px #0009,0 0 80px #c8dce659;margin:0;font-size:170px;font-weight:400}.title-tagline{letter-spacing:.35em;text-transform:uppercase;color:#d8e2e7;text-shadow:0 2px 16px #000c;margin:6px 0 0;font-size:34px}.title-buttons,.menu-stack{flex-direction:column;align-items:stretch;gap:16px;min-width:520px;display:flex}.menu-btn{min-height:80px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1014b8;border:1px solid #e9eef14d;border-radius:16px;padding:0 40px;font-size:32px;transition:background .15s,border-color .15s}.menu-btn:hover{border-color:var(--accent);background:#1e2a32e6;outline:none}.menu-btn:focus-visible{border-color:var(--accent);background:#1e2a32e6;outline:none}.menu-btn.primary{background:var(--accent);border-color:var(--accent);color:#1b1b1b;font-weight:700}.menu-btn.primary:hover{background:#f0c46a}.menu-btn.small{min-height:56px;padding:0 26px;font-size:26px}.title-home{position:absolute;top:26px;left:26px}.title-hint{color:#e9eef1b3;text-shadow:0 2px 10px #000c;margin:0;font-size:24px;position:absolute;bottom:30px}.load{color:var(--ink-dim);flex-direction:column;align-items:center;gap:18px;font-size:28px;display:flex}.load-bar{background:#ffffff26;border-radius:99px;width:520px;height:8px;overflow:hidden}.load-bar-fill{background:var(--accent);width:0;height:100%;transition:width .2s}.panel-backdrop{opacity:0;cursor:default;background:#03060899;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel-backdrop.visible{opacity:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:26px;flex-direction:column;width:1100px;max-height:900px;display:flex;box-shadow:0 30px 90px #0009}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 36px;display:flex}.panel-head h2{margin:0;font-size:40px;font-weight:600}.panel-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:28px}.panel-body{-webkit-user-select:text;user-select:text;padding:30px 36px 36px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:12px}.panel-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.muted{color:var(--ink-dim);margin-top:0;font-size:28px}.log-list{flex-direction:column;gap:18px;max-height:700px;display:flex;overflow-y:auto}.log-line{grid-template-columns:220px 1fr;gap:20px;font-size:28px;line-height:1.4;display:grid}.log-name{color:var(--accent);font-weight:600}.log-thought .log-text{color:#c4d2dc;font-style:italic}.log-narration .log-name{color:var(--ink-dim);font-weight:400}.tl-row{border-top:1px solid var(--line);padding:20px 0}.tl-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tl-n{font-size:30px;font-weight:700}.tl-options{color:var(--ink-dim);margin:0;padding-left:30px;font-size:27px;line-height:1.5}.tl-options .chosen{color:var(--accent);font-weight:600}.setting{margin-bottom:34px}.setting label{color:var(--ink-dim);margin-bottom:14px;font-size:30px;display:block}.segmented{gap:10px;display:flex}.seg-btn{border:1px solid var(--line);min-height:72px;color:var(--ink);cursor:pointer;background:#ffffff0a;border-radius:14px;flex:1;font-size:28px}.seg-btn.active{background:var(--accent);border-color:var(--accent);color:#1b1b1b;font-weight:700}.confirm-text{margin-top:0;font-size:32px;line-height:1.45}.confirm-buttons{gap:16px;display:flex}.confirm-buttons .menu-btn{flex:1}.end-screen{opacity:0;cursor:default;background:#05080adb;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:60px;transition:opacity 1.2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.end-screen.visible{opacity:1}.end-head{text-align:center}.end-head h2{letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:42px;font-weight:500}.end-sub{font-family:var(--font-story);margin:8px 0 0;font-size:104px;font-style:italic}.end-cols{grid-template-columns:560px 820px;gap:70px;display:grid}.end-col h3{color:var(--accent);margin:0 0 20px;font-size:30px;font-weight:600}.bond-row{grid-template-columns:150px 1fr;align-items:center;gap:18px;margin-bottom:20px;font-size:30px;display:grid}.bond-bar{background:#ffffff1f;border-radius:99px;height:16px;overflow:hidden}.bond-fill{border-radius:99px;height:100%}.bond-fill.aras{background:linear-gradient(90deg,#8d7a45,#e9cf86)}.bond-fill.toprak{background:linear-gradient(90deg,#7a4f2e,#d9925a)}.bond-fill.baba{background:linear-gradient(90deg,#4f6b3d,#9cc27e)}.end-choices{font-family:var(--font-story);margin:0;padding:0;font-size:27px;line-height:1.5;list-style:none}.end-choices li{margin-bottom:8px}.end-choice-n{color:var(--ink-dim);margin-right:12px}.end-coming{color:var(--ink-dim);margin:0;font-size:28px}.end-buttons{gap:18px;display:flex}#rotate{z-index:100;color:var(--ink);text-align:center;background:#0b1114;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px;font-size:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-icon{border:4px solid var(--ink);border-radius:12px;width:56px;height:92px;animation:2.4s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}#app{visibility:hidden}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none}}