:root{--bg-0: #0a1a24;--bg-1: #0e2432;--bg-2: #123040;--panel: rgba(16, 42, 56, .82);--panel-solid: #102a38;--line: rgba(143, 214, 192, .18);--ink: #eef6f2;--ink-soft: #b6d1ca;--teal: #8fd6c0;--teal-deep: #47a08a;--amber: #ffd678;--amber-deep: #f0a94c;--nature: #7fc24d;--nature-deep: #4c7a3d;--city: #f0a94c;--city-deep: #b4712a;--danger: #ff6b5a;--danger-soft: rgba(255, 107, 90, .16);--radius: 20px;--font-display: "Jua", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg-0)}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);min-height:100vh;background:radial-gradient(900px 500px at 80% -8%,rgba(255,214,120,.14) 0%,transparent 60%),radial-gradient(760px 480px at 5% 108%,rgba(71,160,138,.16) 0%,transparent 58%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 55%,var(--bg-2) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:break-word;font-synthesis:none}button{font-family:inherit;color:inherit;cursor:pointer}h1,h2,.display{font-family:var(--font-display);font-weight:400}.screen{max-width:680px;margin:0 auto;padding:24px 18px 60px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.btn-start{font-family:var(--font-display);font-size:19px;padding:15px 40px;border-radius:999px;border:none;color:#10200f;background:linear-gradient(180deg,#ffe6a0 0%,var(--amber) 60%,var(--amber-deep) 100%);box-shadow:0 4px #a9761f,0 10px 24px #ffd67847;transition:transform .12s ease,box-shadow .12s ease}.btn-start.big{font-size:23px;padding:17px 52px}.btn-start.slim{font-size:16px;padding:13px 22px}.btn-start:active{transform:translateY(3px);box-shadow:0 1px #a9761f}.btn-start.danger-btn{background:linear-gradient(180deg,#ff9a86,var(--danger));box-shadow:0 4px #a83b30,0 10px 24px #ff6b5a4d;color:#fff}.btn-start:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{font-family:var(--font-body);font-size:15px;padding:12px 26px;border-radius:999px;border:1.5px solid var(--line);background:#ffffff0d;color:var(--ink-soft);transition:border-color .12s ease,color .12s ease}.btn-ghost:hover{border-color:var(--teal);color:var(--ink)}.btn-ghost.solid{font-family:var(--font-display);background:var(--panel-solid);border-color:var(--teal);color:var(--teal);font-size:16px;padding:13px 22px}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.stage{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.stage-bg .art{width:100%;height:100%;border-radius:0}.stage-bg .art-ph{border:none;border-radius:0;background:radial-gradient(680px 440px at 50% 22%,rgba(94,190,164,.2),transparent 62%),radial-gradient(520px 360px at 50% 96%,rgba(255,214,120,.08),transparent 68%),linear-gradient(180deg,#15303f,#102838 45%,#0b1d29)}.stage-bg .art-ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(4,12,18,.55) 100%)}.stage-bg .art-ph-emoji{font-size:clamp(180px,34vw,300px);opacity:.2;filter:saturate(.8)}.stage-bg .art-ph-file{position:absolute;bottom:22px;right:22px;opacity:.4}.stage-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06101640,#06101614 35%,#061016b8 78%,#061016eb)}.mini-hud{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:flex-start;gap:12px;padding:calc(12px + env(safe-area-inset-top)) clamp(12px,3vw,26px) 18px;background:linear-gradient(180deg,rgba(6,16,22,.9) 0%,rgba(6,16,22,.62) 55%,transparent)}.mini-gauge{flex:1;max-width:280px}.mg-top{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--ink-soft);text-shadow:0 1px 4px rgba(0,0,0,.8);margin-bottom:5px}.mg-top b{font-family:var(--font-display);font-size:20px;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.85)}.mg-track{height:9px;border-radius:999px;background:#00000080;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.mg-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.mini-gauge.nature .mg-fill{background:linear-gradient(90deg,var(--nature-deep),var(--nature))}.mini-gauge.city .mg-fill{background:linear-gradient(90deg,var(--city-deep),var(--city))}.mini-gauge.danger .mg-fill{background:linear-gradient(90deg,#b5372c,var(--danger))!important;animation:gauge-pulse .9s ease-in-out infinite}.mini-gauge.danger .mg-top b{color:var(--danger)}.mini-prog{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:3px}.mini-prog span{font-size:13px;color:var(--ink-soft)}.mini-prog-track{width:100%;height:6px;border-radius:999px;background:#00000080;overflow:hidden}.mini-prog-fill{height:100%;background:linear-gradient(90deg,var(--teal-deep),var(--teal));transition:width .5s ease}.stand{position:absolute;bottom:clamp(150px,19vh,210px);left:50%;transform:translate(-50%);z-index:2;width:min(380px,82vw);height:min(560px,60vh);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.stand .art{width:100%;height:100%;background:transparent}.stand .art-ph{border:none;justify-content:flex-end;padding-bottom:8px;background:radial-gradient(closest-side,rgba(143,214,192,.16),transparent 70%)}.stand .art-ph-emoji{font-size:clamp(120px,28vw,210px);filter:drop-shadow(0 14px 30px rgba(0,0,0,.5))}.stand .art-ph-file{display:none}.stand.active{opacity:1;animation:stand-in .42s cubic-bezier(.22,1,.36,1)}.stand.dim{filter:brightness(.42) saturate(.65);opacity:.42;transform:translate(-50%) translateY(-72px) scale(.82)}@keyframes stand-in{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.stand.emo-surprised{animation:stand-in .42s cubic-bezier(.22,1,.36,1),emo-pop .4s ease}.stand.emo-happy{animation:stand-in .42s cubic-bezier(.22,1,.36,1),emo-bounce 1.6s ease-in-out infinite}.stand.emo-angry{animation:stand-in .42s cubic-bezier(.22,1,.36,1),emo-shiver .25s ease-in-out 3}.stand.emo-sad{filter:saturate(.85) brightness(.94)}@keyframes emo-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.06) translateY(-8px)}to{transform:translate(-50%) scale(1)}}@keyframes emo-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes emo-shiver{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 5px))}75%{transform:translate(calc(-50% + 5px))}}.scene-tag{position:absolute;top:calc(66px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5;font-size:14.5px;color:var(--teal);background:#061016ad;border:1px solid var(--line);border-radius:999px;padding:6px 16px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.dialogue{position:relative;z-index:6;width:100%;border:none;background:none;padding:0 clamp(12px,3vw,26px) calc(clamp(18px,4vh,34px) + env(safe-area-inset-bottom));cursor:pointer;text-align:left;animation:dbox-up .3s ease}@keyframes dbox-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dbox{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#0d202cf2,#091821f7);border:1px solid var(--line);border-radius:20px;padding:22px 26px 24px;box-shadow:0 -4px 40px #00000073,0 18px 44px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dbox.narration{background:#09141cdb;border-style:dashed;border-color:#8fd6c04d}.dname{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:22px;margin-bottom:10px}.dname-ava{font-size:24px}.dname em{font-style:normal;font-family:var(--font-body);font-size:15px;color:var(--ink-soft);margin-left:3px}.dtext{margin:0;font-size:clamp(22px,3.7vw,26px);line-height:1.85;letter-spacing:-.01em;color:var(--ink);min-height:2.6em}.narration .dtext{color:#d7e6df;font-style:italic}.type-caret{display:inline-block;width:2px;height:1.05em;background:var(--amber);margin-left:2px;vertical-align:text-bottom;animation:caret-blink .7s step-end infinite}@keyframes caret-blink{50%{opacity:0}}.dnext{display:inline-block;margin-left:8px;color:var(--amber);font-size:14px;animation:next-bob 1s ease-in-out infinite}@keyframes next-bob{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(3px);opacity:1}}.choice-wrap{position:relative;z-index:7;width:100%;max-width:680px;margin:0 auto;padding:0 clamp(12px,3vw,26px) calc(clamp(18px,4vh,34px) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.choice-q{margin:0 0 4px;text-align:center;font-family:var(--font-display);font-size:18px;color:var(--amber);text-shadow:0 2px 8px rgba(0,0,0,.7)}.vn-choice{display:flex;align-items:center;gap:13px;text-align:left;font-family:var(--font-body);font-size:18px;line-height:1.5;padding:17px 20px;border-radius:15px;border:1.5px solid rgba(143,214,192,.32);background:#0d202cf0;color:var(--ink);box-shadow:0 8px 22px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .1s ease,border-color .14s ease,background .14s ease;animation:choice-in .34s cubic-bezier(.22,1,.36,1) backwards}@keyframes choice-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.vn-choice:hover{border-color:var(--amber);background:#ffd6781a;transform:translate(4px)}.vn-choice:active{transform:scale(.99)}.vn-choice-num{flex:none;width:29px;height:29px;border-radius:50%;background:#ffd67829;color:var(--amber);font-family:var(--font-display);font-size:16px;display:flex;align-items:center;justify-content:center}.result-box{position:relative;z-index:7;width:100%;max-width:680px;margin:0 auto;padding:0 clamp(12px,3vw,26px) calc(clamp(18px,4vh,34px) + env(safe-area-inset-bottom))}.result-narration{margin-top:0}.result-rest{animation:dbox-up .3s ease;margin-top:12px}.result-think{margin:0 0 14px;font-size:14.5px;line-height:1.7;color:var(--teal);background:#8fd6c014;border-left:3px solid var(--teal-deep);border-radius:0 10px 10px 0;padding:12px 14px}.btn-amber{width:100%;font-family:var(--font-display);font-size:18px;padding:15px;border-radius:14px;border:none;color:#10200f;background:linear-gradient(180deg,#ffe6a0,var(--amber) 60%,var(--amber-deep));box-shadow:0 4px #a9761f,0 10px 22px #ffd67840;transition:transform .12s ease}.btn-amber:active{transform:translateY(2px);box-shadow:0 1px #a9761f}.fx-shake{animation:fx-shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes fx-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.fx-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#fff;pointer-events:none;animation:fx-flash .5s ease-out forwards}@keyframes fx-flash{0%{opacity:.75}to{opacity:0}}@media(prefers-reduced-motion:reduce){.stand.active,.stand.emo-surprised,.stand.emo-happy,.stand.emo-angry,.dialogue,.vn-choice,.result-rest,.type-caret,.dnext,.fx-shake,.fx-flash:after{animation:none!important}}.result-box .result-deltas{display:flex;gap:10px;margin-bottom:12px}@media(max-height:680px){.stand{bottom:130px;height:42vh}}.minigame{justify-content:center;align-items:center;padding:20px 16px}.mini-card{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 24px;text-align:center;box-shadow:0 18px 44px #0006;animation:fade-up .4s ease}.mini-kicker{margin:0 0 10px;color:var(--amber);font-family:var(--font-display);font-size:14px;letter-spacing:.12em}.mini-by{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px;font-family:var(--font-display);font-size:15px}.mini-by-ava{font-size:22px}.mini-title{margin:0 0 12px;font-size:clamp(26px,6vw,36px);color:var(--ink)}.mini-howto{margin:0 0 22px;font-size:17px;line-height:1.8;color:var(--ink-soft)}.mini-result-emoji{font-size:68px;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}.mini-stars{font-size:28px;color:var(--amber);letter-spacing:4px;margin:6px 0 10px}.mini-result-text{margin:0 0 18px;font-size:16.5px;line-height:1.75;color:var(--ink)}.mini-reward{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.mr-pill{font-family:var(--font-display);font-size:15px;padding:7px 16px;border-radius:999px;border:1px solid var(--line)}.mr-pill.nature{color:var(--nature);background:#7fc24d1f}.mr-pill.city{color:var(--city);background:#f0a94c1f}.mr-pill.flat{color:var(--ink-soft)}.mini-cur{margin:0 0 20px;font-size:14px;color:var(--ink-soft)}.tap-field,.sort-field,.mash-field{position:relative;width:100%;max-width:560px;height:min(70vh,560px);background:radial-gradient(500px 300px at 50% 0%,rgba(71,160,138,.14),transparent 70%),linear-gradient(180deg,#102a38b3,#0a1a24d9);border:1px solid var(--line);border-radius:22px;overflow:hidden;touch-action:manipulation}.mini-bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:12px 18px;font-family:var(--font-display);font-size:17px;background:linear-gradient(180deg,rgba(6,16,22,.8),transparent)}.mini-time{color:var(--amber)}.mini-score{color:var(--teal)}.tap-target{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);border:none;background:#ffffff0f;border-radius:50%;font-size:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:target-pop .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #0006}.tap-target.good{box-shadow:0 0 18px #7fc24d66}.tap-target.bad{box-shadow:0 0 18px #ff6b5a59}.tap-target:active{transform:translate(-50%,-50%) scale(.85)}@keyframes target-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tap-pop{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:24px;pointer-events:none;z-index:4;animation:tap-pop-up .5s ease-out forwards}.tap-pop.good{color:var(--nature)}.tap-pop.bad{color:var(--danger)}@keyframes tap-pop-up{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-170%) scale(1.3)}}.sort-belt{position:absolute;top:0;left:0;right:0;bottom:176px;display:flex;align-items:center;justify-content:center}.sort-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;border:1.5px solid var(--line);border-radius:20px;padding:24px 34px;animation:sort-drop .35s cubic-bezier(.34,1.4,.64,1);position:relative}.sort-item.right{border-color:var(--nature);background:#7fc24d24}.sort-item.wrong{border-color:var(--danger);background:#ff6b5a24;animation:fx-shake .4s}@keyframes sort-drop{0%{opacity:0;transform:translateY(-24px) scale(.9)}to{opacity:1;transform:none}}.sort-emoji{font-size:66px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.sort-name{font-family:var(--font-display);font-size:18px;color:var(--ink)}.sort-mark{position:absolute;top:-14px;right:-14px;font-size:34px}.sort-bins{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.sort-bin{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 6px;border-radius:14px;border:1.5px solid var(--line);background:#0d202ce6;color:var(--ink);transition:transform .1s ease,border-color .12s ease,background .12s ease}.sort-bin:hover{border-color:var(--amber);background:#ffd67814}.sort-bin:active{transform:scale(.95)}.sort-bin.right{border-color:var(--nature);background:#7fc24d33}.sort-bin.wrong{border-color:var(--danger);background:#ff6b5a33}.sb-emoji{font-size:30px}.sb-label{font-size:13.5px;color:var(--ink-soft)}.mash-water{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#4aa3c780,#4aa3c7bf);transition:height .2s ease;z-index:1}.mash-wall{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:130px;height:66%;z-index:2;border-radius:10px 10px 0 0;background:#00000047;border:2px solid var(--line);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.mash-wall-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#e0b877,#b4712a);transition:height .12s ease}.mash-wall-label{position:relative;z-index:1;font-family:var(--font-display);font-size:14px;color:#fff;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mash-btn{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;width:150px;height:150px;border-radius:50%;border:none;font-family:var(--font-display);font-size:18px;color:#10200f;background:radial-gradient(circle at 50% 35%,#ffe6a0,var(--amber) 65%,var(--amber-deep));box-shadow:0 6px #a9761f,0 12px 26px #ffd6784d}.mash-btn-emoji{font-size:40px}.mash-btn:active{transform:translate(-50%) translateY(4px);box-shadow:0 2px #a9761f}@media(prefers-reduced-motion:reduce){.mini-card,.mini-result-emoji,.tap-target,.tap-pop,.sort-item{animation:none!important}}.art{position:relative;overflow:hidden;border-radius:18px;background:#ffffff08}.art img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.art-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(143,214,192,.35);border-radius:18px;background:radial-gradient(120px 80px at 50% 42%,rgba(255,214,120,.1),transparent 70%),#0a1a2480}.art-ph-emoji{font-size:15%;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.art-ph-file{font-size:13px;color:var(--ink-soft);opacity:.7;letter-spacing:.02em}.art-hero{width:min(360px,82vw);aspect-ratio:16 / 10;margin-bottom:4px}.art-hero .art-ph-emoji{font-size:60px}.art-chapter{width:min(300px,72vw);aspect-ratio:4 / 3;animation:float 4s ease-in-out infinite}.art-chapter .art-ph-emoji{font-size:76px}.art-ending{width:min(360px,82vw);aspect-ratio:16 / 10;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}.art-ending .art-ph-emoji{font-size:84px}.art-char{width:40px;height:40px;border-radius:50%;flex:none}.art-char .art-ph{border-radius:50%;border-style:solid;border-color:#8fd6c040}.art-char .art-ph-emoji{font-size:22px}.art-char .art-ph-file{display:none}.intro{justify-content:center;text-align:center;gap:16px}.intro-badge{font-size:66px;filter:drop-shadow(0 10px 20px rgba(255,214,120,.25));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.intro-kicker{margin:0;color:var(--amber);font-size:15px;letter-spacing:.16em;font-weight:700}.intro-title{margin:0;font-size:clamp(48px,11vw,78px);line-height:1.04;color:var(--ink);text-shadow:0 0 30px rgba(255,214,120,.2)}.intro-title em{font-style:normal;color:var(--amber);letter-spacing:.06em}.intro-sub{margin:0;color:var(--ink-soft);font-size:17.5px;line-height:1.9}.intro-sub b{color:var(--ink)}.intro-rules{display:flex;flex-direction:column;gap:10px;width:100%;max-width:440px;margin:6px 0}.intro-rule{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 16px;text-align:left}.ir-ico{font-size:24px;flex:none;width:40px;text-align:center}.intro-rule p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-soft)}.intro-rule b{color:var(--amber);font-weight:400}.intro-foot{margin:6px 0 0;color:var(--ink-soft);font-size:14.5px;opacity:.85}.chapter-intro{justify-content:center;text-align:center;gap:12px;animation:fade-up .5s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ci-no{margin:0;color:var(--amber);font-family:var(--font-display);font-size:15px;letter-spacing:.14em}.ci-emoji{font-size:84px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4));animation:float 4s ease-in-out infinite}.ci-theme{margin:0;color:var(--teal);font-size:15.5px;letter-spacing:.1em}.ci-title{margin:0;font-size:clamp(36px,7.5vw,54px);color:var(--ink);text-shadow:0 0 26px rgba(255,214,120,.18)}.ci-body{max-width:540px;margin:8px 0;font-size:18px;line-height:1.95;color:var(--ink-soft)}.ci-status{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 22px;font-size:15.5px;color:var(--ink-soft);margin-bottom:6px}.ci-status b{color:var(--ink);font-weight:400}.play{justify-content:flex-start}.hud{position:sticky;top:8px;z-index:20;width:100%;display:flex;align-items:flex-start;gap:12px;background:#0a1a24eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:16px}.gauge{flex:1;min-width:0}.gauge-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.gauge-label{font-size:14px;color:var(--ink-soft);white-space:nowrap}.gauge-val{font-family:var(--font-display);font-size:18px;color:var(--ink)}.gauge-track{position:relative;height:11px;border-radius:999px;background:#0006;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.gauge-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.gauge.nature .gauge-fill{background:linear-gradient(90deg,var(--nature-deep),var(--nature))}.gauge.city .gauge-fill{background:linear-gradient(90deg,var(--city-deep),var(--city))}.gauge-danger-line{position:absolute;top:0;bottom:0;left:25%;width:2px;background:#ff6b5a80}.gauge.danger .gauge-fill{background:linear-gradient(90deg,#b5372c,var(--danger))!important;animation:gauge-pulse .9s ease-in-out infinite}.gauge.danger .gauge-val{color:var(--danger)}@keyframes gauge-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.7)}}.gauge-warn{display:block;margin-top:4px;font-size:13px;color:var(--danger);font-family:var(--font-display);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.35}}.hud-mid{width:78px;flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:4px}@media(max-width:470px){.hud-mid{display:none}.hud{gap:10px}}.hud-progress{width:100%;height:7px;border-radius:999px;background:#0006;overflow:hidden}.hud-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal-deep),var(--teal));border-radius:999px;transition:width .5s ease}.hud-day{font-size:13px;color:var(--ink-soft);white-space:nowrap}.scene{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 24px;animation:scene-in .34s cubic-bezier(.22,1,.36,1)}@keyframes scene-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.scene-chapter{font-size:13.5px;color:var(--teal);letter-spacing:.04em;margin-bottom:12px}.scene-headline{display:flex;align-items:center;gap:12px;margin-bottom:16px}.scene-emoji{font-size:40px;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.scene-headline h2{margin:0;font-size:24px;line-height:1.3;color:var(--amber)}.speaker{display:flex;align-items:center;gap:10px;background:#0000003d;border-radius:12px;padding:8px 12px;margin-bottom:12px}.speaker-ava{flex:none;display:flex;line-height:0}.speaker-meta{display:flex;flex-direction:column;line-height:1.25}.speaker-meta b{font-family:var(--font-display);font-size:15px;color:var(--ink)}.speaker-meta span{font-size:13px;color:var(--ink-soft)}.scene-body{margin:0 0 20px;font-size:16.5px;line-height:1.8;color:var(--ink)}.choices{display:flex;flex-direction:column;gap:10px}.choice{text-align:left;font-family:var(--font-body);font-size:16px;line-height:1.5;padding:16px 18px;border-radius:14px;border:2px solid var(--line);background:#ffffff0a;color:var(--ink);transition:transform .1s ease,border-color .14s ease,background .14s ease}.choice:hover{border-color:var(--amber);background:#ffd67814;transform:translate(4px)}.choice:active{transform:scale(.99)}.result-panel{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;animation:scene-in .32s ease}.result-deltas{display:flex;gap:10px;margin-bottom:18px}.delta-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000047;border:1px solid var(--line);border-radius:14px;padding:10px}.dp-label{font-size:13.5px;color:var(--ink-soft)}.dp-change{font-family:var(--font-display);font-size:17px}.delta-pill.up .dp-change{color:var(--nature)}.delta-pill.down .dp-change{color:var(--danger)}.delta-pill.flat .dp-change{color:var(--ink-soft)}.dp-val{font-size:13.5px;color:var(--ink-soft)}.result-outcome{margin:0 0 14px;font-size:16.5px;line-height:1.85;color:var(--ink)}.result-think{margin:0 0 20px;font-size:14.5px;line-height:1.7;color:var(--teal);background:#8fd6c014;border-left:3px solid var(--teal-deep);border-radius:0 10px 10px 0;padding:12px 14px}.result-panel .btn-start{width:100%}.breaking{justify-content:center;gap:24px;animation:fade-up .5s ease}.news{width:100%;max-width:560px;background:#0c1c26;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000080}.news-top{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#b5372c,#d84a3a);padding:8px 16px}.news-live{font-family:var(--font-display);font-size:14px;color:#fff;letter-spacing:.1em;animation:blink 1.4s step-end infinite}.news-brand{font-family:var(--font-display);font-size:14px;color:#ffffffe6;letter-spacing:.05em}.news-body{padding:26px 24px 22px;text-align:center}.news-badge{font-size:40px}.news-label{margin:6px 0 8px;color:var(--danger);font-family:var(--font-display);font-size:14px;letter-spacing:.14em}.news-headline{margin:0;font-size:22px;line-height:1.5;color:var(--ink)}.news-ticker{background:#08151d;border-top:1px solid var(--line);padding:9px 0;overflow:hidden;white-space:nowrap}.news-ticker span{display:inline-block;font-size:13.5px;color:var(--ink-soft);padding-left:100%;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translate(-100%)}}.ending{justify-content:center;text-align:center;gap:14px;animation:fade-up .5s ease}.ending-grade{font-family:var(--font-display);font-size:15px;letter-spacing:.16em;padding:6px 20px;border-radius:999px;color:#10200f;background:var(--amber)}.ending-grade.grade-f{background:var(--danger);color:#fff}.ending-grade.grade-s{background:linear-gradient(90deg,#ffe6a0,var(--amber));box-shadow:0 0 22px #ffd67866}.ending-emoji{font-size:92px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.4));animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.ending-title{margin:0;font-size:clamp(34px,7vw,52px);color:var(--ink);text-shadow:0 0 28px rgba(255,214,120,.22)}.ending-desc{max-width:540px;margin:2px 0;font-size:17.5px;line-height:1.95;color:var(--ink-soft)}.ending-epitaph{max-width:480px;margin:0 0 6px;font-size:16.5px;line-height:1.75;color:var(--teal);font-style:italic}.ending-gauges{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;max-width:480px}.end-gauge{flex:1;min-width:150px}.eg-track{height:12px;border-radius:999px;background:#0006;overflow:hidden;margin-bottom:5px}.eg-fill{height:100%;border-radius:999px}.eg-fill.nature{background:linear-gradient(90deg,var(--nature-deep),var(--nature))}.eg-fill.city{background:linear-gradient(90deg,var(--city-deep),var(--city))}.eg-label{font-size:14px;color:var(--ink-soft)}.eg-label b{color:var(--ink);font-family:var(--font-display)}.end-balance{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 18px}.eb-val{font-family:var(--font-display);font-size:26px;color:var(--amber)}.eb-label{font-size:13px;color:var(--ink-soft)}.ending-graph{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.graph-rows{display:flex;align-items:flex-end;gap:3px;height:70px}.graph-col{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1.5px;height:100%}.gc-bar{width:4px;border-radius:2px 2px 0 0;min-height:2px}.gc-bar.nature{background:var(--nature)}.gc-bar.city{background:var(--city)}.graph-cap{display:block;margin-top:8px;font-size:13px;color:var(--ink-soft)}.ending-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}.card-maker{max-width:920px;align-items:stretch}.cm-title{margin:0 0 4px;font-size:clamp(28px,6vw,38px);color:var(--ink);text-align:center}.cm-sub{margin:0 0 22px;color:var(--ink-soft);font-size:16px;text-align:center}.cm-sub b{color:var(--amber)}.cm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:18px;align-items:start}.cm-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:15px}.field-row{display:flex;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field.grow{flex:1}.field label{font-family:var(--font-display);font-size:15px;color:var(--teal)}.field input,.field select,.field textarea{font-family:var(--font-body);font-size:16px;color:var(--ink);background:#0000004d;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;min-width:0;resize:none}.field-row .field:not(.grow) input{width:60px;text-align:center}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #ffd67824}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-hint{font-size:13.5px;color:var(--amber)}.chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.chips-label{width:100%;font-size:13.5px;color:var(--ink-soft);margin-bottom:2px}.chip{font-family:var(--font-body);font-size:13.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#8fd6c014;color:var(--teal);transition:background .12s ease,border-color .12s ease}.chip:hover{background:#8fd6c02e;border-color:var(--teal)}.cm-actions{display:flex;gap:10px}.cm-actions button{flex:1}.submit-form{max-width:520px;width:100%;margin:0 auto}.submit-summary{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:11px 12px;background:#0000003d;border:1px solid var(--line);border-radius:12px;font-size:15px;color:var(--ink-soft)}.submit-summary b{color:var(--ink)}.submit-form code{font-size:.92em;padding:1px 5px;border-radius:5px;background:#ffffff14}.submit-done{align-items:center;text-align:center;justify-content:center}.sd-check{font-size:64px;margin-bottom:4px}.result-reaction{margin-bottom:4px;animation:reaction-in .32s ease both}@keyframes reaction-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.collapse{align-items:center;justify-content:center;text-align:center;gap:22px;min-height:70vh}.collapse-icon{font-size:66px;opacity:.9;filter:grayscale(.3)}.collapse-lines p{margin:0 0 10px;font-size:clamp(17px,4.4vw,21px);color:var(--ink);opacity:0;animation:collapse-fade .7s ease forwards}@keyframes collapse-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:.92;transform:translateY(0)}}.ending-recap{width:100%;max-width:460px;margin:6px auto 2px;padding:14px 16px;background:#00000038;border:1px solid var(--line);border-radius:var(--radius)}.recap-title{margin:0 0 8px;font-family:var(--font-display);font-size:15px;color:var(--teal);text-align:center}.recap-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.recap-list li{font-size:15px;color:var(--ink);padding-left:2px}.ending-dex{width:100%;max-width:460px;margin:4px auto 2px;text-align:center}.dex-title{margin:0 0 8px;font-size:14px;color:var(--ink-soft)}.dex-title b{color:var(--amber)}.dex-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.dex-slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);background:#00000040;opacity:.55}.dex-slot.found{opacity:1;background:#8fd6c01a;border-color:#8fd6c066}.dex-slot.current{border-color:var(--amber);box-shadow:0 0 0 2px #ffd67840}.dex-emoji{font-size:22px}.dex-grade{font-family:var(--font-display);font-size:12px;color:var(--ink-soft)}.dex-slot.found .dex-grade{color:var(--ink)}.intro-resume{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px}.intro-resume .btn-start{width:100%}.tb-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.tb-table{border-collapse:collapse;width:100%;font-size:13px}.tb-table th,.tb-table td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top;white-space:pre-wrap}.tb-table th{background:#ffffff0d;position:sticky;top:0}.cm-preview{background:#0000003d;border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;align-items:center;justify-content:center;min-height:300px}.cm-preview img{width:100%;height:auto;border-radius:14px;box-shadow:0 14px 34px #00000080}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink-soft);font-size:14px;text-align:center;padding:34px 18px}.preview-empty .big{font-size:50px;opacity:.7}.cm-footer{display:flex;gap:10px;justify-content:center;margin-top:20px}@media(max-width:720px){.cm-grid{grid-template-columns:1fr}.cm-preview{order:-1;min-height:0}}@media(prefers-reduced-motion:reduce){.intro-badge,.ci-emoji,.ending-emoji,.scene,.result-panel,.chapter-intro,.breaking,.ending,.news-ticker span,.gauge.danger .gauge-fill,.gauge-warn,.news-live{animation:none}}