*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #101418;--panel: #1c2530;--text: #e8e2d0;--accent: #e0a83c;--hp: #4caf7d;--dmg: #ef6a58;--silver: #c9ccd6;--bronze: #b0803f}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:16px;display:flex;justify-content:center}#app{width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.title-screen{justify-content:center;text-align:center;gap:16px}.title-screen h1{font-size:40px;letter-spacing:8px}.sub{color:var(--accent)}.desc{line-height:1.8;opacity:.8}.btn{min-height:52px;border:2px solid var(--accent);border-radius:10px;background:var(--panel);color:var(--text);font-size:17px;padding:8px 16px;cursor:pointer;touch-action:manipulation}.btn.primary{background:var(--accent);color:#1a1408;font-weight:700}.btn:disabled{opacity:.35}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-row.wrap{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.panel{background:var(--panel);border-radius:12px;padding:12px}.hpbar{height:8px;background:#333;border-radius:4px;overflow:hidden}.hpbar>div{height:100%;background:var(--hp);transition:width .3s}.log{min-height:72px;font-size:15px;line-height:1.6}.msgbox{margin:10px 0;min-height:92px;max-height:148px;overflow-y:auto;font-size:15px;line-height:1.85;border:1px solid rgba(232,217,160,.55)}.msgbox .msgline{animation:msgline-in .18s ease-out}@keyframes msgline-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.log-machine{position:absolute;left:-9999px;top:0;width:300px;margin:0}.round-badge{font-size:12px;opacity:.65;text-align:center;margin-top:6px}.hint-slot{min-height:0;margin:4px 10px 0;font-size:15px;line-height:1.5;color:var(--accent)}.hint-slot:empty{display:none}.hint-slot.shown{animation:hint-in .35s ease-out}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.battle-advance{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer;touch-action:none}.battle-advance[hidden]{display:none}.battle-advance-cue{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-size:18px;opacity:.6;animation:battlecue 1.2s ease-in-out infinite}@keyframes battlecue{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(-50%,4px);opacity:.9}}.skill-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6}.skill-panel{position:fixed;left:0;right:0;bottom:0;height:65vh;z-index:7;background:var(--panel);border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -6px 24px #00000073}.skill-panel[hidden],.skill-backdrop[hidden]{display:none}.skill-panel-head{padding:12px 16px 8px;font-size:15px;display:flex;align-items:baseline;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.skill-panel-head .skill-mp{margin-left:auto;font-size:13px;opacity:.75}.skill-panel-body{overflow-y:auto;flex:1;padding:0 12px 12px}.skill-section{position:sticky;top:0;background:var(--panel);font-size:12px;opacity:.7;padding:10px 2px 4px;z-index:1}.btn.skill-row{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;margin:4px 0;padding:10px 14px}.btn.skill-row .skill-mp{font-size:12px;opacity:.75;margin-left:12px;flex-shrink:0}.skill-back{margin:8px 12px calc(10px + env(safe-area-inset-bottom))}.spark-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#ffeb96f2,#e0a83ce6);color:#1a1408;z-index:10;overflow:hidden;animation:sparkin .25s ease-out,screenshake .4s ease-in-out}.spark-overlay:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;border:6px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);animation:burstring .7s ease-out;pointer-events:none}.spark-overlay .pikin{font-size:56px;font-weight:700}.spark-overlay .actor-line{font-size:16px;margin-top:4px;opacity:.9}.spark-overlay .tech{font-size:28px;font-weight:700;margin-top:4px;letter-spacing:4px}@keyframes sparkin{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes screenshake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(4px,-2px)}}@keyframes burstring{0%{width:20px;height:20px;border-width:8px;opacity:1}to{width:520px;height:520px;border-width:0;opacity:0}}.hint{color:var(--accent);font-size:14px;font-style:italic}.spark-list{font-size:14px;margin-top:6px;opacity:.9}.spark-card{border:2px solid var(--accent);border-radius:8px;padding:8px 10px;margin:6px 0}.sub-ability-label{font-size:13px;margin-top:10px;opacity:.85}.mentor-slot{font-size:12px;margin:6px 0 2px;opacity:.8}.mentor-row .btn{padding:6px 10px;font-size:13px}.mentor-row .btn small{font-size:11px;opacity:.7}.battle-result{pointer-events:none}.br-item-actions{position:relative;pointer-events:auto}.br-item-btn{font-size:14px}.br-item-log .br-note{color:var(--hp)}.enemies-row{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap}.enemy-slot{position:relative;text-align:center;transition:opacity .5s ease,transform .5s ease}.enemy-slot .enemy-emoji{font-size:40px;line-height:1}.enemy-slot .enemy-name{font-size:11px;opacity:.75;margin-top:2px}.enemy-slot.shake{animation:enemyshake .3s ease-in-out}.enemy-slot.ko{opacity:0;transform:scale(.2);pointer-events:none}.enemy-slot.targeted{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@keyframes enemyshake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.char-card{position:relative;overflow:visible}.dmg-pop{position:absolute;transform:translate(-50%);font-weight:700;font-size:18px;color:var(--dmg);pointer-events:none;animation:pop-rise .7s ease-out forwards}.dmg-pop.in-card{left:50%;top:-4px}.dmg-pop.heal{color:var(--hp)}@keyframes pop-rise{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-40px);opacity:0}}.story-screen{position:relative;overflow:hidden;padding:0}.story-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.story-props{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.story-props .prop{position:absolute;font-size:40px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.story-props .prop:nth-child(1){top:10%;left:8%}.story-props .prop:nth-child(2){top:16%;right:10%;font-size:52px}.story-props .prop:nth-child(3){bottom:40%;left:18%;font-size:32px}.story-props .prop:nth-child(4){bottom:32%;right:16%;font-size:28px}.bg-oujo-matsuri .story-stage{background:linear-gradient(180deg,#ffe08a,#ffb454 55%,#c97f2c)}.bg-oujo-ekken .story-stage{background:linear-gradient(180deg,#6a1b1f,#8f2429 55%,#2a0a0d)}.bg-kaido .story-stage{background:linear-gradient(180deg,#d8ecd9,#7fae86 55%,#34503b)}.bg-mura-yugure .story-stage{background:linear-gradient(180deg,#ffab7a,#b06a7e 55%,#3d2740)}.bg-yamamichi .story-stage{background:linear-gradient(180deg,#8ea0b0,#55677a 55%,#24303a)}.bg-yaei .story-stage{background:radial-gradient(circle at 50% 75%,#ffd27a,#c96a2a 45%,#241408 85%)}.bg-tou .story-stage{background:linear-gradient(180deg,#c3e8ff,#5aa6d6 55%,#1c3648)}.bg-tou-ato .story-stage{background:linear-gradient(180deg,#e2f2ff,#8ec2e4 55%,#22333f)}.bg-oujo-gaisen .story-stage{background:linear-gradient(180deg,#ffd977,#f4a53c 55%,#a85c22)}.bg-renbei-jo .story-stage{background:linear-gradient(180deg,#cdd6c8,#8a9a7f 55%,#3c4a35)}.bg-minami-kaido .story-stage{background:linear-gradient(180deg,#d6ceb8,#a89870 55%,#4a4028)}.bg-kawara .story-stage{background:linear-gradient(180deg,#b8d8e0,#6f9aa8 55%,#2c3f45)}.bg-aoba-tou .story-stage{background:linear-gradient(180deg,#a8d8ff,#3d7fc9 55%,#16283d)}.bg-aoba-kudake .story-stage{background:linear-gradient(180deg,#8fa8bb,#4a5f70 55%,#1c262e)}.bg-oujo-yoru .story-stage{background:linear-gradient(180deg,#1c2440,#2c3660 55%,#0c1020)}.bg-kaimon-kaido .story-stage{background:linear-gradient(180deg,#cbd8c2,#7a9280 55%,#33453a)}.bg-fuga-seki .story-stage{background:linear-gradient(180deg,#b6c4d6,#64758c 55%,#2a3546)}.bg-kareta-mura .story-stage{background:linear-gradient(180deg,#b3ada0,#786f60 55%,#322d24)}.bg-touge .story-stage{background:linear-gradient(180deg,#7c8ea6,#465268 55%,#1c222e)}.bg-kurogane-seki .story-stage{background:linear-gradient(180deg,#8a8078,#4a423c 55%,#221e1a)}.bg-maoujou-mae .story-stage{background:linear-gradient(180deg,#362a44,#241c30 55%,#0e0a14)}.bg-maoujou-gyokuza .story-stage{background:linear-gradient(180deg,#4a1c3a,#2c1428 55%,#100810)}.bg-nokuta-miyako .story-stage{background:linear-gradient(180deg,#2a2436,#1c1826 55%,#0a0810)}.bg-haikou .story-stage{background:linear-gradient(180deg,#4a4038,#322a24 55%,#14100c)}.bg-kokkyo-kaido .story-stage{background:linear-gradient(180deg,#d8dce6,#949cae 55%,#454e60)}.bg-nanmin-kaido .story-stage{background:linear-gradient(180deg,#a8a094,#6e685e 55%,#302c26)}.bg-oujo-kinko .story-stage{background:linear-gradient(180deg,#6a6458,#423c34 55%,#1c1810)}.bg-oujo-monzen .story-stage{background:linear-gradient(180deg,#7a5040,#4a2c24 55%,#1e120c)}.bg-gyokuza-ma .story-stage{background:linear-gradient(180deg,#3a1830,#241020 55%,#0c0610)}.bg-epilogue-r2 .story-stage{background:linear-gradient(180deg,#9ab0c0,#5c7a8c 55%,#263640)}.bg-shingun-kaido .story-stage{background:linear-gradient(180deg,#c8d0c0,#808a76 55%,#3a4234)}.bg-nokuta-arechi .story-stage{background:linear-gradient(180deg,#a8a4a0,#6b6660 55%,#2c2a26)}.bg-nokuta-mura .story-stage{background:linear-gradient(180deg,#8a7a6a,#55483c 55%,#221c14)}.bg-nokuta-shinbu .story-stage{background:linear-gradient(180deg,#565064,#363242 55%,#14121c)}.bg-epilogue-r1 .story-stage{background:linear-gradient(180deg,#2c2448,#7a4a28 55%,#140c18)}.bg-kosenjo .story-stage{background:linear-gradient(180deg,#b8b4a4,#7e7864 55%,#34302a)}.bg-epilogue-r3 .story-stage{background:linear-gradient(180deg,#ffd9a0,#8ca86e 55%,#2c3a2e)}.story-screen.overlay-beat{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:5}.story-screen .death-card{position:relative;z-index:2;margin-top:auto;background:#0c0f13d1;border-top:1px solid rgba(255,255,255,.15);padding:12px 16px 10px;font-size:13px;line-height:1.7}.story-screen .death-card~.vn-box{margin-top:0}.story-screen .death-card .dc-head{color:var(--accent);font-size:12px;margin-bottom:4px}.story-screen .death-card .dc-row{display:flex;gap:8px;padding:2px 0}.story-screen .death-card .dc-k{flex:0 0 92px;opacity:.7}.story-screen .death-card .dc-v{flex:1}.vn-box,.story-choice{position:relative;z-index:2;margin-top:auto;background:#0c0f13e0;border-top:2px solid var(--accent);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));min-height:128px;display:flex;flex-direction:column;gap:8px}.vn-box{cursor:pointer;touch-action:manipulation}.vn-name{color:var(--accent);font-weight:700;font-size:15px}.vn-text{font-size:17px;line-height:1.8;flex:1}.vn-text.narration{font-style:italic;opacity:.85}.vn-text.story-emphasis{font-weight:700;color:var(--accent);font-style:normal;opacity:1}.vn-hint{align-self:flex-end;opacity:.6;animation:vnhint 1.2s ease-in-out infinite}@keyframes vnhint{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(4px);opacity:.9}}.choice-prompt{font-weight:700;font-size:16px}.story-choice .btn-row{grid-template-columns:1fr}.guest-badge{position:absolute;z-index:2;top:10px;right:10px;background:#0c0f13bf;border:1px solid var(--accent);border-radius:8px;padding:4px 8px;font-size:12px;opacity:.9}.formation-badge{float:right;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--text);font-size:12px;padding:3px 8px;cursor:pointer;touch-action:manipulation}.formation-badge.front{background:var(--accent);color:#1a1408;font-weight:700}.formation-badge.reserve{opacity:.75}.formation-badge.selected{box-shadow:0 0 0 2px #fff}.exp-bar{height:5px;background:#333;border-radius:3px;overflow:hidden;margin-top:4px}.exp-bar>div{height:100%;background:var(--accent)}.job-delta{display:block;margin-top:4px;font-size:11px;line-height:1.35;opacity:.85;white-space:normal;word-break:break-word}.verb-off{opacity:.35}.campfire{display:inline-block;animation:flicker 1.6s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.08) rotate(-3deg);opacity:.9}50%{transform:scale(.96) rotate(2deg);opacity:1}75%{transform:scale(1.05) rotate(-2deg);opacity:.95}}.status-row{min-height:14px;margin-top:2px}.status-badge{display:inline-block;font-size:10px;line-height:1.2;padding:0 4px;margin-right:4px;border-radius:6px;background:#785ac82e;border:1px solid rgba(120,90,200,.4)}.enemy-slot .status-row{position:absolute;bottom:-2px;left:0;right:0;text-align:center}.bestiary-row{min-height:14px}.bestiary-badge{display:inline-block;font-size:10px;line-height:1.2;padding:0 4px;margin:0 2px;border-radius:6px;background:#c8963c2e;border:1px solid rgba(200,150,60,.45)}:root{--mp: #6b8fd6;--wound: #8a3f36;--wound-full: #c9ccd6;--slow: #9a8fd0;--haste: #4caf7d;--telegraph: #e0a83c;--dmg-v4: #ef6a58}.battle-v4{gap:2px}.battle-v4 .v4-head{display:flex;align-items:baseline;justify-content:space-between}.battle-v4 .v4-head .round-badge{margin:0}.battle-v4 .v4-fight{font-size:11px;opacity:.5}.battle-v4 .dmg-pop{color:var(--dmg-v4)}.battle-v4 .turn-order{display:flex;align-items:center;gap:6px;height:40px;overflow-x:auto;scrollbar-width:none;margin:2px 0}.battle-v4 .turn-order::-webkit-scrollbar{display:none}.battle-v4 .turn-order[hidden]{display:none}.battle-v4 .turn-order-label{font-size:10px;opacity:.55;flex-shrink:0}.battle-v4 .turn-chip{flex-shrink:0;min-width:44px;height:32px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0f13;border:1px solid var(--bronze);font-size:13px;line-height:1.1;transition:transform .24s ease,opacity .24s}.battle-v4 .turn-chip[data-state=stale]{opacity:.45}.battle-v4 .turn-chip[data-state=done]{opacity:.28;text-decoration:line-through}.battle-v4 .turn-chip[data-state=acting]{outline:2px solid var(--accent)}.battle-v4 .turn-chip[data-skip]{opacity:.4;border-color:var(--slow)}.battle-v4 .turn-chip[data-telegraph]{border-color:var(--telegraph)}.battle-v4 .turn-shift{font-size:10px}.battle-v4 .turn-shift.up{color:var(--haste)}.battle-v4 .turn-shift.down{color:var(--dmg-v4)}.battle-v4 .turn-order.phase-shift .turn-chip{transition:transform .4s ease,opacity .4s}.battle-v4 .telegraph-ribbon{font-size:13px;color:var(--telegraph);padding:2px 6px;min-height:0;border-left:3px solid var(--telegraph);background:#e0a83c14}.battle-v4 .telegraph-ribbon:empty{display:none}.battle-v4 .telegraph-eta{font-size:12px;opacity:.75;padding-left:8px;min-height:0}.battle-v4 .telegraph-eta:empty{display:none}.enemy-role{min-height:14px;font-size:10px}.enemy-role .role-tag{border:1px solid var(--silver);border-radius:3px;padding:0 3px;opacity:.8}.enemy-role .role-shield{padding-left:2px}.enemy-role .role-shield[hidden]{display:none}.enemy-role[data-shielded] .role-tag{opacity:1;border-color:var(--gold, var(--silver))}.battle-v4 .wound-gauge{display:inline-flex;gap:2px;margin-top:3px}.battle-v4 .wound-gauge i{width:8px;height:4px;border-radius:1px}.battle-v4 .wound-gauge i.full{background:var(--wound-full)}.battle-v4 .wound-gauge i.gone{background:var(--wound);opacity:.5}.battle-v4 .phase-pips{font-size:10px;color:var(--accent);letter-spacing:2px;min-height:12px}.battle-v4 .party-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}.battle-v4 .char-mini{position:relative;overflow:visible;background:var(--panel);border-radius:10px;padding:6px;font-size:12px;text-align:center}.battle-v4 .char-mini.ko{opacity:.4}.battle-v4 .char-mini .acting-dot{color:var(--accent);opacity:0;margin-left:3px}.battle-v4 .char-mini.acting{outline:1px solid var(--accent)}.battle-v4 .char-mini.acting .acting-dot{opacity:1}.battle-v4 .char-mini .mini-lv{font-size:10px;opacity:.6}.battle-v4 .char-mini .mini-num{font-size:11px;margin-left:4px}.battle-v4 .hp-ticks,.battle-v4 .mp-ticks{display:inline-flex;gap:1px;vertical-align:middle}.battle-v4 .hp-ticks i,.battle-v4 .mp-ticks i{width:6px;height:6px;border-radius:1px;background:#333}.battle-v4 .hp-ticks i.full{background:var(--hp)}.battle-v4 .mp-ticks i.full{background:var(--mp)}.battle-v4 .cmd-repeat{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:8px;text-align:left;padding:8px 14px;font-size:15px}.battle-v4 .party-mini{display:flex;flex-wrap:wrap;gap:8px;padding:4px 16px 6px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.08)}.battle-v4 .party-mini .pm-name{opacity:.8;margin-right:3px}.battle-v4 .party-mini .pm-st{margin-left:3px}.battle-v4 .affinity-mark{font-size:12px;margin-left:auto;margin-right:8px}.battle-v4 .affinity-slot{margin-left:auto}.battle-v4 .affinity-mark[data-affinity=weak]{color:var(--accent)}.battle-v4 .affinity-mark[data-affinity=resist]{color:var(--silver);opacity:.8}.battle-v4 .affinity-mark[data-affinity=null]{color:var(--dmg-v4)}.battle-v4 .affinity-mark[data-affinity=absorb]{color:#b48fd0}.battle-v4 .phase-banner{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#0c0f13e0;border-top:2px solid var(--accent);padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center}.battle-v4 .phase-banner[hidden]{display:none}.battle-v4 .phase-banner .pb-title{color:var(--accent);font-weight:700;letter-spacing:2px}.battle-v4 .phase-banner .pb-say{margin-top:8px;font-size:17px}.battle-v4 .v4-result,.v4-slice .v4-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.battle-v4 .v4r-title{text-align:center;font-size:22px;color:var(--accent);font-weight:700}.battle-v4 .v4r-sep{border-top:1px solid rgba(255,255,255,.15);margin:6px 0}.battle-v4 .v4r-row{display:flex;justify-content:space-between;font-size:15px;padding:3px 0}.battle-v4 .v4r-note{font-size:13px;opacity:.85}.battle-v4 .death-card{font-size:13px;line-height:1.7}.battle-v4 .death-card .dc-head{color:var(--accent);font-size:12px;margin-bottom:4px}.battle-v4 .death-card .dc-row{display:flex;gap:8px;padding:2px 0}.battle-v4 .death-card .dc-k{flex:0 0 92px;opacity:.7}.battle-v4 .death-card .dc-v{flex:1}.v4-slice .v4-title{font-size:20px;margin-bottom:6px}.v4-slice .v4-telemetry{font-size:11px;white-space:pre-wrap;background:#0c0f13;border-radius:8px;padding:8px;max-height:40vh;overflow:auto;margin-top:8px}.v4-slice .v4-telemetry[hidden]{display:none}.battle-v4 .btn:focus-visible,.v4-slice .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.battle-v4 .turn-chip{transition:none}.battle-v4 .spark-overlay,.spark-overlay{animation:sparkin .25s ease-out}.battle-v4 .spark-overlay:after{animation:none;opacity:0}.battle-v4 .enemy-slot.shake{animation:none}.battle-v4 .battle-advance-cue{animation:none;opacity:.8}.battle-v4 .dmg-pop{animation:none;opacity:0}}.turn-order{display:flex;align-items:center;gap:6px;height:34px;overflow-x:auto;scrollbar-width:none;margin:2px 10px}.turn-order::-webkit-scrollbar{display:none}.turn-order[hidden],.turn-order:empty{display:none}.turn-order-label{font-size:10px;opacity:.55;flex-shrink:0}.turn-chip{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:2px 6px;border:1px solid rgba(255,255,255,.22);border-radius:6px;font-size:13px;transition:opacity .24s ease,transform .24s ease}.turn-chip[data-state=stale]{opacity:.45}.turn-chip[data-state=done]{opacity:.28;text-decoration:line-through}.turn-chip[data-state=acting]{outline:2px solid var(--accent)}.turn-chip[data-skip]{opacity:.4;border-color:var(--slow)}.turn-chip[data-telegraph]{border-color:var(--telegraph)}.turn-shift{font-size:10px}.turn-shift.up{color:var(--haste)}.turn-shift.down{color:var(--dmg)}.telegraph-ribbon{margin:4px 10px 0;padding:3px 8px;border-left:3px solid var(--telegraph);background:#e0a83c1f;font-size:13px;line-height:1.5}.telegraph-ribbon:empty{display:none}.telegraph-eta{font-size:12px;opacity:.75;padding-left:14px;min-height:0}.telegraph-eta:empty{display:none}.wound-gauge{display:inline-flex;gap:2px;margin-top:3px}.wound-gauge i{width:8px;height:4px;border-radius:1px}.wound-gauge i.full{background:var(--wound-full)}.wound-gauge i.gone{background:var(--wound);opacity:.5}.phase-pips{font-size:10px;color:var(--accent);letter-spacing:2px;min-height:12px}.phase-banner{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#0c0f13e0;border-top:2px solid var(--accent);padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center}.phase-banner[hidden]{display:none}.phase-banner .pb-title{color:var(--accent);font-weight:700;letter-spacing:2px}.phase-banner .pb-say{margin-top:8px;font-size:17px}.party-mini{display:flex;flex-wrap:wrap;gap:4px 10px;padding:4px 16px 6px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}.party-mini[data-n="4"] .pm{flex:0 0 calc(50% - 5px)}.party-mini .pm{display:inline-flex;align-items:baseline;gap:3px}.party-mini .pm.ko{opacity:.4}.party-mini .pm-name{opacity:.8}.party-mini .pm-hp{color:var(--hp)}.party-mini .pm-st{opacity:.9}.cmd-repeat{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:8px;text-align:left;padding:8px 14px;font-size:15px}.battle-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px 16px calc(48px + env(safe-area-inset-bottom));overflow-y:auto}.battle-result .br-title{text-align:center;font-size:22px;color:var(--accent);font-weight:700}.battle-result .br-sep{border-top:1px solid rgba(255,255,255,.15);margin:6px 0}.battle-result .br-row{display:flex;justify-content:space-between;font-size:15px;padding:3px 0}.battle-result .br-up{font-size:16px;color:var(--accent);padding:2px 0}.battle-result .br-note{font-size:13px;opacity:.85}.field-screen{padding:0;position:relative;overflow:hidden}.field-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent}.field-world{position:absolute;top:0;left:0;will-change:transform}.field-spot{position:absolute;font-size:26px;opacity:.85;pointer-events:none;transform:translate(-50%,-50%)}.field-player{position:absolute;font-size:30px;z-index:5;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.field-tapmark{position:absolute;width:26px;height:26px;border:2px solid #e8d9a0;border-radius:50%;z-index:3;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}@keyframes field-ring{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.3}}.field-exit{position:absolute;text-align:center;z-index:2;pointer-events:none;transform:translate(-50%,-50%);font-size:28px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.field-exit small{display:block;font-size:11px;color:#e8d9a0;background:#00000073;border-radius:6px;padding:0 4px;white-space:nowrap}.field-hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));pointer-events:none}.field-hud .field-lv{color:#fff;font-weight:700;background:#0000008c;border:1px solid rgba(232,217,160,.5);border-radius:8px;padding:6px 12px;font-size:14px}.field-hud .field-area{color:#e8d9a0;font-size:11px;background:#0000008c;border-radius:8px;padding:6px 10px}.field-enemy{position:absolute;font-size:26px;z-index:4;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.field-enemy small{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:10px;color:#f0c060;background:#00000080;border-radius:6px;padding:0 4px;white-space:nowrap}.field-enemy .field-sweat{display:none;position:absolute;top:-4px;right:-12px;font-size:12px}.field-enemy.fleeing .field-sweat{display:block}.field-anchor{position:absolute;z-index:4;pointer-events:none;text-align:center;transform:translate(-50%,-50%);font-size:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.field-anchor small{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:10px;color:#f0c060;background:#00000080;border-radius:6px;padding:0 4px;white-space:nowrap}.field-anchor.gold{animation:field-gold 1.6s ease-in-out infinite}.field-anchor.gold:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(240,200,90,.8);animation:field-gold-ring 1.6s ease-out infinite}.field-anchor.boss{animation:field-gold 1.6s ease-in-out infinite}.field-anchor.boss:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(240,200,90,.9);animation:field-gold-ring 1.6s ease-out infinite}.field-anchor.boss small{color:#ffd76a;border:1px solid rgba(240,200,90,.6)}.field-anchor.camp{font-size:28px}.field-anchor.camp.revisit{opacity:.92}@keyframes field-gold{0%,to{filter:drop-shadow(0 0 4px rgba(240,200,90,.5))}50%{filter:drop-shadow(0 0 12px rgba(240,200,90,.95))}}@keyframes field-gold-ring{0%{opacity:.9;scale:.7}to{opacity:0;scale:1.4}}.field-toast{position:absolute;top:28%;left:50%;transform:translate(-50%);z-index:30;display:none;background:#000000d1;color:#ffe9a8;font-size:14px;font-weight:700;padding:12px 20px;border-radius:12px;border:1px solid rgba(232,217,160,.5);white-space:normal;max-width:92vw;width:max-content}.field-toast.show{display:block}.field-hud .field-hud-right{display:flex;align-items:center;gap:6px}.field-hud .field-objective{pointer-events:auto;background:#0000008c;color:#fff;border:1px solid rgba(232,217,160,.5);border-radius:8px;padding:4px 10px;font-size:15px;line-height:1;min-height:32px}.field-npc{position:absolute;font-size:26px;z-index:4;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.field-npc .field-alert{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:#ffd76a;font-size:16px;font-weight:800;text-shadow:0 0 6px rgba(0,0,0,.8);animation:field-alert-bob 1s ease-in-out infinite}@keyframes field-alert-bob{0%,to{margin-top:0}50%{margin-top:-4px}}.field-building{position:absolute;font-size:30px;z-index:3;pointer-events:none;text-align:center;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.field-building small{display:block;font-size:11px;color:#e8d9a0;background:#00000073;border-radius:6px;padding:0 4px;white-space:nowrap}.field-bubble{position:absolute;z-index:20;display:none;transform:translate(-50%,-100%);background:#14120eeb;color:#f5eeda;font-size:12px;line-height:1.6;padding:8px 12px;border-radius:10px;border:1px solid rgba(232,217,160,.55);white-space:nowrap;pointer-events:none}.field-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-bottom:none;border-top:6px solid rgba(232,217,160,.55)}.field-bubble.show{display:block}.field-ground{position:absolute;top:0;left:0;pointer-events:none}.field-ground-img{position:absolute;top:0;left:0;pointer-events:none;display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.field-scenery{position:absolute;pointer-events:none;transform:translate(-50%,-100%)}.field-scenery-img{display:block;filter:drop-shadow(0 4px 6px rgba(20,30,10,.3))}.field-npc-img{display:block;width:34px;filter:drop-shadow(0 2px 3px rgba(20,30,10,.35))}.field-enemy-img{display:block;width:44px;margin:0 auto;filter:drop-shadow(0 2px 3px rgba(20,30,10,.4))}.field-building.has-img{transform:translate(-50%,-100%)}.field-building-img{display:block;margin:0 auto;filter:drop-shadow(0 4px 6px rgba(20,30,10,.3))}.field-player-img{display:block;width:28px;filter:drop-shadow(0 2px 3px rgba(20,30,10,.4))}.field-player-walk,.field-npc-walk{display:block;background-repeat:no-repeat;background-size:400% 100%;background-position:0% 0;filter:drop-shadow(0 2px 3px rgba(20,30,10,.4))}.field-npc .npc-body,.field-player .npc-body{display:inline-block;animation:fx-bob 2.6s ease-in-out infinite}@keyframes fx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.fx-sway{transform-origin:50% 100%;animation:fx-sway 4.2s ease-in-out infinite}@keyframes fx-sway{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}.fx-smoke{position:absolute;width:10px;height:10px;border-radius:50%;background:#f0f0eb80;opacity:0;pointer-events:none;animation:fx-smoke 4s ease-out infinite}@keyframes fx-smoke{0%{transform:translate(-50%) scale(.5);opacity:.45}to{transform:translate(-50%,-36px) scale(1.5);opacity:0}}.field-grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.field-grade[data-grade=day]{background:linear-gradient(#ffecb41a,#ffd68c0f);mix-blend-mode:soft-light}.field-grade[data-grade=dusk]{background:linear-gradient(#ff96462e,#783c5a38);mix-blend-mode:multiply}.field-grade[data-grade=night]{background:linear-gradient(#283c7859,#0f143266);mix-blend-mode:multiply}.field-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 62%,rgba(10,12,8,.3) 100%)}.field-bubble{z-index:9000}.field-vista{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;background:#000;touch-action:none}.field-vista .vista-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 62%;transition:transform 4s cubic-bezier(.25,.6,.35,1)}.field-vista .vista-item{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.field-vista .vista-west{position:absolute;left:0;top:30%;bottom:0;width:46%;background:linear-gradient(to right,#6e7076d9,#6e707600);pointer-events:none}.tabi-walker{position:fixed;left:-60px;bottom:18%;z-index:40;pointer-events:none;background-repeat:no-repeat;background-size:400% 100%;filter:drop-shadow(0 2px 3px rgba(20,30,10,.4));animation:tabi-cross 9s linear forwards,tabi-step .55s steps(4) infinite}@keyframes tabi-cross{0%{transform:translate(0)}to{transform:translate(120vw)}}@keyframes tabi-step{0%{background-position-x:0%}to{background-position-x:133.34%}}.tabi-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.tabi-sky{position:absolute;top:0;right:0;bottom:0;left:0}.tabi-glow{position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(2px)}.tabi-hill{position:absolute;border-radius:50% 50% 0 0}.tabi-ground{position:absolute;left:0;right:0;bottom:0;background-repeat:repeat;box-shadow:inset 0 6px 10px -6px #141e0a73}.tabi-road{position:absolute;left:0;right:0;background-repeat:repeat-x;box-shadow:inset 0 3px 6px -3px #3c280a80,inset 0 -3px 6px -3px #3c280a80}.tabi-water{position:absolute;left:0;right:0}.tabi-prop{position:absolute}.tabi-grade{position:absolute;top:0;right:0;bottom:0;left:0}.tabi-vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,transparent 60%,rgba(10,12,8,.34) 100%)}.tabi-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.8}.tabi-cloud{position:absolute;border-radius:50%;filter:blur(6px);background:#ffffff8c}.tabi-pillar{position:absolute;top:0;bottom:24%;width:28px;border-radius:6px;background:linear-gradient(90deg,#d2d7eb1a,#e6ebfa42,#b4b9d21a)}.tabi-banner{position:absolute;top:6%;width:38px;height:140px;background:#8a2f35;border-bottom:14px solid transparent;border-left:19px solid #8a2f35;border-right:19px solid #8a2f35;width:0;box-sizing:content-box;filter:drop-shadow(0 3px 4px rgba(10,10,20,.4))}.tabi-floor{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(#565064,#443f52);box-shadow:inset 0 6px 10px -6px #0a0a1499}.tabi-carpet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:0;border-left:130px solid transparent;border-right:130px solid transparent;border-bottom:150px solid rgba(150,45,55,.7)}.tabi-dais{position:absolute;left:50%;transform:translate(-50%);bottom:21%;width:220px;height:16px;border-radius:4px;background:#d2d7eb38}.tabi-dais.d2{bottom:23.5%;width:170px;background:#d2d7eb4d}.tabi-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.screen.has-backdrop{position:relative;z-index:0}.battle-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.battle-backdrop img{width:100%;height:100%;object-fit:cover}.battle-backdrop-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0a0c1447,#0a0c148c 70%,#0a0c14b8)}.screen.has-backdrop #enemies.panel{background:#10141e4d}.tabi-art{animation:tabi-kb 26s ease-in-out infinite alternate}@keyframes tabi-kb{0%{transform:scale(1.03)}to{transform:scale(1.1) translate(-1.6%,-1.2%)}}.tabi-p{position:absolute;pointer-events:none}@keyframes tabi-fall{0%{transform:translateY(-6vh) rotate(0);opacity:0}8%{opacity:.95}to{transform:translate(7vw,108vh) rotate(320deg);opacity:.75}}.tabi-petal{width:7px;height:7px;border-radius:2px 6px;animation:tabi-fall linear infinite}.tabi-leaf{width:9px;height:5px;border-radius:60% 0;animation:tabi-fall linear infinite}@keyframes tabi-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}80%{opacity:.55}to{transform:translateY(-44vh) translate(3vw);opacity:0}}.tabi-fly{width:4px;height:4px;border-radius:50%;animation:tabi-rise ease-in infinite;box-shadow:0 0 6px 2px #ffe9a859}@keyframes tabi-blink{0%,to{opacity:0}50%{opacity:.9}}.tabi-glint{width:11px;height:3px;border-radius:2px;background:#fff;animation:tabi-blink ease-in-out infinite}.tabi-mist{position:absolute;height:64px;width:140%;left:-20%;border-radius:50%;background:#ffffff26;filter:blur(14px);animation:tabi-drift 30s ease-in-out infinite alternate}@keyframes tabi-drift{0%{transform:translate(-4%)}to{transform:translate(6%)}}.tabi-bird{position:absolute;width:16px;height:8px;opacity:.6;background-repeat:no-repeat;background-size:contain;animation:tabi-flyby linear infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6'%3E%3Cpath d='M0 5 Q3 0 6 4 Q9 0 12 5' fill='none' stroke='%23283040' stroke-width='1.4'/%3E%3C/svg%3E")}@keyframes tabi-flyby{0%{transform:translate(-12vw)}50%{transform:translate(48vw,-2.5vh)}to{transform:translate(112vw,1vh)}}.tabi-mover{position:absolute;pointer-events:none;animation:tabi-cross-r linear infinite}.tabi-mover.dir-l{animation-name:tabi-cross-l}@keyframes tabi-cross-r{0%{transform:translate(-16vw)}to{transform:translate(112vw)}}@keyframes tabi-cross-l{0%{transform:translate(112vw)}to{transform:translate(-16vw)}}.tabi-mover-body{background-repeat:no-repeat;background-size:400% 100%;animation:tabi-step .55s steps(4) infinite;filter:drop-shadow(0 2px 3px rgba(20,30,10,.4))}.tabi-mover.dir-l .tabi-mover-body{transform:scaleX(-1)}.tabi-stander{position:absolute;animation:fx-bob 3.2s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(20,30,10,.35))}@keyframes tabi-flick{0%,to{opacity:.8}42%{opacity:.5}68%{opacity:.68}}.tabi-flicker{animation:tabi-flick 2.6s ease-in-out infinite}.tabi-cameo{position:absolute;left:10px;bottom:136px;width:78px;z-index:2;opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.tabi-cameo.on{opacity:1;transform:translateY(0)}.tabi-cameo img{width:100%;animation:fx-bob 2.8s ease-in-out infinite;filter:drop-shadow(0 3px 5px rgba(10,12,8,.5))}.screen{animation:screen-in .3s ease-out}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.vn-box,.story-choice{margin:0 12px calc(14px + env(safe-area-inset-bottom));margin-top:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(231,201,154,.5);background:linear-gradient(#0f121ab8,#090b11db);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 14px 34px #00000080,inset 0 1px #ffffff0f;padding:16px 18px}.vn-name{align-self:flex-start;background:linear-gradient(135deg,#f0d7ab,#cfa268);color:#241a08;font-size:13px;font-weight:700;letter-spacing:.08em;padding:3px 14px;border-radius:999px;margin-top:-28px;box-shadow:0 4px 10px #0006}.vn-name:empty{display:none}.vn-text{letter-spacing:.015em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.choice-prompt{letter-spacing:.03em}.btn{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(#ffffff14,#ffffff05),var(--panel);box-shadow:0 4px 12px #00000052,inset 0 1px #ffffff12;letter-spacing:.05em;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,#f2d9ac,#d5a768);border-color:#ffffff4d;color:#241a08;box-shadow:0 6px 16px #d5a76859,inset 0 1px #ffffff59}.panel{border:1px solid rgba(255,255,255,.07);border-radius:14px}.hpbar{height:10px;border-radius:5px;background:#ffffff1f}.hpbar>div{background:linear-gradient(90deg,#62dd92,#2fbf71);box-shadow:0 0 8px #50dc8c80}.tabi-portrait{position:absolute;right:-6px;bottom:128px;width:64%;max-width:320px;z-index:1;pointer-events:none;opacity:0;transform:translate(24px);transition:opacity .28s ease,transform .28s ease}.tabi-portrait.on{opacity:1;transform:translate(0)}.tabi-portrait img{width:100%;display:block;filter:drop-shadow(0 10px 24px rgba(5,8,14,.55));animation:tabi-breathe 4.2s ease-in-out infinite}.tabi-portrait.dimmed img{filter:drop-shadow(0 10px 24px rgba(5,8,14,.55)) brightness(.45)}.tabi-portrait img{transition:filter .3s ease}@keyframes tabi-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tabi-scene.staged{animation:stage-push 26s ease-in-out infinite alternate;transform-origin:50% 72%}@keyframes stage-push{0%{transform:scale(1)}to{transform:scale(1.1) translateY(-1.6%)}}.tabi-scene.staged .tabi-art{animation:none}.tabi-actor{position:absolute;bottom:13%;z-index:1;transform:translate(-50%);transition:left 2.6s linear,bottom .4s ease}.tabi-actor-body{background-repeat:no-repeat;background-size:400% 100%;image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(15,20,10,.45))}.tabi-actor-body.stepping{animation:tabi-step .5s steps(4) infinite}.tabi-actor-body.flip{transform:scaleX(-1)}.tabi-actor-body.hop{animation:actor-hop .45s ease}.tabi-actor-body.stepping.hop{animation:tabi-step .5s steps(4) infinite}@keyframes actor-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.tabi-actor.speaking{bottom:14.5%}.tabi-actor.speaking:after{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:#fffffff2;box-shadow:14px 2px 0 -2px #fffc,-14px 2px 0 -2px #fffc;animation:bubble-pulse 1.2s ease-in-out infinite}@keyframes bubble-pulse{0%,to{opacity:.55}50%{opacity:1}}.op-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;z-index:60;display:block;padding:0}.op-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.op-plate{position:absolute;left:0;top:0;width:2016px;height:896px;transform-origin:0 0;will-change:transform}.op-art{width:100%;height:100%;display:block}.op-tower{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(190,225,255,.45) 42%,transparent 72%);animation:op-tower-pulse 3.4s ease-in-out infinite}@keyframes op-tower-pulse{0%,to{opacity:.85}50%{opacity:1}}.op-veil-thin{position:absolute;right:0;top:0;bottom:0;width:42%;background:linear-gradient(to left,#8c929c6b,#8c929c00);opacity:0;transition:opacity 1.6s ease-in;pointer-events:none}.op-veil-thin.on{opacity:1}.op-glint{position:absolute;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff;opacity:0;pointer-events:none;animation:op-glint 24s linear infinite}@keyframes op-glint{0%,96%{opacity:0;transform:scale(.4)}1.5%{opacity:.95;transform:scale(1.4)}4%{opacity:0;transform:scale(.4)}}.op-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:1;transition:opacity 1.4s ease-out;pointer-events:none}.op-caption{position:absolute;left:0;right:0;bottom:22%;margin:0;padding:0 18px;text-align:center;font-size:16px;line-height:1.9;letter-spacing:.1em;white-space:nowrap;color:#f4ecdc;text-shadow:0 2px 10px rgba(0,0,0,.85);opacity:0;transition:opacity 1.8s ease;pointer-events:none}.op-caption.on{opacity:1}.op-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;transition:opacity 2.2s ease;pointer-events:none}.op-title.on{opacity:1}.op-title h1{margin:0;font-size:40px;letter-spacing:.18em;background:linear-gradient(135deg,#f6e2b8,#cfa268);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 22px rgba(0,0,0,.6)}.op-title p{margin:0;font-size:16px;letter-spacing:.3em;color:#e7d7b6}.op-city{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(4%);transition:opacity 4s ease-out,transform 4s ease-out}.op-city.on{opacity:1;transform:translateY(0)}.op-city>.tabi-scene{position:absolute;top:0;right:0;bottom:0;left:0}.op-city.pan{animation:op-pan 14s linear forwards}@keyframes op-pan{0%{transform:translate(5%) scale(1.06)}to{transform:translate(-5%) scale(1.06)}}.op-city.hold{transform:translate(-5%) scale(1.06);transition:transform 3.2s ease-out}.op-city.hold.zoom{transform:translate(-8%) scale(1.34)}.op-actor{position:absolute;bottom:15%;z-index:3;opacity:0;transform:translate(-50%);transition:opacity .9s ease,left 2.4s ease-out}.op-actor.in{opacity:1}.op-actor-body{width:96px;height:128px;background-repeat:no-repeat;background-size:400% 100%;image-rendering:pixelated;filter:drop-shadow(0 5px 7px rgba(15,20,10,.5));transition:transform .5s ease}.op-actor-body.stepping{animation:tabi-step .42s steps(4) infinite}.op-actor-body.flip{transform:scaleX(-1)}.op-actor-body.hop{animation:actor-hop .45s ease}.op-alto{left:46%}.op-alto.hand .op-actor-body{transform:translateY(3px) rotate(-1.5deg)}.op-sera{left:116%}.op-sera.in{left:66%}.op-bubble{position:absolute;right:8%;bottom:42%;z-index:4;padding:8px 16px;border-radius:16px 16px 4px;font-size:16px;letter-spacing:.06em;background:#fcf8eef0;color:#241a08;box-shadow:0 6px 18px #00000073;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.op-bubble.on{opacity:1;transform:translateY(0)}.op-skip{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:10;min-height:36px;padding:6px 16px;border-radius:999px;font-size:13px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.28);background:#0c0e148c;color:#e9e2d2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}