:root{--bg:#fffdf8;--paper:#fff;--paper-warm:#fff7eb;--ink:#2b2722;--ink-soft:#4f4a44;--mute:#8b857c;--line:#efeae0;--line-strong:#d9d2c4;--accent:#ff6b57;--accent-shadow:#d44a3a;--good:#58cc02;--good-shadow:#4aab00;--bad:#ff4b4b;--bad-shadow:#d33b3b;--gold:#ffc83d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:manipulation;background:#1a1714;font-weight:500}.app{background:var(--bg);width:100%;height:100dvh;margin:0 auto;position:relative;overflow:hidden}@media (width>=600px){.app{border-radius:28px;max-width:440px;height:min(100dvh,900px);margin-top:max(0px,50dvh - 450px);box-shadow:0 30px 80px #00000073}}button{cursor:pointer;font-family:inherit;font-weight:700}.home{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.home-bg{object-fit:cover;filter:brightness(.78)saturate(.92);width:100%;height:100%;animation:.6s homeFadeIn;position:absolute;inset:0}@keyframes homeFadeIn{0%{opacity:0}to{opacity:1}}.home-vignette{background:linear-gradient(#00000040 0%,#0000 30%),linear-gradient(#fffaf500 40%,#fffaf599 70%,#fffaf5 100%);position:absolute;inset:0}.home-gear{top:calc(14px + var(--safe-top));z-index:10;-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;background:#ffffffd9;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;left:14px}.home-gear:active{transform:scale(.94)}.home-stats{top:calc(18px + var(--safe-top));z-index:10;gap:8px;display:flex;position:absolute;right:14px}.home-stat{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffffd9;border:1.5px solid #fff9;border-radius:12px;min-width:44px;padding:6px 10px}.home-stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:9px;font-weight:700}.home-stat-value{color:var(--accent);letter-spacing:-.01em;margin-top:2px;font-size:15px;font-weight:800}.home-character{z-index:2;filter:drop-shadow(0 10px 24px #00000040);width:auto;max-width:80%;height:60%;animation:.6s homeCharIn,3.8s ease-in-out .6s infinite idle;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}@keyframes homeCharIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.home-bottom{z-index:3;padding:0 24px calc(28px + var(--safe-bottom));text-align:center;position:absolute;bottom:0;left:0;right:0}.home-brand{margin-bottom:20px}.home-wordmark{letter-spacing:-.03em;color:var(--accent);font-size:26px;font-weight:900}.home-wordmark:after{content:".";color:var(--accent)}.home-tagline{letter-spacing:.25em;color:var(--mute);text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:700}.home-h1{letter-spacing:-.02em;color:var(--ink);margin:8px 0 0;font-size:26px;font-weight:800}.home-h1 em{color:var(--accent);font-style:normal}.home-buttons{flex-direction:column;gap:10px;display:flex}.home-btn{letter-spacing:.02em;border:2px solid #0000;border-bottom-width:5px;border-radius:16px;padding:16px 24px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .1s}.home-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.home-btn.primary:active{border-bottom-width:3px;transform:translateY(2px)}.home-btn.ghost{color:var(--ink);border-color:var(--line);border-bottom-color:var(--line-strong);background:#ffffffeb}.home-btn.ghost:active{border-bottom-width:3px;transform:translateY(2px)}.settings-overlay{z-index:100;background:#2b272280;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.settings-modal{background:var(--paper);width:100%;max-width:420px;padding:24px 22px calc(24px + var(--safe-bottom));border-radius:24px 24px 0 0;animation:.3s dialogIn}.settings-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-title{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:800}.settings-close{color:var(--mute);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.settings-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-label{color:var(--ink);font-size:14px;font-weight:700}.settings-help{color:var(--mute);margin-top:2px;font-size:11px}.settings-segmented{background:var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.settings-segmented button{color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.settings-segmented button.active{background:var(--paper);color:var(--accent);box-shadow:0 1px 2px #00000014}.settings-switch{width:44px;height:26px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{background:var(--line-strong);border-radius:999px;transition:background .2s;position:absolute;inset:0}.settings-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.settings-switch input:checked+.settings-slider{background:var(--accent)}.settings-switch input:checked+.settings-slider:before{transform:translate(18px)}.settings-done{width:100%;margin-top:14px}.char-detail-page{background:var(--paper);z-index:60;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;animation:.25s charDetailIn;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes charDetailIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.char-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 16px;display:flex}.char-detail-hero-wrap{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding:24px 20px 16px;display:flex}.char-detail-hero{object-fit:contain;object-position:center bottom;background:linear-gradient(#fff5ec,#ffe0d5);border-radius:16px;width:220px;height:280px}.char-detail-meta{text-align:center;margin-top:6px}.char-detail-vibe{color:var(--ink-soft);font-size:14px;font-weight:600}.char-detail-count{color:var(--accent);letter-spacing:.15em;margin-top:4px;font-size:12px;font-weight:800}.char-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 18px 30px;display:grid}.char-modal-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.char-modal-card{cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:flex}.char-modal-card.is-locked{cursor:default}.char-modal-card:active:not(.is-locked) .char-modal-card-bg{border-bottom-width:1.5px;transform:translateY(2px)}.char-modal-card-bg{aspect-ratio:4/3;border:1.5px solid var(--line);background:var(--line);border-bottom-width:3px;border-radius:12px;position:relative;overflow:hidden}.char-modal-card-bg>img:first-child:not(.char-modal-expression){object-fit:cover;width:100%;height:100%}.char-modal-card-hero{pointer-events:none;object-fit:contain;width:auto;height:96%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.char-modal-card-bg>img.char-modal-expression{object-fit:contain;object-position:center bottom;pointer-events:none;width:calc(100% - 16px);max-width:none;height:calc(100% - 16px);position:absolute;inset:8px}.char-modal-card.is-locked .char-modal-card-bg{background:linear-gradient(#ece8de,#d9d2c4)}.char-modal-lock{color:#ffffffe6;justify-content:center;align-items:center;font-size:36px;font-weight:900;display:flex;position:absolute;inset:0}.char-modal-card-title{color:var(--ink);padding:0 4px;font-size:12px;font-weight:800}.char-modal-card.is-locked .char-modal-card-title{color:var(--mute);letter-spacing:.1em}.album-viewer{z-index:90;padding:calc(22px + var(--safe-top)) 18px calc(22px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);background:#12100cc7;place-items:center;display:grid;position:fixed;inset:0}.album-viewer-close{top:calc(14px + var(--safe-top));color:#fff;background:#ffffff29;border:1.5px solid #ffffff57;border-radius:999px;width:42px;height:42px;font-size:30px;font-weight:500;line-height:1;position:absolute;right:16px}.album-viewer-stage{grid-template-rows:1fr auto;justify-items:center;gap:10px;width:min(92vw,560px);height:min(78vh,760px);display:grid}.album-viewer-stage img{object-fit:contain;filter:drop-shadow(0 18px 28px #0000005c);max-width:100%;min-height:0;max-height:100%}.album-viewer-label{color:#fff;text-shadow:0 2px 8px #00000059;font-size:14px;font-weight:900}.records{background:var(--bg);width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;position:relative}.records-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 16px;display:flex}.records-title{color:var(--ink);font-size:17px;font-weight:800}.records-back{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.records-back:active{transform:scale(.94)}.records-body{flex-direction:column;flex:1;gap:24px;padding:14px 18px 30px;display:flex;overflow-y:auto}.records-section{flex-direction:column;gap:12px;display:flex}.records-section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:center;padding:0 2px;font-size:11px;font-weight:800;display:flex}.records-section-count{letter-spacing:.05em;color:var(--accent);font-size:11px;font-weight:800}.records-gallery{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gallery-card{background:var(--paper);border:1.5px solid var(--line);border-bottom-width:3px;border-radius:14px;flex-direction:column;gap:8px;padding:0 0 10px;display:flex;overflow:hidden}.gallery-bg{aspect-ratio:4/3;background:var(--line);border-radius:12px 12px 0 0;position:relative;overflow:hidden}.gallery-bg>img:first-child{object-fit:cover;width:100%;height:100%}.gallery-hero{pointer-events:none;filter:drop-shadow(0 6px 10px #00000040);width:auto;height:130%;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.gallery-title{letter-spacing:-.005em;color:var(--ink);padding:0 12px;font-size:13px;font-weight:800}.gallery-card.is-locked{background:#f6f3ec}.gallery-card.is-locked .gallery-bg{background:#ddd4c4}.gallery-card.is-locked .gallery-bg>img:first-child{filter:blur(8px)brightness(.6)saturate(.2);opacity:.55}.gallery-card.is-locked .gallery-hero{filter:brightness(0)opacity(.45)}.gallery-card.is-locked .gallery-title{color:var(--mute);letter-spacing:.15em;font-weight:900}.gallery-lock-mark{color:#ffffffe6;text-shadow:0 2px 8px #00000059;pointer-events:none;justify-content:center;align-items:center;font-size:48px;font-weight:900;display:flex;position:absolute;inset:0}.records-list{flex-direction:column;gap:10px;display:flex}.records-portraits{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.portrait-card{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:6px;padding:0;font-family:inherit;display:flex}.portrait-card:disabled{cursor:default}.portrait-frame{aspect-ratio:3/4;border:2px solid var(--line);border-bottom-width:4px;border-bottom-color:var(--line-strong);background:linear-gradient(#fff5ec 0%,#ffe0d5 100%);border-radius:14px;transition:transform .1s;position:relative;overflow:hidden}.portrait-card:hover:not(:disabled) .portrait-frame{border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.portrait-card:active:not(:disabled) .portrait-frame{border-bottom-width:2px;transform:translateY(2px)}.portrait-hero{pointer-events:none;width:auto;height:115%;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.portrait-card.is-locked .portrait-frame{background:linear-gradient(#ece8de 0%,#d9d2c4 100%)}.portrait-card.is-locked .portrait-hero{filter:brightness(0)opacity(.55)}.portrait-lock{color:#fffffff2;text-shadow:0 2px 6px #00000059;pointer-events:none;justify-content:center;align-items:center;font-size:42px;font-weight:900;display:flex;position:absolute;inset:0}.portrait-title{letter-spacing:-.005em;color:var(--ink);font-size:11px;font-weight:800}.portrait-card.is-locked .portrait-title{color:var(--mute);letter-spacing:.15em}.gallery-card{cursor:pointer;text-align:left;font-family:inherit;transition:transform .1s}.gallery-card:disabled{cursor:default}.gallery-card:hover:not(:disabled){border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.gallery-card:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.records-empty{color:var(--mute);text-align:center;margin-top:80px;padding:0 24px;font-size:14px;line-height:1.6}.record-row{background:var(--paper);border:1.5px solid var(--line);border-bottom-width:3px;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:grid}.record-thumb{background:var(--line);border-radius:12px;width:48px;height:48px;position:relative;overflow:hidden}.record-thumb img{width:auto;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.record-row.is-failed .record-thumb{filter:grayscale(.5)brightness(.85)}.record-main{min-width:0}.record-title{color:var(--ink);letter-spacing:-.005em;font-size:15px;font-weight:800}.record-meta{color:var(--mute);margin-top:2px;font-size:11px;font-weight:600}.record-tag{letter-spacing:.15em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800}.record-row.is-success .record-tag{color:var(--good-shadow);background:#e8fbd8}.record-row.is-failed .record-tag{color:var(--bad-shadow);background:#ffe0e0}.menu{background:var(--bg);-webkit-overflow-scrolling:touch;width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);position:relative;overflow:hidden auto}.menu-header{text-align:center;padding:40px 24px 24px}.menu-wordmark{letter-spacing:-.02em;color:var(--accent);margin-bottom:0;font-size:20px;font-weight:800}.menu-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.menu-lang{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:flex}.menu-lang button{color:var(--mute);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700}.menu-lang button.lang-active{background:var(--accent);color:#fff}.menu-wordmark:after{content:".";color:var(--accent)}.menu-eyebrow{letter-spacing:.2em;color:var(--mute);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.menu-header h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.25}.menu-header h1 em{color:var(--accent);font-style:normal}.menu-sub{color:var(--ink-soft);margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.5}.progress{background:var(--paper);border:2px solid var(--line);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.progress strong{color:var(--accent);font-weight:800}.scene-list{padding:8px 16px calc(40px + var(--safe-bottom));flex-direction:column;gap:12px;display:flex}.scene-card{background:var(--paper);border:2px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;font-family:inherit;font-weight:inherit;border-bottom-width:4px;border-radius:16px;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-height:80px;padding:16px 18px;transition:transform .1s;display:grid}.scene-card:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.scene-card.locked,.scene-card:disabled{cursor:not-allowed;border-color:var(--line);color:var(--mute);background:#f6f3ec}.scene-card.locked .scene-num,.scene-card.locked .scene-title,.scene-card.locked .scene-en{color:var(--mute)}.scene-num{width:44px;height:44px;color:var(--accent);background:#fff5ec;border:2px solid #ffe2d2;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.scene-card.locked .scene-num{color:var(--mute);background:#ececec;border-color:#dcdcdc}.scene-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.scene-title{letter-spacing:-.01em;font-size:17px;font-weight:800}.scene-en{color:var(--mute);font-size:12px;font-weight:600}.scene-meta{border-top:1px dashed var(--line);flex-flow:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-top:4px;padding-top:8px;font-size:11px;display:flex}.scene-patterns{color:var(--mute);flex-wrap:wrap;gap:6px;font-size:11px;font-weight:700;display:flex}.scene-patterns .pat{background:var(--line);border-radius:999px;padding:3px 8px}.scene-patterns .pat.done{color:#fff;background:var(--good)}.scene-done{letter-spacing:.12em;color:#fff;background:var(--good);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800}.scene-lock{letter-spacing:.05em;color:var(--mute);font-size:11px;font-weight:600}.menu-footer{display:none}.scene-view{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden}.stage-bg{object-fit:cover;z-index:0;width:100%;height:100%;animation:.5s bgFade;position:absolute;inset:0}@keyframes bgFade{0%{opacity:.5}to{opacity:1}}.stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#00000029 0%,#0000 22%),linear-gradient(#fff7eb00 50%,#fff7eb59 100%);position:absolute;inset:0}.stage-placeholder{color:var(--ink-soft);text-align:center;background:linear-gradient(#fde9d4 0%,#f8d6b0 100%);justify-content:center;align-items:center;padding:24px;font-size:12px;font-weight:600;display:flex}.stage-character{z-index:3;filter:drop-shadow(0 12px 20px #00000052);width:auto;max-width:65%;height:95%;max-height:95%;transition:opacity .3s,filter .3s,transform .3s;animation:.45s charEnter;position:absolute;bottom:0}.stage-character.is-center{max-width:110%;left:50%;transform:translate(-50%)}.stage-character.is-left{z-index:3;left:28%;transform:translate(-50%)}.stage-character.is-right{z-index:3;left:72%;transform:translate(-50%)}.stage-character.is-inactive{opacity:.55;filter:brightness(.55)saturate(.7)drop-shadow(0 8px 14px #0000004d);z-index:2}.stage-character.is-left:not(.is-inactive),.stage-character.is-right:not(.is-inactive){z-index:4}@keyframes charEnter{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes idle{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.stage-placeholder-char{border:2px dashed var(--line-strong);width:34%;height:60%;color:var(--mute);text-align:center;background:#ffffff8c;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:12px;font-size:11px;font-weight:600;animation:3.6s ease-in-out infinite idle;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.tap-layer{z-index:4;cursor:pointer;background:0 0;position:absolute;inset:0}.history-btn{top:calc(12px + var(--safe-top));z-index:10;-webkit-backdrop-filter:blur(10px);color:var(--ink-soft);background:#ffffffd9;border:1.5px solid #fff9;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .1s;position:absolute;right:12px}.history-btn:active{transform:scale(.96)}.quit-btn{top:calc(12px + var(--safe-top));z-index:10;-webkit-backdrop-filter:blur(10px);color:var(--ink-soft);background:#ffffffd9;border:1.5px solid #fff9;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .1s;position:absolute;left:12px}.quit-btn:active{transform:scale(.96)}.dialogue{-webkit-backdrop-filter:blur(16px);padding:28px 20px calc(20px + var(--safe-bottom));z-index:5;-webkit-overflow-scrolling:touch;background:linear-gradient(#fffaf000 0%,#fffaf0b3 14%,#fffaf0f2 32%,#fffaf0fa 100%);border-radius:28px 28px 0 0;max-height:56%;animation:.35s dialogIn;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -6px 24px #00000014}.dialogue.is-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.dialogue.is-clickable:active{background:linear-gradient(#fffaf000 0%,#fff5e6c7 14%,#fff5e6fa 32%,#fff5e6 100%)}.click-indicator{right:22px;bottom:calc(14px + var(--safe-bottom));pointer-events:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.click-indicator-arrow{color:var(--accent);text-shadow:0 1px 2px #fff9;font-size:22px;font-weight:800;line-height:1;animation:1.2s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.25;transform:translateY(3px)}}.dialogue.is-clickable .dialogue-controls{height:0;margin-top:0}@keyframes dialogIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pattern-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:#ffffffd9;border:1.5px solid #ffd6c8;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.pattern-badge.is-bad{color:#fff;background:var(--bad);border-color:var(--bad-shadow);letter-spacing:.25em}.dialogue-speaker{color:var(--accent);margin-bottom:3px;font-size:13px;font-weight:800}.dialogue-text{letter-spacing:-.01em;color:var(--ink);margin-bottom:6px;font-size:19px;font-weight:700;line-height:1.4}.dialogue-translation{color:#0000008c;margin-top:-2px;margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.35}.dialogue-caret{color:var(--accent);margin-left:1px;animation:1s steps(2,start) infinite caretBlink;display:inline-block}@keyframes caretBlink{to{visibility:hidden}}.dialogue-trans-toggle{color:var(--mute);border:1.5px solid var(--line);background:0 0;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-block}.dialogue-trans-toggle:active{transform:scale(.97)}.dialogue-trans{color:var(--mute);margin-bottom:12px;font-size:13px;font-weight:500}.dialogue-trans-revealed{text-align:left;border:1.5px solid var(--line);color:var(--ink-soft);background:#ffffff80;border-radius:10px;width:100%;margin-bottom:12px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;display:block}.dialogue-controls{margin-top:12px}.choices{flex-direction:column;gap:8px;display:flex}.choice-prompt{letter-spacing:.1em;color:var(--mute);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.choice-btn{border:2px solid var(--line);color:var(--ink);text-align:left;background:#fffffff5;border-bottom-width:4px;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 16px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.choice-btn:active{border-bottom-width:2px;transform:translateY(2px)}.choice-num{width:28px;height:28px;color:var(--accent);background:#fff0ea;border:1.5px solid #ffd6c8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.choice-label{letter-spacing:-.005em;flex-direction:column;flex:1;gap:3px;line-height:1.35;display:flex}.choice-translation{color:var(--mute);font-size:12px;font-weight:500}.choice-btn.is-dejavu{background:linear-gradient(#fff7dcf5 0%,#fff0c8f5 100%);border-color:#ffc83d8c #ffc83d8c #cc961eb3;position:relative}.choice-btn.is-dejavu .choice-label>span:first-child{text-underline-offset:3px;font-style:italic;-webkit-text-decoration:underline dotted #b48c1e8c;text-decoration:underline dotted #b48c1e8c}.choice-dejavu{color:var(--gold);pointer-events:none;font-size:12px;animation:2.4s ease-in-out infinite dejavuPulse;position:absolute;top:8px;right:10px}@keyframes dejavuPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.micro-view{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.micro-view .stage-character{max-width:82%;height:82%;max-height:82%;animation:.5s cubic-bezier(.18,.9,.25,1) microCharacterEnter;bottom:10%}.micro-view .stage-character.is-center{max-width:82%}.micro-audio-hidden{display:none}@keyframes microCharacterEnter{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.micro-view.bg-apartment-outside .stage-bg{filter:brightness(1.02)saturate(.95)}.micro-view.bg-apartment-interior .stage-bg{filter:brightness(.82)saturate(.78)hue-rotate(-8deg)}.micro-view.bg-room-night .stage-bg{filter:brightness(.32)saturate(.65)hue-rotate(-10deg)blur(.5px)}.micro-view.bg-convenience .stage-bg{filter:brightness(.98)saturate(1.04)}.micro-view.bg-bus-stop .stage-bg{filter:brightness(.88)saturate(.82)hue-rotate(8deg)}.micro-view.bg-station .stage-bg{filter:brightness(.74)saturate(.7)hue-rotate(12deg)}.micro-view.bg-park .stage-bg{filter:brightness(1.06)saturate(1.12)hue-rotate(-8deg)}.micro-view.bg-cafe .stage-bg{filter:brightness(.96)saturate(.9)hue-rotate(-5deg)}.micro-view.bg-beach .stage-bg{filter:brightness(1.04)saturate(1.05)}.micro-view.bg-beach-sign .stage-bg{filter:brightness(.9)saturate(.92)hue-rotate(5deg)}.micro-view.is-review .stage-bg{filter:brightness(.68)saturate(.9);transform:scale(1.01)}.micro-review-room{z-index:3;pointer-events:none;background:radial-gradient(circle at 74% 12%,#ffdb8429,#0000 22%),linear-gradient(#0c102257,#121422d6);position:absolute;inset:0;overflow:hidden}.review-window{aspect-ratio:3/4;background:radial-gradient(circle at 70% 18%,#ffeeaaf2 0 5%,#0000 6%),linear-gradient(#1a254a,#0c1028);border:8px solid #25293aeb;border-radius:10px;width:35%;position:absolute;top:12%;right:12%;box-shadow:0 14px 30px #00000057}.review-window:before,.review-window:after{content:"";background:#25293af2;position:absolute}.review-window:before{width:6px;top:0;bottom:0;left:50%;transform:translate(-50%)}.review-window:after{height:6px;top:52%;left:0;right:0}.review-bed{background:linear-gradient(#f5eee3f0,#d7cabefa);border-radius:0 28px 0 0;height:27%;position:absolute;bottom:0;left:-5%;right:28%;box-shadow:0 -12px 34px #00000047}.review-desk{background:linear-gradient(#6d4b3b,#3f2b25);border-radius:14px 0 0;width:43%;height:12%;position:absolute;bottom:8%;right:-4%;box-shadow:0 -10px 24px #00000040}.review-notebook{aspect-ratio:5/3;background:linear-gradient(135deg,#fff8e8,#d8ccba);border-radius:8px;width:25%;position:absolute;bottom:16%;right:14%;transform:rotate(-7deg);box-shadow:0 9px 18px #00000047}.micro-top{top:calc(12px + var(--safe-top));z-index:10;color:var(--ink-soft);pointer-events:none;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid;position:absolute;left:88px;right:12px}.micro-top span{text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:#ffffffdb;border:1.5px solid #ffffffa6;border-radius:999px;min-width:0;padding:8px 10px;overflow:hidden}.micro-panel{left:14px;right:14px;bottom:calc(14px + var(--safe-bottom));z-index:6;-webkit-backdrop-filter:blur(18px);background:linear-gradient(#fffcf6eb 0%,#fff8ecfa 100%);border:2px solid #ffffffb8;border-bottom-color:#0000001f;border-radius:18px;max-height:58%;padding:18px;animation:.24s dialogIn;position:absolute;overflow-y:auto;box-shadow:0 14px 36px #0000002e}.micro-panel-dialogue{opacity:0;animation:.24s .34s forwards microDialogueIn}@keyframes microDialogueIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.micro-panel-review-feedback.is-wrong{border-color:#ff564cb8;animation:.72s reviewWrongFlash;box-shadow:0 16px 42px #00000047,0 0 #ff564c8c}.micro-panel-review-feedback.is-wrong .micro-kicker{color:#ff564c}@keyframes reviewWrongFlash{0%{transform:translate(0);box-shadow:0 16px 42px #00000047,0 0 #ff564c9e}18%{transform:translate(-5px);box-shadow:0 16px 42px #0000004d,0 0 0 6px #ff564c47}36%{transform:translate(5px);box-shadow:0 16px 42px #0000004d,0 0 0 12px #ff564c1f}54%{transform:translate(-3px);box-shadow:0 16px 42px #00000047,0 0 0 4px #ff564c2e}to{transform:translate(0);box-shadow:0 16px 42px #00000047,0 0 #ff564c00}}.micro-view.is-review .micro-panel{background:linear-gradient(#fffaeef0 0%,#f8eddafa 100%);box-shadow:0 16px 42px #00000057}.micro-view.is-review .micro-top span{color:#fff8ebeb;background:#161928c2;border-color:#ffffff29}.route-record-list{gap:8px;display:grid}.route-record-card{border:1.5px solid var(--line);background:#ffffffeb;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.route-record-card.is-active{background:#fff9f6f5;border-color:#ff63526b}.route-record-index{width:30px;height:30px;color:var(--accent);background:#fff0eae0;border-radius:9px;place-items:center;font-size:12px;font-weight:900;display:grid}.route-record-main{min-width:0}.route-record-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.route-record-meta{color:var(--mute);margin-top:2px;font-size:11px;font-weight:800}.route-record-progress{background:#00000014;border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.route-record-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.route-record-actions{justify-content:flex-end;display:flex}.route-record-actions button{border:1.5px solid var(--line);min-width:74px;min-height:34px;color:var(--ink);font:inherit;background:#fff;border-bottom-width:2px;border-radius:10px;font-size:12px;font-weight:900}.route-record-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.micro-panel-narration{cursor:pointer;-webkit-user-select:none;user-select:none}.micro-kicker{color:var(--accent);align-items:center;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-flex}.micro-story{color:var(--ink);margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.45}.micro-focus{background:#ffffff7a;border:1.5px solid #00000014;border-radius:10px;gap:4px;margin-bottom:12px;padding:9px 11px;display:grid}.micro-focus span{color:var(--mute);text-transform:uppercase;font-size:11px;font-weight:800}.micro-focus strong{color:var(--ink);font-size:17px;line-height:1.25}.micro-line{grid-template-columns:1fr;align-items:start;gap:8px;margin-bottom:14px;display:grid}.micro-speaker{color:#fff;background:var(--accent);text-align:center;border-radius:10px;width:fit-content;min-width:54px;padding:6px 12px;font-size:12px;font-weight:900;box-shadow:0 4px #0000001a}.micro-line p{color:var(--ink);margin:0;font-size:22px;font-weight:800;line-height:1.35}.micro-line small{color:var(--mute);margin-top:3px;font-size:13px;font-weight:600;display:block}.micro-choices{flex-direction:column;gap:7px;display:flex}.micro-choice{text-align:left;width:100%;min-height:48px;color:var(--ink);background:#ffffffb8;border:1.5px solid #0000001a;border-bottom-width:3px;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.micro-choice:active,.micro-next:active{transform:translateY(2px)}.micro-choice span{width:24px;height:24px;color:var(--accent);background:#fff0eadb;border:1.5px solid #ffd6c8;border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.micro-choice strong{min-width:0;color:var(--ink);font-size:15px;line-height:1.3}.micro-choice small{color:var(--mute);grid-column:2;margin-top:-6px;font-size:12px;font-weight:600}.micro-next{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;min-height:50px;font-size:15px;font-weight:900}.micro-next:disabled{opacity:.45}.micro-action-stack{gap:9px;display:grid}.micro-survey{width:100%;min-height:46px;color:var(--accent);background:#ffffffd1;border:1.5px solid #ff635252;border-bottom-width:3px;border-radius:14px;font-size:14px;font-weight:900}.micro-survey:active{transform:translateY(2px)}.micro-survey:disabled{opacity:.5}.micro-name-form{gap:10px;display:grid}.micro-name-form input{width:100%;min-height:52px;color:var(--ink);font:inherit;background:#ffffffc7;border:1.5px solid #0000001f;border-bottom-width:3px;border-radius:12px;outline:none;padding:0 14px;font-size:18px;font-weight:800}.micro-name-form input:focus{border-color:#ff635285;box-shadow:0 0 0 3px #ff635224}.micro-tap{color:var(--accent);text-align:right;font-size:12px;font-weight:900;animation:1.2s ease-in-out infinite blink}.subjective{flex-direction:column;gap:10px;display:flex}.subjective-prompt{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800}.subjective-input{width:100%;color:var(--ink);border:2px solid var(--line);resize:vertical;background:#fffffff2;border-radius:14px;min-height:84px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600}.subjective-input:focus{border-color:var(--accent);outline:none}.subjective-example{background:#f3fce0;border:2px solid #d0eba4;border-radius:14px;padding:12px 14px}.example-label{letter-spacing:.2em;color:var(--good-shadow);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.example-text{color:var(--ink);font-size:15px;font-weight:700}.subjective-buttons{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-primary,.btn-secondary{letter-spacing:.08em;text-transform:uppercase;border:2px solid #0000;border-bottom-width:4px;border-radius:12px;min-height:44px;padding:12px 22px;font-size:12px;font-weight:800;transition:transform .1s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.btn-primary:active{border-bottom-width:2px;transform:translateY(2px)}.btn-secondary{background:var(--paper);color:var(--ink-soft);border-color:var(--line);border-bottom-color:var(--line-strong)}.btn-secondary:active{border-bottom-width:2px;transform:translateY(2px)}.overlay{z-index:50;background:#2b272280;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:var(--paper);border:2px solid var(--bad);border-bottom-width:4px;border-bottom-color:var(--bad-shadow);border-radius:18px;width:100%;max-width:400px;padding:24px;animation:.3s dialogIn}.overlay-title{letter-spacing:.15em;color:var(--bad);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.overlay-section{margin-bottom:12px}.overlay-label{letter-spacing:.2em;color:var(--mute);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.overlay-answer{color:var(--good-shadow);letter-spacing:-.01em;font-size:17px;font-weight:800}.overlay-feedback{color:var(--ink-soft);font-size:13px;font-weight:500;line-height:1.5}.scene-view.is-badend .stage-bg{filter:brightness(.45)saturate(.7)contrast(1.05);transition:filter .8s}.scene-view.is-badend .stage-character{filter:brightness(.55)saturate(.85)drop-shadow(0 12px 24px #00000080);transition:filter .8s}.scene-view.is-badend .stage:before{background:radial-gradient(circle,#0000 30%,#0000008c 100%),linear-gradient(#500a0a40 0%,#00000059 100%);transition:background .6s}.badend-screen{z-index:50;color:#fff;padding:calc(40px + var(--safe-top)) 24px calc(40px + var(--safe-bottom));text-align:center;background:radial-gradient(circle at 50% 28%,#3a0e12 0%,#0a0407 75%),#000;flex-direction:column;justify-content:center;align-items:center;animation:.8s badendScreenIn;display:flex;position:absolute;inset:0}@keyframes badendScreenIn{0%{opacity:0}to{opacity:1}}.badend-screen-stars{color:#ffc8c866;letter-spacing:.3em;margin-bottom:12px;font-size:12px;animation:4s ease-in-out infinite starsFloat}@keyframes starsFloat{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}}.badend-screen-title{letter-spacing:.3em;color:#fff;text-shadow:0 0 20px #ff505080,0 0 40px #ff282859,0 2px 4px #000000e6;margin-bottom:14px;font-size:52px;font-weight:900;animation:1.4s cubic-bezier(.2,.8,.2,1) forwards badendTitleIn}@keyframes badendTitleIn{0%{opacity:0;letter-spacing:.05em;transform:scale(.92)}45%{opacity:1;letter-spacing:.45em;transform:scale(1.05)}to{opacity:1;letter-spacing:.3em;transform:scale(1)}}.badend-screen-sub{color:#ffdcdc8c;letter-spacing:.04em;margin-bottom:40px;font-size:13px;font-style:italic;animation:1s .6s both fadeInLate}@keyframes fadeInLate{0%{opacity:0}to{opacity:1}}.badend-screen-content{flex-direction:column;gap:12px;width:100%;max-width:420px;margin-bottom:36px;animation:1s .9s both fadeInLate;display:flex}.badend-screen-card{text-align:left;border-radius:14px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.badend-screen-card.hint{background:#3c641e66;border:1.5px solid #b4e66e73}.badend-screen-card.note{background:#ffffff0d;border:1.5px solid #ffffff26}.badend-screen-card-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:800}.badend-screen-card.hint .badend-screen-card-label{color:#d8f3a8}.badend-screen-card-text{color:#fff;letter-spacing:-.005em;font-size:17px;font-weight:800;line-height:1.4}.badend-screen-card-text-sm{color:#ffffffc7;font-size:13px;font-weight:500;line-height:1.55}.badend-screen-buttons{gap:12px;animation:1s 1.2s both fadeInLate;display:flex}.badend-screen-btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-bottom-width:4px;border-radius:12px;min-height:48px;padding:14px 26px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .1s}.badend-screen-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-color:var(--accent-shadow)}.badend-screen-btn.primary:active{border-bottom-width:2px;transform:translateY(2px)}.badend-screen-btn.ghost{color:#ffffffd9;background:0 0;border-color:#ffffff40 #ffffff40 #fff6}.badend-screen-btn.ghost:active{border-bottom-width:2px;transform:translateY(2px)}.badend-footer{flex-direction:column;gap:10px;display:flex}.badend-hint{background:#f3fce0;border:1.5px solid #d0eba4;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.badend-hint-label{letter-spacing:.15em;color:var(--good-shadow);text-transform:uppercase;font-size:10px;font-weight:800}.badend-hint-text{color:var(--ink);letter-spacing:-.005em;font-size:16px;font-weight:800;line-height:1.4}.badend-note{border:1.5px solid var(--line);color:var(--ink-soft);background:#fff9;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.badend-note-label{letter-spacing:.2em;color:var(--mute);text-transform:uppercase;font-size:10px;font-weight:800}.badend-buttons{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.badend-dim{z-index:4;pointer-events:none;background:#2b27224d;animation:.4s fadeIn;position:absolute;inset:0}.badend-popup{z-index:6;-webkit-backdrop-filter:blur(20px);border-top:3px solid var(--bad);padding:26px 20px calc(20px + var(--safe-bottom));background:linear-gradient(#fff0eb00 0%,#fff0ebd9 14%,#fff0ebfa 35%,#fff0eb 100%);border-radius:28px 28px 0 0;max-height:60%;animation:.4s dialogIn;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #b432322e}.badend-popup-head{margin-bottom:10px}.badend-popup-speaker{color:var(--bad);letter-spacing:-.005em;margin-bottom:4px;font-size:13px;font-weight:800}.badend-popup-badge{letter-spacing:.25em;color:#fff;background:var(--bad);text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.badend-popup-text{color:var(--ink);letter-spacing:-.01em;margin-bottom:3px;font-size:19px;font-weight:800;line-height:1.4}.badend-popup-trans{color:var(--mute);margin-bottom:12px;font-size:13px;font-weight:500}.badend-popup-hint{background:#f3fce0;border:1.5px solid #d0eba4;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:10px;padding:10px 14px;display:flex}.badend-popup-hint-label{letter-spacing:.15em;color:var(--good-shadow);text-transform:uppercase;font-size:10px;font-weight:800}.badend-popup-hint-text{color:var(--ink);letter-spacing:-.005em;font-size:16px;font-weight:800;line-height:1.4}.badend-popup-reason{color:var(--ink-soft);background:#ffffffb3;border:1.5px solid #ffd3c8;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.badend-popup-reason-label{letter-spacing:.2em;color:var(--bad);text-transform:uppercase;font-size:9px;font-weight:800}.badend-popup-buttons{justify-content:flex-end;gap:10px;display:flex}.history-panel{background:var(--bg);z-index:60;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;animation:.3s dialogIn;display:flex;position:absolute;inset:0}.history-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.history-title{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:800}.history-close{background:var(--paper);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.history-close:active{transform:scale(.94)}.history-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:16px 20px 40px;display:flex;overflow-y:auto}.history-empty{color:var(--mute);text-align:center;margin-top:60px;font-size:14px}.history-entry{flex-direction:column;gap:4px;display:flex}.history-line{align-items:flex-start}.history-player{align-items:flex-end}.history-speaker{color:var(--accent);letter-spacing:.05em;font-size:11px;font-weight:800}.history-tag{letter-spacing:.2em;color:#fff;background:var(--ink-soft);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.history-text{background:var(--paper);border:1.5px solid var(--line);color:var(--ink);border-radius:16px;max-width:90%;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.4}.history-player .history-text{background:#fff0ea;border-color:#ffd6c8;border-radius:16px 16px 4px}.history-line .history-text{border-radius:4px 16px 16px}.history-narration{align-items:center;padding:4px 0}.history-narration .history-text{color:var(--mute);text-align:center;background:0 0;border:none;padding:4px 8px;font-size:13px;font-style:italic}.example-trans{color:var(--mute);margin-top:2px;font-size:12px}.history-trans{color:var(--mute);max-width:90%;padding:0 14px;font-size:12px;line-height:1.5}