@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:300;font-display:swap;src:url(./noto-sans-sc-300-BA19RKaY.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-sans-sc-400-DZgfm445.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(./noto-sans-sc-500-hV9HCaZT.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(./noto-serif-sc-400-fWRPETdF.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:600;font-display:swap;src:url(./noto-serif-sc-600-DJTkT3kE.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(./noto-serif-sc-700-BVzAK_wl.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-cream: #FDF7EF;--ink: #4A4038;--ink-soft: #8A7D6F;--coral: #E8877C;--coral-deep: #E06A5E;--sakura: #F9A8C0;--peach: #FFC9A3;--mint: #8FD8B4;--mint-deep: #5FBF95;--sky: #8EC5E8;--sky-deep: #6FAEDD;--lemon: #F7D879;--accent: #E8877C;--accent-deep: #E06A5E;--paper: #FFFDF8;--line: #F0E3D3;--mx: .5;--my: .5;--font-serif: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;--font-sans: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--sp-1: 6px;--sp-2: 12px;--sp-3: 20px;--sp-4: 32px;--sp-5: 48px}html,body{height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-cream);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100vh;height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.cute-icon{display:inline-block;vertical-align:-3px;flex-shrink:0}.cute-icon-filled{vertical-align:-3px}.icon-label{display:inline-flex;align-items:center;gap:7px;line-height:1}.cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,163,.34) 0%,rgba(249,168,192,.18) 42%,transparent 70%);pointer-events:none;z-index:3;mix-blend-mode:soft-light;will-change:transform}.cursor-spark{position:fixed;pointer-events:none;z-index:4;font-weight:700;animation:sparkFloat .72s ease-out forwards;text-shadow:0 0 8px rgba(255,255,255,.8)}@keyframes sparkFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(-26px) scale(.4) rotate(40deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pageIn{0%{opacity:0;transform:translateY(26px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.86) translateY(10px)}60%{opacity:1;transform:scale(1.03) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2.4deg)}75%{transform:rotate(2.4deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lampSway{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(4px) rotate(3deg)}}@keyframes riverShimmer{0%{background-position:0 0}to{background-position:0 24px}}@keyframes veilPulse{0%{opacity:0}to{opacity:1}}.flow-wave{position:absolute;left:-50%;width:200%;height:90px;pointer-events:none;background-repeat:repeat-x;background-size:480px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 90'%3E%3Cpath d='M0 55 Q 60 25 120 55 T 240 55 T 360 55 T 480 55 V90 H0 Z' fill='%23F9A8C0' fill-opacity='.30'/%3E%3Cpath d='M0 65 Q 60 40 120 65 T 240 65 T 360 65 T 480 65 V90 H0 Z' fill='%238EC5E8' fill-opacity='.28'/%3E%3Cpath d='M0 74 Q 60 55 120 74 T 240 74 T 360 74 T 480 74 V90 H0 Z' fill='%23FFC9A3' fill-opacity='.42'/%3E%3C/svg%3E");animation:waveFlow 9s linear infinite}.flow-wave.flow-wave-rev{animation-direction:reverse;opacity:.7}@keyframes waveFlow{0%{transform:translate(0)}to{transform:translate(480px)}}.flow-stream{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 44%,rgba(249,168,192,.22) 50%,rgba(255,255,255,.16) 56%,transparent 70%);background-size:260% 260%;animation:streamFlow 6.5s ease-in-out infinite}@keyframes streamFlow{0%{background-position:8% 12%}50%{background-position:92% 88%}to{background-position:8% 12%}}.doodle-dash{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M4 30 C 40 6 76 38 110 16 S 180 8 196 24' fill='none' stroke='%23F9A8C0' stroke-width='3' stroke-linecap='round' stroke-dasharray='1 9'/%3E%3C/svg%3E");animation:dashDrift 7s ease-in-out infinite alternate}@keyframes dashDrift{0%{transform:translate(0)}to{transform:translate(18px)}}.screen{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:pageIn .55s cubic-bezier(.22,.9,.3,1) both;overflow:hidden}.loading-screen{color:var(--ink-soft);font-size:15px;letter-spacing:2px}.title-screen{background:radial-gradient(circle at 82% 20%,rgba(249,168,192,.35),transparent 42%),radial-gradient(circle at 12% 84%,rgba(142,197,232,.3),transparent 46%),radial-gradient(circle at 50% 108%,rgba(255,201,163,.6),transparent 58%),linear-gradient(165deg,#fff9f0,#ffeddd 48%,#ffe0c8)}.title-shapes{position:absolute;inset:0;pointer-events:none;z-index:1}.candy{position:absolute;opacity:.8;filter:drop-shadow(0 4px 10px rgba(232,135,124,.18))}.candy-1{left:8%;top:18%;animation:floatY 4.2s ease-in-out infinite;transform:translate(calc((var(--mx) - .5) * 34px),calc((var(--my) - .5) * 26px))}.candy-2{left:26%;top:64%;animation:floatY 5.1s ease-in-out infinite reverse;transform:translate(calc((var(--mx) - .5) * -22px),calc((var(--my) - .5) * 18px))}.candy-3{right:10%;top:12%;animation:floatY 4.6s ease-in-out infinite;transform:translate(calc((var(--mx) - .5) * -34px),calc((var(--my) - .5) * -20px))}.candy-4{right:30%;top:74%;animation:floatY 5.6s ease-in-out infinite reverse;transform:translate(calc((var(--mx) - .5) * 20px),calc((var(--my) - .5) * -26px))}.candy-5{left:48%;top:8%;animation:floatY 4.9s ease-in-out infinite reverse}.candy-6{right:6%;bottom:26%;animation:floatY 4.4s ease-in-out infinite}.title-wave{bottom:-4px;z-index:1}.title-side{position:relative;z-index:2;align-self:center;margin-left:clamp(20px,12vw,170px);margin-right:auto;transform:translate(calc((var(--mx) - .5) * 10px))}.title-wrap{text-align:left}.title-sub{font-size:12px;letter-spacing:10px;color:var(--coral-deep);margin-bottom:14px}.title-main{font-family:var(--font-serif);font-size:clamp(46px,8vw,78px);font-weight:700;letter-spacing:.14em;color:var(--ink);text-shadow:0 3px 0 #fff,0 10px 26px rgba(232,135,124,.28)}.title-main span,.title-main{animation:none}.title-tagline{margin-top:16px;font-family:var(--font-serif);color:var(--ink-soft);font-size:15px;letter-spacing:3px;position:relative;display:inline-block}.title-tagline:after{content:"";position:absolute;left:0;right:-8px;bottom:-8px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M2 8 C 30 2 60 10 100 5 S 170 2 198 7' fill='none' stroke='%23F9A8C0' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%}.title-menu{margin-top:40px;display:flex;flex-direction:column;gap:12px;width:min(300px,78vw)}.menu-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:#fffdf8eb;border:2px solid var(--line);color:var(--ink);font-size:15px;letter-spacing:4px;text-indent:2px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background .18s ease;box-shadow:0 4px 14px #e8877c1a}.menu-btn:active{transform:translateY(0) scale(.98)}.menu-btn-play{background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;border:none;letter-spacing:6px}.menu-btn-continue{background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#fff;border:none}.menu-btn-gallery{background:linear-gradient(135deg,#FFD9E4,var(--sakura));border-color:#e982a559}.menu-btn-gallery .cute-icon{color:var(--coral-deep)}.menu-btn-settings{background:linear-gradient(135deg,#D8F3E5,var(--mint));border-color:#5fbf9559}.menu-btn-settings .cute-icon{color:var(--mint-deep)}.menu-btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft);font-size:13px;box-shadow:none}.menu-btn-stack{display:flex;flex-direction:column;align-items:center;gap:3px}.menu-btn-note{font-size:11px;letter-spacing:1px;color:#ffffffd9;text-indent:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-mascot{position:absolute;right:clamp(16px,9vw,140px);bottom:12%;z-index:2;animation:mascotBounce 3.4s ease-in-out infinite;transform-origin:bottom center;filter:drop-shadow(0 12px 24px rgba(232,135,124,.22))}@keyframes mascotBounce{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}.mascot-bubble{position:absolute;top:-6px;left:-84px;background:#fff;color:var(--coral-deep);font-size:13px;letter-spacing:1px;padding:8px 14px;border-radius:999px 999px 999px 4px;border:2px solid var(--sakura);box-shadow:0 6px 16px #e8877c2e;animation:floatY 2.6s ease-in-out infinite;white-space:nowrap}@media (max-width: 760px){.title-side{margin:0 auto;text-align:center}.title-wrap{text-align:center}.title-mascot{width:130px;right:4%;bottom:2%;opacity:.9}.mascot-bubble{display:none}.title-menu{margin-inline:auto}}.story-select-screen{background:radial-gradient(circle at 88% 8%,rgba(247,216,121,.3),transparent 34%),radial-gradient(circle at 4% 92%,rgba(249,168,192,.28),transparent 40%),linear-gradient(180deg,#fdf7ef,#fbeddc);justify-content:flex-start;padding:24px 20px 40px;overflow-y:auto}.story-select-screen .flow-wave{top:-6px;bottom:auto;opacity:.55}.select-header{width:min(1060px,100%);display:flex;align-items:center;gap:16px;margin:14px 0 24px}.back-btn{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--ink-soft);padding:8px 16px 8px 12px;border-radius:999px;border:2px solid var(--line);background:#fffdf8e6;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.select-title{font-family:var(--font-serif);font-size:25px;letter-spacing:6px;color:var(--ink);position:relative}.story-cards{width:min(1060px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}.story-card{position:relative;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:22px;padding:28px 22px 20px;overflow:visible;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;animation:popIn .5s ease both;animation-delay:calc(var(--card-i, 0) * .09s);box-shadow:0 8px 22px #4a403812}.story-card:before{content:"";position:absolute;inset:8px;border-radius:16px;border:2px dashed color-mix(in srgb,var(--theme) 42%,transparent);pointer-events:none}.story-card.card-v1{--theme: #E8877C;transform:rotate(-1.2deg);border-radius:30px 22px}.story-card.card-v1:after{content:"";position:absolute;right:16px;top:14px;width:64px;height:64px;background:radial-gradient(circle at 32% 32%,#FFD9CC,var(--peach) 70%);border-radius:50% 50% 50% 12%;opacity:.5}.story-card.card-v2{--theme: #8EC5E8;border-radius:22px 30px}.story-card.card-v2:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(142,197,232,.22) 14px 16px,transparent 16px 30px)}.story-card.card-v3{--theme: #A98BB8;transform:rotate(1.2deg);border-radius:24px}.story-card.card-v3:after{content:"";position:absolute;left:16px;bottom:84px;width:50px;height:38px;background:linear-gradient(135deg,transparent 47%,rgba(169,139,184,.5) 47% 53%,transparent 53%),linear-gradient(#f6effa,#f6effa);border:2px solid rgba(169,139,184,.45);border-radius:8px;transform:rotate(-8deg)}.story-card .card-badge{position:absolute;right:-10px;top:-12px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--theme);color:#fff;border-radius:50% 50% 50% 6px;box-shadow:0 6px 14px color-mix(in srgb,var(--theme) 45%,transparent);transform:rotate(8deg);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.story-card .card-badge .cute-icon{color:#fff}.story-card .card-badge .card-badge-emoji{display:none}.card-subtitle{font-size:11px;letter-spacing:4px;color:var(--theme);font-weight:700;display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--theme) 12%,#fff);padding:4px 10px;border-radius:999px}.card-title{font-family:var(--font-serif);font-size:26px;letter-spacing:3px;margin:10px 0;color:var(--ink)}.card-intro{font-size:13px;line-height:1.9;color:var(--ink-soft);min-height:50px}.card-progress{margin-top:14px;display:flex;align-items:center;gap:4px;border-top:2px dashed var(--line);padding-top:12px;font-size:12px;color:var(--ink-soft);letter-spacing:1px}.card-progress .prog-heart{display:inline-flex}.card-progress .prog-heart.on{color:var(--theme);animation:heartPop .35s cubic-bezier(.34,1.56,.64,1) both}.card-progress .prog-heart.off{color:#e4d8c8}.card-progress .prog-count{margin-left:auto;color:var(--theme);font-weight:700}@keyframes heartPop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.card-bookmarks{margin-top:8px}.bookmark-toggle{font-size:12px;color:var(--ink-soft);padding:6px 0;letter-spacing:1px}.bookmark-list{display:flex;flex-direction:column;gap:4px;margin:4px 0 6px}.bookmark-item{text-align:left;font-size:12.5px;color:var(--ink);background:color-mix(in srgb,var(--theme) 7%,#fff);border:1.5px solid var(--line);border-radius:10px;padding:7px 10px;transition:all .15s ease}.gallery-screen{background:radial-gradient(circle at 10% 6%,rgba(142,197,232,.25),transparent 34%),radial-gradient(circle at 92% 90%,rgba(247,216,121,.28),transparent 38%),linear-gradient(180deg,#fdf7ef,#f6ebdd);justify-content:flex-start;padding:24px 20px 48px;overflow-y:auto}.gallery-screen .flow-wave{top:-6px;bottom:auto;opacity:.5}.gallery-grid{width:min(1060px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:14px 0 34px}.gallery-story{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:18px 16px 12px;overflow:hidden;animation:popIn .5s ease both;animation-delay:calc(var(--card-i, 0) * .08s)}.gallery-story:before{content:"";position:absolute;inset:0 0 auto;height:44px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme) 16%,#fff),transparent)}.gallery-story-title{position:relative;font-family:var(--font-serif);font-size:18px;letter-spacing:2px;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:7px}.gallery-story-title .story-glyph{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px 10px 10px 3px;background:var(--theme);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--theme) 40%,transparent)}.gallery-story-count{font-size:12px;color:var(--theme);letter-spacing:1px;margin-left:auto}.gallery-card{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px 12px 18px;margin-bottom:8px;background:#fff;transition:transform .16s ease,box-shadow .16s ease}.gallery-card:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:4px;border-radius:4px;background:var(--etype, var(--accent))}.gallery-card-name{font-family:var(--font-serif);font-size:15px;letter-spacing:2px;color:var(--ink);display:flex;align-items:center;gap:6px}.gallery-card-name .cute-icon{color:var(--etype, var(--accent))}.gallery-card-summary{font-size:12px;color:var(--ink-soft);line-height:1.7;margin-top:5px}.gallery-card-date{font-size:11px;color:var(--etype, var(--accent));margin-top:6px;letter-spacing:1px}.gallery-card-cond{margin-top:6px;font-size:10.5px;color:color-mix(in srgb,var(--etype, var(--accent)) 70%,#B8AFA2);letter-spacing:.5px;opacity:.8;border-top:1px dashed var(--line);padding-top:5px}.gallery-card-locked{background:#f5efe6;border-style:dashed}.gallery-card-locked:before{background:#d8ccbb}.gallery-card-locked .gallery-card-name{color:#b8afa2}.gallery-card-locked .gallery-card-summary{color:#bdb4a6}.gallery-card-true{border-color:color-mix(in srgb,var(--etype) 55%,#fff);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--etype) 30%,transparent)}.achievement-section{width:min(1060px,100%)}.achievement-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.achievement-card{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:14px 16px 14px 54px;transition:transform .16s ease}.achievement-card:before{content:"";position:absolute;left:14px;top:50%;width:30px;height:30px;transform:translateY(-50%);border-radius:10px 10px 10px 3px;background:var(--acolor, var(--lemon));opacity:.25}.achievement-name{font-size:14px;letter-spacing:2px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px}.achievement-name .cute-icon{color:var(--acolor, #E0B34D)}.achievement-desc{font-size:12px;color:var(--ink-soft);margin-top:5px;line-height:1.6}.achievement-locked{opacity:.55}.achievement-locked .achievement-name{color:#a79e90}.modal-overlay{position:fixed;inset:0;background:#4a40386b;display:flex;align-items:center;justify-content:center;z-index:90;animation:veilPulse .2s ease both;backdrop-filter:blur(3px)}.modal{width:min(480px,88vw);max-height:78vh;overflow-y:auto;background:var(--paper);border-radius:22px;padding:24px;border:2px solid #FFE8D6;box-shadow:0 22px 60px #4a403852;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.modal h3{font-family:var(--font-serif);font-size:19px;letter-spacing:4px;margin-bottom:16px;color:var(--ink);display:flex;align-items:center;gap:8px}.modal h3:before{content:"";width:10px;height:10px;border-radius:50% 50% 50% 2px;background:var(--sakura);box-shadow:16px 0 0 -2px var(--mint),32px 0 0 -2px var(--sky);margin-right:34px}.modal-close{display:block;width:100%;margin-top:16px;padding:10px;border-radius:12px;border:2px solid var(--line);color:var(--ink-soft);font-size:14px;letter-spacing:3px;transition:all .15s ease}.save-row{display:block;width:100%;text-align:left;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:13px;color:var(--ink);background:#fff;margin-bottom:8px;transition:all .15s ease}.save-row:disabled{opacity:.5;cursor:default}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--ink)}.settings-row input[type=range]{width:55%;accent-color:var(--coral-deep)}.seg-group{display:flex;gap:6px}.seg-btn{padding:6px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:12.5px;color:var(--ink-soft);transition:all .15s ease}.seg-btn.active{background:var(--coral);border-color:var(--coral);color:#fff;transform:scale(1.05)}.toggle-btn{width:52px;padding:6px 0;border-radius:999px;border:1.5px solid var(--line);font-size:12.5px;color:var(--ink-soft);background:var(--bg-cream);transition:all .18s ease}.toggle-btn.on{background:var(--mint);border-color:var(--mint);color:#fff}.about-body p{font-size:13.5px;line-height:2;color:var(--ink);margin-bottom:10px}.about-fine{font-size:11.5px!important;color:var(--ink-soft)!important}.sync-row{gap:10px;justify-content:stretch}.sync-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 0;border-radius:12px;font-size:13.5px;letter-spacing:2px;color:#fff;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.sync-export{background:linear-gradient(135deg,var(--mint),var(--mint-deep));box-shadow:0 5px 14px #5fbf9559}.sync-import{background:linear-gradient(135deg,var(--sky),var(--sky-deep));box-shadow:0 5px 14px #6faedd59}.sync-hint{font-size:11.5px;color:var(--ink-soft);line-height:1.7;margin-top:8px}.history-list{max-height:52vh;overflow-y:auto}.history-item{padding:9px 2px;border-bottom:1.5px dashed var(--line);font-size:13.5px;line-height:1.8}.history-who{display:inline-block;font-size:12px;color:var(--coral-deep);font-weight:700;margin-right:8px}.history-narration .history-text{color:var(--ink-soft)}.history-empty{color:var(--ink-soft);font-size:13px;padding:10px 0}#toast-root{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{position:relative;background:#4a4038f0;color:#fbf6ee;border-radius:16px;padding:12px 18px 12px 48px;min-width:220px;box-shadow:0 12px 30px #4a403859;animation:popIn .35s cubic-bezier(.34,1.56,.64,1) both;transition:opacity .4s ease,transform .4s ease;overflow:hidden}.toast:before{content:"";position:absolute;left:14px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:8px 8px 8px 2px;background:linear-gradient(135deg,var(--lemon),var(--coral))}.toast.out{opacity:0;transform:translate(16px)}.toast-title{font-size:14px;letter-spacing:1px}.toast-desc{font-size:12px;opacity:.75;margin-top:4px}.ending-screen{background:#17140f;color:#f5efe6;text-align:center;overflow:hidden}.ending--normal{background:radial-gradient(circle at 50% 30%,#2b251e,#17140f 70%)}.ending--good{background:radial-gradient(circle at 50% 30%,#3a2731,#1a1210 70%)}.ending--true{background:radial-gradient(circle at 50% 30%,#3d2e1c,#161009 70%)}.ending--bad{background:#12100c}.ending--good .flow-stream,.ending--true .flow-stream{opacity:.9}.ending-inner{position:relative;z-index:2;max-width:620px;padding:0 24px}.ending-type{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:8px;color:#f5efe68c;margin-bottom:26px;padding:6px 18px 6px 20px;border:1.5px solid rgba(245,239,230,.22);border-radius:999px}.ending-type .cute-icon{color:var(--sakura)}.ending-name{font-family:var(--font-serif);font-size:clamp(30px,6vw,44px);letter-spacing:8px;font-weight:600;min-height:1.4em}.ending-epilogue{margin-top:30px;font-family:var(--font-serif);font-size:15.5px;line-height:2.3;color:#f5efe6d9;transition:opacity 1.1s ease;white-space:pre-wrap}.ending-meta{margin-top:18px;font-size:12px;color:#f5efe673;letter-spacing:1px;transition:opacity 1s ease}.ending-hint{margin-top:22px;font-size:13px;color:var(--peach);opacity:.9;transition:opacity 1s ease;letter-spacing:1px}.ending-collect{margin-top:26px;font-size:12px;color:#f5efe666;letter-spacing:2px;transition:opacity 1s ease}.ending-actions{margin-top:34px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;transition:opacity 1s ease}.ending-actions .menu-btn{background:#f5efe614;border-color:#f5efe633;color:#f5efe6}.ending-actions .menu-btn-primary{background:var(--coral);border:none}@media (max-width: 860px){.story-cards,.gallery-grid,.achievement-grid{grid-template-columns:1fr;width:min(480px,100%)}.title-main{letter-spacing:.12em}.title-menu{margin-top:34px}.story-card{transform:none!important}}@media (max-width: 480px){.select-title{font-size:19px;letter-spacing:4px}.card-intro{min-height:0}}@media (prefers-reduced-motion: reduce){.candy,.title-mascot,.mascot-bubble,.flow-wave,.flow-stream,.doodle-dash,.cursor-spark{animation:none!important}}.help-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;padding:4px 2px 8px}.help-row{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink)}.help-row kbd{flex-shrink:0;min-width:132px;padding:5px 9px;border-radius:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);font-family:var(--font-sans);font-size:12px;letter-spacing:.5px;color:var(--ink-soft);text-align:center}.help-note{margin-top:10px;font-size:12.5px;line-height:1.8;color:var(--ink-soft)}.save-warn{margin:10px 0 0;font-size:12.5px;line-height:1.7;color:var(--coral-deep)}.gallery-map{margin:16px 0 8px;padding:12px 10px 6px;border:1px dashed var(--line);border-radius:16px;background:#fffdf8c7;overflow-x:auto}.map-loading{padding:20px;text-align:center;color:var(--ink-soft);font-size:13px;letter-spacing:1px}.story-map{display:block;min-width:760px}.map-edge{fill:none;stroke:#e7dac8;stroke-width:2;transition:stroke .3s ease}.map-edge-lit{stroke:var(--accent);stroke-width:2.6}.map-edge-gated{stroke-dasharray:5 4}.map-node rect{fill:#f4eadb;stroke:#e1d0ba;stroke-width:1.5}.map-node text{font-size:12px;fill:var(--ink-soft);font-family:var(--font-sans)}.map-node-choice rect{fill:#fdede6;stroke:#f0cdbd}.map-pseudo rect{stroke-dasharray:4 3;fill:#fdf7ff;stroke:#c9a9d6}.map-pseudo text{font-style:italic}.map-node-interaction rect{fill:#e9f7f0;stroke:#b9e2ce}.map-node-ending rect{fill:#fff6de;stroke:#f0dca6}.map-lit rect{fill:#fff;stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 3px 8px rgba(224,106,94,.25))}.map-lit text{fill:var(--ink);font-weight:600}.map-dim{opacity:.6}.map-clickable{cursor:pointer}.map-clickable:focus-visible rect{stroke:var(--sky-deep);stroke-width:3}.map-legend{display:flex;flex-wrap:wrap;gap:16px;padding:8px 10px 4px;font-size:12px;color:var(--ink-soft)}.map-legend-item:before{content:"●";margin-right:6px}.map-legend-item.lg-lit:before{color:var(--accent)}.map-legend-item.lg-gated:before{color:#e7dac8}.map-legend-item.lg-dim:before{color:#c9bba8}@media (hover: hover){.menu-btn:hover{transform:translateY(-3px) rotate(-1deg) scale(1.02);box-shadow:0 10px 24px #e8877c42}.menu-btn-play:hover{background:linear-gradient(135deg,#f29a8e,#e8796c)}.menu-btn-continue:hover{background:linear-gradient(135deg,#9ee2c1,#6fcba2)}.menu-btn-ghost:hover{background:#fffdf8cc;box-shadow:none}.back-btn:hover{color:var(--coral-deep);border-color:var(--sakura);transform:translate(-3px)}.story-card:hover{transform:translateY(-8px) rotate(0) scale(1.015);box-shadow:0 20px 40px #4a403824}.story-card:hover .card-badge{transform:rotate(-6deg) scale(1.12)}.bookmark-toggle:hover{color:var(--theme)}.bookmark-item:hover{background:#fff;border-color:var(--theme);transform:translate(3px)}.gallery-card:hover{transform:translate(4px);box-shadow:0 6px 16px #4a40381a}.achievement-card:hover{transform:translateY(-3px) rotate(-.5deg)}.modal-close:hover{background:var(--bg-cream);color:var(--ink);border-color:var(--sakura)}.save-row:hover:not(:disabled){border-color:var(--coral);background:#fff6ef;transform:translate(3px)}.sync-btn:hover{transform:translateY(-2px)}.ending-actions .menu-btn:hover{background:#f5efe629;box-shadow:none}.ending-actions .menu-btn-primary:hover{background:var(--coral-deep)}.map-clickable:hover rect{stroke-width:3}}@media (max-width: 760px),(pointer: coarse){.seg-btn,.toggle-btn,.bookmark-toggle,.bookmark-item,.sync-btn,.modal-close,.back-btn,.save-row{min-height:44px}.seg-btn,.toggle-btn,.bookmark-toggle,.sync-btn,.back-btn{display:inline-flex;align-items:center;justify-content:center}.toggle-btn{width:68px}.bookmark-toggle{padding:0 4px}.save-row,.bookmark-item{display:flex;align-items:center}}.game-screen{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#1a1720;user-select:none;overflow:hidden}.game-screen.effect-shake{animation:screenShake .45s ease}.game-screen.effect-flash:after{content:"";position:absolute;inset:0;background:#fff;animation:flashFade .5s ease forwards;pointer-events:none;z-index:60}@keyframes screenShake{0%,to{transform:none}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-5px,-2px)}80%{transform:translate(4px,3px)}}@keyframes flashFade{0%{opacity:.8}to{opacity:0}}.scene-area{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.bg-layer{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.bg-layer.bg-visible{opacity:1}.bg-layer-el{pointer-events:none}.flashback-filter{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1s ease;background:repeating-conic-gradient(rgba(120,84,48,.06) 0% 25%,transparent 0% 50%) 0 0 / 3px 3px,linear-gradient(180deg,#8c603452,#5a3c2261);mix-blend-mode:multiply}.flashback-filter.active{opacity:1}.particles-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.particle{position:absolute;display:block}.particles-petals .particle{top:-6%;animation-name:fallDrift;animation-iteration-count:infinite;animation-timing-function:linear;opacity:.8}.particles-rain .particle{top:-8%;width:1.5px;height:13%;background:linear-gradient(180deg,transparent,rgba(210,226,248,.75));animation-name:fallStraight;animation-iteration-count:infinite;animation-timing-function:linear;opacity:.7}.particles-fireflies .particle{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#ffe9a8,#ffe9a800);animation-name:floatGlow;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.particles-dust .particle{width:3px;height:3px;border-radius:50%;background:#fff0cdcc;animation-name:floatGlow;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:.55}.particles-leaves .particle{top:-6%;animation-name:fallDrift;animation-iteration-count:infinite;animation-timing-function:linear;opacity:.75;font-size:13px}@keyframes fallStraight{0%{transform:translateY(0)}to{transform:translateY(115vh)}}@keyframes fallDrift{0%{transform:translate(0) rotate(0)}25%{transform:translate(2.4vw,26vh) rotate(90deg)}50%{transform:translate(-1.6vw,52vh) rotate(200deg)}75%{transform:translate(2vw,80vh) rotate(290deg)}to{transform:translate(-1vw,112vh) rotate(380deg)}}@keyframes floatGlow{0%,to{transform:translate(0);opacity:.25}50%{transform:translate(1.4vw,-3vh);opacity:.95}}.figures-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.figure{position:absolute;bottom:0;width:11.5%;max-width:150px;aspect-ratio:1 / 2.1;filter:brightness(.62) saturate(.75);transition:filter .5s ease,transform .5s ease;transform:translateY(4%)}.figure.speaking{filter:brightness(1) saturate(1);transform:translateY(0)}.figure--left{left:17%}.figure--right{right:17%}.fig-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:44%;aspect-ratio:1 / 1.08;background:linear-gradient(180deg,#efd3b8,#e2bd9c);border-radius:48% 48% 44% 44%;z-index:3}.fig-fringe{position:absolute;top:-3%;left:50%;transform:translate(-50%);width:48%;aspect-ratio:1 / .62;background:var(--hair);border-radius:52% 52% 30% 30%;z-index:4}.fig-fringe-short{height:58%;border-radius:52% 52% 42% 42%;top:-4%}.fig-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:66%;height:66%;background:linear-gradient(180deg,var(--cloth),color-mix(in srgb,var(--cloth) 72%,#4a3a30));border-radius:44% 44% 12% 12%/20% 20% 4% 4%;z-index:2}.fig-hair-back{position:absolute;top:2%;left:50%;transform:translate(-50%);width:58%;height:74%;background:var(--hair);border-radius:46% 46% 26% 26%;z-index:1}.fig-tail{position:absolute;top:16%;width:17%;height:42%;background:var(--hair);border-radius:46% 46% 40% 40%;z-index:1;animation:tailSway 4.5s ease-in-out infinite alternate}.fig-tail-l{left:-4%}.fig-tail-r{right:-4%;animation-delay:-2.2s}@keyframes tailSway{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}.fig-ribbon{position:absolute;top:13%;left:16%;width:12%;height:7%;background:var(--accent, #E8877C);border-radius:50%;z-index:5}.chapter-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#17130e;color:#f5efe6;font-family:var(--font-serif);font-size:clamp(19px,3.4vw,28px);letter-spacing:8px;z-index:40;opacity:0;pointer-events:none;transition:opacity .55s ease;overflow:hidden}.chapter-card:before,.chapter-card:after{content:"";position:absolute;left:-10%;width:120%;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 46'%3E%3Cpath d='M0 24 Q 60 4 120 24 T 240 24 T 360 24 T 480 24' fill='none' stroke='%23F9A8C0' stroke-opacity='.4' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:480px 100%;animation:waveFlow 7s linear infinite}.chapter-card:before{top:18%}.chapter-card:after{bottom:18%;animation-duration:10s;animation-direction:reverse}.chapter-card.visible{opacity:1}.transition-veil{position:absolute;inset:0;background:#0e0c09;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:45}.transition-veil.active{opacity:1;pointer-events:all}.dialogue-area{position:relative;z-index:20;padding:0 16px calc(14px + env(safe-area-inset-bottom))}.dialogue-box{position:relative;width:min(880px,100%);margin:0 auto;min-height:118px;background:#fffdf8f0;border:2px solid rgba(255,214,190,.85);border-radius:20px;padding:22px 24px 26px;box-shadow:0 -8px 40px #14100c2e,0 4px #ffecdccc inset;backdrop-filter:blur(6px);cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dialogue-box:after{content:"";position:absolute;left:38px;bottom:-12px;width:24px;height:14px;background:#fffdf8f0;border-radius:0 0 14px 4px;clip-path:polygon(0 0,100% 0,22% 100%)}.speaker-name{position:absolute;top:-16px;left:22px;background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;font-size:13px;letter-spacing:3px;padding:5px 18px 5px 16px;border-radius:999px 999px 999px 4px;box-shadow:0 4px 14px #d96a5e66;transition:background .3s ease}.speaker-name:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffffffd9;margin-right:7px;vertical-align:1px}.speaker-name[data-speaker=林小满]{background:linear-gradient(135deg,#f9a8c0,#ee7fa3)}.speaker-name[data-speaker=程遥]{background:linear-gradient(135deg,#8ec5e8,#6faedd);box-shadow:0 4px 14px #6faedd66}.speaker-name[data-speaker=苏叶]{background:linear-gradient(135deg,#c3a5d0,#a98bb8);box-shadow:0 4px 14px #a98bb866}.dialogue-text{font-size:15.5px;line-height:2;color:var(--ink);min-height:3.6em;white-space:pre-wrap}.dialogue-text.read-dim{color:#a79e90}.fx-bold{font-weight:700}.fx-italic{font-style:italic;letter-spacing:.5px}.fx-dim{color:#9a9084}.fx-shake{display:inline-block;animation:textShake .16s ease-in-out infinite}@keyframes textShake{0%,to{transform:translate(0)}25%{transform:translate(-.6px,.5px)}75%{transform:translate(.6px,-.5px)}}.dialogue-text.read-dim .fx-dim{color:inherit}.advance-hint{position:absolute;right:18px;bottom:10px;color:var(--accent-deep);font-size:11px;animation:hintBounce 1.1s ease-in-out infinite}@keyframes hintBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(3px);opacity:1}}.choice-panel{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;background:#18141061;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.choice-panel.visible{opacity:1;pointer-events:all}.choice-prompt{font-family:var(--font-serif);color:#fbf6ee;font-size:15px;letter-spacing:2px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5);max-width:640px;line-height:1.9}.choice-list{display:flex;flex-direction:column;gap:12px;width:min(560px,100%)}.choice-btn{position:relative;text-align:left;font-size:15px;line-height:1.8;padding:15px 22px 15px 46px;border-radius:16px;background:#fffdf8f2;color:var(--ink);border:2px solid rgba(240,227,211,.9);box-shadow:0 6px 20px #0f0c0940;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease,background .16s ease,opacity .3s ease;animation:popIn .4s ease both;animation-delay:var(--enter-delay, 0s)}.choice-btn:before{content:"";position:absolute;left:18px;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50% 50% 50% 3px;background:var(--dot, var(--sakura));transition:transform .16s ease}.choice-btn:nth-child(1){--dot: #F9A8C0}.choice-btn:nth-child(2){--dot: #8FD8B4}.choice-btn:nth-child(3){--dot: #8EC5E8}.choice-btn:nth-child(4){--dot: #F7D879}.choice-btn-hidden{background:linear-gradient(135deg,#fff3e0,#ffe4d0);border-color:#e8877cb3}.choice-btn-hidden:after{content:"";position:absolute;right:14px;top:12px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l1.8 5.4L19.2 10.2l-5.4 1.8L12 17.4l-1.8-5.4L4.8 10.2l5.4-1.8z' fill='%23F0A860'/%3E%3C/svg%3E") no-repeat center/contain;animation:sparkleTwinkle 1.6s ease-in-out infinite}@keyframes sparkleTwinkle{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.25) rotate(20deg);opacity:1}}.choice-btn.choosing{transform:scale(.985);background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;border-color:transparent}.choice-btn.choosing:before{background:#fff}.choice-btn-locked{opacity:.42;filter:grayscale(.85);cursor:not-allowed;background:#eee9e2e6;border-style:dashed;border-color:#beb2a4e6;box-shadow:0 3px 10px #0f0c0924;animation:none}.choice-btn-locked:before{background:transparent;border:2px solid rgba(150,140,128,.8);box-sizing:border-box}.choice-btn-locked .choice-locked-hint{display:block;margin-top:3px;font-size:12px;letter-spacing:1px;color:#9a9084}.choice-list.locked .choice-btn:not(.choosing){opacity:.35;pointer-events:none}.quick-bar{position:absolute;right:14px;top:14px;z-index:35;display:flex;gap:8px}.quick-btn{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;letter-spacing:2px;color:#fff;background:#1814106b;border:1.5px solid rgba(255,253,248,.2);padding:8px 13px;border-radius:999px;backdrop-filter:blur(4px);transition:all .16s cubic-bezier(.34,1.56,.64,1);min-height:34px}.qb-save{background:#f28fa58c;border-color:#f9a8c080}.qb-load{background:#6faedd80;border-color:#8ec5e880}.qb-history{background:#f0b06080;border-color:#f7d87980}.qb-settings{background:#7dbf9580;border-color:#8fd8b480}.qb-home{background:#e06a5e80;border-color:#e8877c8c}.qb-rollback{background:#a896d08c;border-color:#c3a5d080}.qb-rollback.disabled{opacity:.38;pointer-events:none}.debug-panel{position:absolute;left:12px;top:12px;z-index:80;background:#000000bf;color:#9fe89f;font-family:monospace;font-size:11.5px;padding:8px 12px;border-radius:8px;max-width:46vw;pointer-events:none}.ff-chip{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:50;display:inline-flex;align-items:center;gap:4px;background:#e8877ceb;color:#fff;font-size:12.5px;letter-spacing:2px;padding:7px 16px;border-radius:999px;box-shadow:0 6px 18px #e06a5e66;opacity:0;transition:opacity .25s ease;pointer-events:none}.ff-chip.visible{opacity:1}.figure.mood-down .fig-head,.figure.mood-down .fig-fringe{transform:translate(-50%) translateY(9%)}.figure.mood-down .fig-body{transform:translate(-50%) translateY(2%)}.figure.mood-down{filter:brightness(.85) saturate(.8)}.figure.mood-down.speaking{filter:brightness(.96) saturate(.9)}.figure.mood-away{transform:translate(-14%) translateY(3%) rotate(-4deg)}.figure.mood-away .fig-head{transform:translate(-62%) translateY(2%)}.figure.mood-away.speaking{filter:brightness(.92) saturate(.95)}.figure.mood-near{transform:scale(1.07) translateY(-2%);z-index:7}.figure.mood-near.speaking{filter:brightness(1.05) saturate(1.08)}.figure.mood-down,.figure.mood-away,.figure.mood-near{transition:filter .5s ease,transform .7s cubic-bezier(.22,.9,.3,1)}@media (max-width: 640px){.dialogue-box{min-height:104px;padding:16px 18px 24px;border-radius:13px}.dialogue-text{font-size:14px;min-height:3.2em}.choice-btn{font-size:14px;min-height:44px;padding:12px 18px}.figure{width:17%}.quick-bar{top:10px;right:10px;gap:6px}.quick-btn{width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center}.qb-label{display:none}.chapter-card{letter-spacing:5px}}.ix-layer{position:absolute;inset:0;z-index:40;display:none}.ix-layer.visible{display:block}.ix-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(125% 85% at 50% 40%,#fffdf80f,#3a302a6b);animation:ix-fade .45s ease both}@keyframes ix-fade{0%{opacity:0}to{opacity:1}}.ix-prompt{position:absolute;left:50%;top:8%;transform:translate(-50%);z-index:3;max-width:min(80vw,640px);text-align:center;font-family:var(--font-serif);font-size:clamp(15px,2.2vw,20px);line-height:1.9;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 12px rgba(40,30,26,.6)}.ix-stage{position:absolute;inset:0;z-index:2}.ix-progress{position:absolute;left:50%;bottom:30%;transform:translate(-50%);z-index:3;display:none;padding:6px 16px;border-radius:999px;background:#fffdf8e6;color:var(--ink);font-size:13px;letter-spacing:2px;box-shadow:0 6px 18px #4a403838}.ix-progress.visible{display:block}.ix-item{position:absolute;z-index:3;min-width:62px;padding:13px 17px;border-radius:14px 14px 14px 4px;background:linear-gradient(150deg,#fffdf8,#f6e7d6);color:var(--ink);font-family:var(--font-serif);font-size:15px;letter-spacing:1px;box-shadow:0 10px 22px #3a2e2857,inset 0 0 0 1px #ffffffb3;animation:ix-bob 3.4s ease-in-out infinite;animation-delay:var(--ix-delay, 0s);transition:box-shadow .2s ease,filter .2s ease;touch-action:none;cursor:grab}.ix-item:focus-visible{outline:3px solid var(--sky-deep);outline-offset:4px}@keyframes ix-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-11px) rotate(2deg)}}.ix-item.ix-dragging{animation:none;cursor:grabbing;z-index:6}.ix-item.ix-near-drop{box-shadow:0 14px 30px #3a2e2866,0 0 0 4px #8fd8b4cc}.ix-item.ix-got{animation:ix-collect .5s cubic-bezier(.3,.9,.35,1) forwards;pointer-events:none}@keyframes ix-collect{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1.16) rotate(-6deg)}to{transform:translateY(-64px) scale(.25) rotate(16deg);opacity:0}}.ix-drop{position:absolute;left:50%;bottom:34%;transform:translate(-50%);z-index:2;min-width:210px;padding:26px 30px;border-radius:18px;border:3px dashed rgba(255,253,248,.8);color:#fff;text-align:center;font-family:var(--font-serif);font-size:16px;letter-spacing:2px;text-shadow:0 2px 10px rgba(40,30,26,.55);animation:ix-pulse 2.4s ease-in-out infinite}.ix-drop.ix-drop-hit{border-color:var(--mint);animation:none;box-shadow:0 0 34px #8fd8b4a6}@keyframes ix-pulse{0%,to{box-shadow:0 0 #fffdf800}50%{box-shadow:0 0 26px #fffdf873}}.ix-card{position:absolute;left:50%;top:46%;width:min(46vw,260px);aspect-ratio:3 / 4;margin-left:calc(min(46vw,260px)/-2);z-index:4;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(165deg,#fffdf8,#f3e4d2 60%,#e9d6c2);box-shadow:0 18px 40px #2e242073,0 6px #fffdf859;color:var(--ink-soft);font-family:var(--font-serif);font-size:17px;letter-spacing:2px;touch-action:none;cursor:grab;animation:ix-tilt 4s ease-in-out infinite}.ix-card.ix-held{animation:none;cursor:grabbing}.ix-card:focus-visible{outline:3px solid var(--sky-deep);outline-offset:6px}.ix-card:after{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:30px;color:#fff;text-shadow:0 2px 12px rgba(40,30,26,.6);animation:ix-arrow 1.5s ease-in-out infinite}.ix-card-left:after{content:"⟵"}.ix-card-right:after{content:"⟶"}.ix-card-up:after{content:"⟰"}.ix-card-down:after{content:"⟱"}.ix-card-left{--ix-fling-t: translate(-155%, -14%) rotate(-22deg)}.ix-card-right{--ix-fling-t: translate(155%, -14%) rotate(22deg)}.ix-card-up{--ix-fling-t: translate(0, -175%) rotate(-10deg)}.ix-card-down{--ix-fling-t: translate(0, 175%) rotate(10deg)}@keyframes ix-arrow{0%,to{opacity:.45}50%{opacity:1}}@keyframes ix-tilt{0%,to{rotate:-2deg}50%{rotate:2deg}}.ix-card.ix-flung{animation:ix-fling .42s ease-in forwards;pointer-events:none}@keyframes ix-fling{to{transform:var(--ix-fling-t, translate(-155%, -14%) rotate(-22deg));opacity:0}}.ix-hold{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:4;width:min(40vw,200px);aspect-ratio:1;border-radius:50%;border:4px solid rgba(255,253,248,.85);background:radial-gradient(circle at 50% 34%,#f9a8c080,#e8877c52);color:#fff;overflow:hidden;touch-action:none;cursor:pointer;box-shadow:0 16px 40px #2e24206b;animation:ix-breathe 2.6s ease-in-out infinite}.ix-hold:focus-visible{outline:3px solid var(--sky-deep);outline-offset:6px}@keyframes ix-breathe{0%,to{scale:1}50%{scale:1.035}}.ix-hold-fill{position:absolute;left:0;bottom:0;width:0;height:100%;background:linear-gradient(180deg,#fffdf8eb,#f7d879e6);transition:width .05s linear}.ix-hold-label{position:relative;z-index:2;font-family:var(--font-serif);font-size:16px;letter-spacing:2px;text-shadow:0 2px 10px rgba(40,30,26,.5)}.ix-hold.ix-hold-miss{animation:ix-shake .26s ease}@keyframes ix-shake{0%,to{translate:0 0}25%{translate:-9px 0}75%{translate:9px 0}}.ix-hold.ix-got{animation:ix-pop .5s cubic-bezier(.3,.9,.35,1) forwards}@keyframes ix-pop{45%{scale:1.22;opacity:1}to{scale:.3;opacity:0}}.ix-timer{position:absolute;left:12%;right:12%;top:22%;height:5px;border-radius:999px;background:#fffdf847;display:none}.ix-timer.visible{display:block}.ix-timer-bar{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--lemon),var(--coral))}.ix-giveup{position:absolute;right:18px;bottom:30%;z-index:5;padding:8px 14px;border-radius:999px;background:#fffdf82e;color:#fffdf8d1;font-size:12.5px;letter-spacing:1px;transition:background .2s ease,color .2s ease}.choice-btn:focus-visible,.quick-btn:focus-visible,.menu-btn:focus-visible,.seg-btn:focus-visible,.toggle-btn:focus-visible,.modal-close:focus-visible,.save-row:focus-visible,.sync-btn:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}@media (max-width: 640px){.ix-prompt{top:6%;padding:0 18px;line-height:1.75}.ix-item{min-width:54px;min-height:44px;padding:11px 14px;font-size:14px}.ix-drop{min-width:160px;padding:20px 22px;bottom:36%}.ix-card{width:58vw;margin-left:-29vw}.ix-giveup{right:10px;min-height:44px;padding:12px 18px;font-size:13px}}@media (prefers-reduced-motion: reduce){.ix-item,.ix-card,.ix-hold,.ix-drop,.ix-card:after{animation:none!important}.ix-item.ix-got,.ix-card.ix-flung{animation:ix-fade .2s ease forwards!important}}@media (hover: hover){.dialogue-box:hover{transform:translateY(-2px)}.choice-btn:hover{transform:translateY(-2px) scale(1.015);background:#fff;box-shadow:0 10px 26px #0f0c0952}.choice-btn:hover:before{transform:translateY(-50%) scale(1.3) rotate(12deg)}.choice-btn-locked:hover{transform:none;background:#eee9e2e6;box-shadow:0 3px 10px #0f0c0924}.choice-btn-locked:hover:before{transform:translateY(-50%)}.quick-btn:hover{transform:translateY(-2px) scale(1.06)}.qb-save:hover{background:#f28fa5d9}.qb-load:hover{background:#6faeddd9}.qb-history:hover{background:#f0b060d9}.qb-settings:hover{background:#7dbf95d9}.qb-home:hover{background:#e06a5ed9}.qb-rollback:hover{background:#a896d0e6}.ix-item:hover{filter:brightness(1.05);box-shadow:0 14px 28px #3a2e2866,0 0 0 3px #f9a8c08c}.ix-giveup:hover{background:#fffdf857;color:#fff}}@media (orientation: landscape) and (max-height: 540px){.dialogue-area{padding:0 calc(16px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.dialogue-box{min-height:78px;padding:10px 16px 16px}.dialogue-text{font-size:13.5px;min-height:2.4em}.choice-list{max-height:42vh;overflow-y:auto;gap:8px;padding-right:2px}.choice-btn{min-height:44px;padding:8px 16px;font-size:13.5px}.quick-bar{top:8px;right:calc(8px + env(safe-area-inset-right));gap:5px}.figure{width:13%}.figure--left{left:8%}.figure--right{right:8%}.chapter-card{letter-spacing:4px;font-size:22px}.ix-prompt{top:5%;font-size:13.5px;line-height:1.6}.ix-stage{bottom:22%}.ix-item{min-height:44px;padding:9px 13px;font-size:13px}.ix-drop{bottom:26%;padding:16px 22px}.ix-progress{bottom:24%}.ix-card{width:auto;height:30vh;aspect-ratio:3 / 4;margin-left:-11.25vh;top:42%}.ix-hold{width:30vh;height:30vh;top:44%}.ix-giveup{bottom:24%;min-height:44px}}