:root{font-family:system-ui,sans-serif;color:#253923;background:#193525;font-size:16px}*{box-sizing:border-box}body{margin:0}#app{max-width:480px;height:100svh;display:flex;flex-direction:column;margin:auto}.app-notice{flex:none;margin:0;padding:6px 12px;background:#faf8ee;color:#52634c;font-size:12px;max-height:35svh;overflow:auto}.app-notice summary{cursor:pointer;min-height:24px;line-height:24px}.app-notice p{margin:8px 0}.app-stage{position:relative;flex:1;min-height:0;isolation:isolate}.battle-host{position:absolute;inset:0;touch-action:none}.ui-host{position:absolute;inset:0;pointer-events:none;overflow-y:auto}.ui-host:has(.is-hud){overflow:hidden}.ui-host>.mogu-ui:not(.is-hud){min-height:100%}.battle-host canvas{touch-action:none;max-width:100%}.mogu-ui{--ink:#254533;--green:#255a3f;--cream:#fbf7e9;--line:#dedfc9;--muted:#66765c;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;color:var(--ink);background:var(--cream);max-width:480px;margin:auto;padding:18px 16px 24px;box-sizing:border-box;line-height:1.65;font-size:16px;pointer-events:auto;overflow-wrap:anywhere}.mogu-outfit-preview .outfit-stage{width:138px;height:150px}.mogu-ui .equipment-count{font-weight:700;font-size:.85rem;margin:9px 0;color:#426a39}.mogu-cutin *{pointer-events:none}.mogu-cutin[hidden]{display:none}.mogu-cutin small,.mogu-cutin strong{display:block}.equipment-traits{font-size:.84rem;line-height:1.6;margin:9px 0!important}.mogu-outfit-preview{display:flex;align-items:center;gap:12px;background:#f0f0df;border:1px solid #d5dec2;border-radius:16px;padding:12px;margin:12px 0}.outfit-stage{position:relative;flex:none;width:138px;height:150px;overflow:visible}.outfit-stage>.mogu-art{position:absolute}.outfit-words{min-width:0;flex:1}.outfit-words strong,.outfit-words span{display:block;font-size:.82rem;line-height:1.6}.mogu-ui .outfit-words p{font-size:.76rem;margin-top:5px}.outfit-stage .outfit-body{left:0;top:0}@media(max-width:350px){.mogu-outfit-preview{gap:6px;padding:8px}.outfit-stage{width:120px;height:138px}.outfit-words strong,.outfit-words span{font-size:.74rem}}.mogu-ui *{box-sizing:border-box}.mogu-ui h1,.mogu-ui h2,.mogu-ui h3,.mogu-ui p{margin:0}.mogu-ui h1{font-size:1.55rem;letter-spacing:.02em;line-height:1.35}.mogu-ui h2{font-size:1.08rem;line-height:1.5;margin:20px 0 10px}.mogu-ui h3{font-size:1.04rem;line-height:1.5}.mogu-ui p+p{margin-top:8px}.mogu-ui .mogu-small{font-size:.78rem;color:var(--muted);line-height:1.7}.mogu-ui .mogu-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.mogu-ui button,.mogu-ui select{font:inherit;min-height:48px;border:1px solid #bec9ae;border-radius:12px;padding:10px 12px;background:#fffdf5;color:var(--ink);max-width:100%;touch-action:manipulation;line-height:1.5}.mogu-ui button{cursor:pointer;font-weight:700}.mogu-ui button:hover:not(:disabled){filter:brightness(.97)}.mogu-ui button:active:not(:disabled){transform:translateY(1px)}.mogu-ui button:disabled{color:#7e8776;background:#ececdd;cursor:default;border-color:#d7dacb}.mogu-ui button:focus-visible,.mogu-ui select:focus-visible{outline:3px solid #d79938;outline-offset:3px}.mogu-ui label{display:block;font-size:.8rem;font-weight:700}.mogu-ui select{display:block;width:100%;margin-top:5px;font-size:.95rem}.mogu-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.mogu-level{background:#e5ecd8;border-radius:20px;padding:6px 10px;white-space:nowrap;font-size:.7rem;font-weight:700}.mogu-wallet{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mogu-wallet>div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f1eddc;border:1px solid #e5deca;border-radius:12px;min-width:0}.mogu-wallet small,.mogu-wallet strong{display:block;line-height:1.35}.mogu-wallet small{font-size:.65rem;color:#706c54}.mogu-wallet strong{font-size:1rem;overflow-wrap:anywhere}.mogu-nav{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 0 10px;margin:14px 0 16px}.mogu-nav button{flex:1;min-width:0;border-color:transparent;background:transparent;padding:10px 4px;font-size:.85rem;color:var(--muted)}.mogu-nav button[aria-pressed=true]{background:#e7ecd8;color:var(--green);border-color:#bcc9a6}.mogu-ui .mogu-primary{display:block;width:100%;color:#fffbea;background:var(--green);border:1px solid #18472f;border-bottom:4px solid #173c29;border-radius:15px;font-size:1.1rem;min-height:58px;padding:10px 16px;box-shadow:0 4px 10px #24443219}.mogu-ui .mogu-primary:disabled{background:#dce3d1;color:#738069;border-color:#cbd3c0;box-shadow:none}.button-subtitle{display:block;font-size:.66rem;letter-spacing:.03em;font-weight:400;opacity:.82;margin-top:2px}.mogu-ui .mogu-secondary{color:var(--green);background:#e6edd8;border-color:#b4c79b}.mogu-departure{margin:14px 0 18px}.mogu-departure>.mogu-small{text-align:center;margin-top:8px;font-size:.68rem}.mogu-panel{background:#fffdf5;border:1px solid var(--line);border-radius:16px;padding:14px;margin:18px 0}.mogu-panel h2{margin:0 0 10px}.mogu-panel>button{width:100%;margin-top:12px}.mogu-panel>p{font-size:.87rem}.mogu-callout{padding:10px 12px;border-radius:10px;background:#edf1df;font-size:.87rem}.mogu-home-help p{font-size:.82rem}.mogu-home-help h2{font-size:.92rem}.mogu-art{display:block;position:relative;overflow:hidden;flex:none;pointer-events:none}.mogu-art img{position:absolute;max-width:none;user-select:none}.mogu-forest{height:254px;position:relative;overflow:hidden;border-radius:20px;background:#c5cf91;isolation:isolate;border:1px solid #9bab73}.mogu-forest .forest-ground{position:absolute;left:50%;top:-110px;transform:translate(-50%);opacity:.8}.mogu-forest .forest-sprite{position:absolute;transform:translate(calc(-1 * var(--foot-x)),calc(-1 * var(--foot-y)));filter:drop-shadow(0 3px 2px #34402533)}.forest-title{position:absolute;top:0;left:0;right:0;text-align:center;padding:16px 12px 35px;background:linear-gradient(#eef1cbf2,#eff2cbcf,transparent);color:#28452d}.forest-title span{font-size:.72rem;letter-spacing:.09em;font-weight:700}.mogu-ui .forest-title h2{font-size:1.48rem;letter-spacing:.06em;margin:3px 0 0}.mogu-party-strip{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:9px 6px 0}.mogu-party-strip strong,.mogu-party-strip small{display:block}.mogu-party-strip strong{font-size:.8rem}.mogu-party-strip small{font-size:.66rem;color:var(--muted)}.mogu-home-skills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mogu-home-skills>div{display:flex;align-items:center;gap:6px;font-size:.75rem;background:#f0eddf;border-radius:10px;padding:8px;min-width:0}.mogu-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.mogu-slots button{padding:8px 3px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:130px;gap:4px}.mogu-slots button[aria-pressed=true]{border:2px solid #69884c;background:#e9efdb;padding:7px 2px}.mogu-slots small{font-size:.64rem;color:var(--muted)}.mogu-slots strong{font-size:.64rem;line-height:1.55;font-weight:600}.mogu-ui .mogu-text-button{display:block;font-size:.78rem;margin-bottom:12px;text-decoration:underline;background:transparent;border:0;padding-left:0}.mogu-equipment-card{padding:14px;background:#fffdf6;border:1px solid var(--line);border-radius:17px;margin:12px 0}.mogu-equipment-card.equipped{border-color:#b7c797}.equipment-heading{display:flex;align-items:center;gap:12px}.equipment-heading>div{min-width:0}.mogu-tag{display:inline-block;font-size:.64rem;letter-spacing:.02em;background:#e5edd5;color:#4f6b3f;padding:3px 8px;border-radius:7px;margin-bottom:4px}.equipment-heading h3{font-size:1rem}.mogu-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0 8px;background:#f2f1e7;border-radius:10px;padding:8px 0}.mogu-stats div{text-align:center;border-right:1px solid #dddccb}.mogu-stats div:last-child{border:0}.mogu-stats dt{font-size:.61rem;color:var(--muted)}.mogu-stats dd{margin:1px 0 0;font-size:1.02rem;font-weight:700}.equipment-difference{font-size:.75rem;padding:7px 0;color:#496638}.equipment-skills{border-top:1px dashed #d9dccb;margin:8px 0 12px;padding-top:10px}.equipment-skills>div{display:flex;gap:8px;align-items:center}.equipment-skills strong,.equipment-skills span{display:block;font-size:.72rem}.equipment-skills span{font-size:.68rem;color:var(--muted)}.equipment-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 8px}.equipment-actions button{font-size:.75rem;padding:10px 6px}.mogu-skill-choice{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e4e6d6}.mogu-skill-choice>div{flex:1;min-width:0}.mogu-skill-choice .mogu-small{margin-top:6px}.mogu-companion{display:flex;gap:12px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--line)}.mogu-companion>div{flex:1;min-width:0}.mogu-companion p{font-size:.78rem}.mogu-xp{margin-top:10px;font-size:.66rem;color:var(--muted)}.mogu-xp progress{display:block;width:100%;height:7px;accent-color:#809b45;margin-top:5px}.mogu-result-heading{display:flex;align-items:center;gap:6px;margin:14px 0 20px}.mogu-result-heading h1{font-size:1.3rem}.mogu-rewards{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mogu-rewards li{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.76rem;gap:6px;background:#fffdf5;border:1px solid var(--line);border-radius:12px;padding:10px}.mogu-saved{font-size:.8rem;color:#55773a;text-align:center;margin:20px 0 12px!important}.mogu-ui[data-screen=result]>.mogu-content>button{width:100%;margin-top:10px}.mogu-message{background:#fff1cc;padding:12px;border:1px solid #c9aa63;border-radius:10px;margin:0 0 12px!important;font-size:.85rem}.mogu-ui.is-hud{position:absolute;inset:0;max-width:none;background:transparent;pointer-events:none;padding:0}.mogu-ui.is-hud>.mogu-content{height:100%;pointer-events:none}.mogu-hud-top{position:absolute;top:8px;left:8px;right:8px;display:grid;grid-template-columns:minmax(0,1fr) 58px 48px;gap:5px;align-items:center}.mogu-health{border-radius:12px;background:#faf8eeed;padding:6px 10px;box-shadow:0 2px 8px #17382120}.mogu-health p{font-size:.72rem;font-weight:700;line-height:1.4}.mogu-health progress{display:block;width:100%;height:10px;accent-color:#638640;margin-top:4px}.mogu-hud-top button{pointer-events:auto;padding:8px 3px;min-height:48px;font-size:.7rem;background:#faf8eef2;border-color:#afbc98}.mogu-hud-loot{position:absolute;top:64px;left:8px;padding:3px 9px;background:#faf8eedb;border-radius:8px;font-size:.64rem;color:#3e5138;max-width:calc(100% - 16px)}.mogu-hud-controls{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:10px;right:10px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px;pointer-events:none}.mogu-hud-controls button{pointer-events:auto;min-height:82px;background:#faf8eef5;font-size:.7rem;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #b7c39f;box-shadow:0 3px 8px #19382126;border-radius:15px}.mogu-hud-controls button>span:not(.mogu-art){line-height:1.35}.mogu-hud-controls small{display:block;font-size:.62rem;font-weight:400}.mogu-hud-controls .mogu-dodge{background:#e7eed7f5;font-size:.95rem}.mogu-ui.is-hud .mogu-message{position:absolute;top:100px;left:8px;right:8px;z-index:2;pointer-events:auto}.mogu-ui[data-paused=true] .mogu-health{outline:2px solid #dbb96e}.mogu-slots strong{font-size:.72rem}.mogu-slots small{font-size:.68rem}.mogu-skill-notice{position:absolute;bottom:112px;left:10px;right:10px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff4dcec;border:1px solid #ddbb73;border-radius:12px;pointer-events:none;box-shadow:0 2px 6px #20392214}.mogu-skill-notice[hidden]{display:none}.mogu-skill-notice[data-result=cast]{background:#edf6deed;border-color:#afc585}.mogu-skill-notice strong,.mogu-skill-notice span:not(.mogu-art){display:block;font-size:.82rem;line-height:1.5}.mogu-skill-notice>div{min-width:0}.mogu-hud-controls button small{overflow-wrap:anywhere}.mogu-health-row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:20px}.mogu-health-row p{white-space:nowrap}.mogu-hp-loss{display:inline-flex;color:#8d3428;background:#f8ded0;border-radius:6px;font-size:.78rem;font-weight:800;padding:0 4px;white-space:nowrap}.mogu-hp-loss[hidden],.mogu-pickup-notice[hidden]{display:none}.mogu-ui[data-hurt=true] .mogu-health{box-shadow:inset 0 0 0 2px #c48169,0 2px 8px #17382120}.mogu-pickup-notice{position:absolute;top:94px;left:8px;max-width:calc(100% - 16px);display:grid;gap:3px;padding:7px 10px;background:#fff9e5ed;border:1px solid #ddc690;border-radius:11px;pointer-events:none;box-shadow:0 2px 6px #20392214}.pickup-resources{display:flex;gap:12px;flex-wrap:wrap}.pickup-resources>span,.pickup-equipment{display:flex;align-items:center;gap:5px}.pickup-resources strong,.pickup-equipment strong{font-size:.79rem;line-height:1.4}.pickup-equipment{max-width:285px}.mogu-hud-controls button.is-requested{border-color:#c8943f;box-shadow:inset 0 0 0 2px #dfb360,0 3px 8px #19382126;background:#fff1c5}.mogu-hud-controls button small{font-size:.72rem;line-height:1.35}.mogu-ui .mogu-small{font-size:.85rem}.mogu-home-help p{font-size:.875rem}.mogu-slots strong,.mogu-slots small,.mogu-stats dt{font-size:.75rem}.equipment-difference,.equipment-skills strong{font-size:.85rem}.equipment-skills span,.equipment-actions button{font-size:.8rem}.mogu-companion p{font-size:.875rem}.mogu-xp{font-size:.75rem}.mogu-hud-loot{font-size:.7rem}.mogu-hud-controls button{font-size:.75rem}.mogu-hud-controls small{font-size:.7rem}@media(max-width:350px){.mogu-ui{padding:14px 12px 20px}.mogu-ui h1{font-size:1.28rem}.mogu-header{gap:4px}.mogu-level{font-size:.63rem;padding:5px 7px}.mogu-wallet>div{padding:7px;gap:5px}.mogu-slots{gap:4px}.mogu-slots button{min-height:136px}.equipment-heading{gap:7px}.equipment-heading h3{font-size:.9rem}.mogu-equipment-card{padding:11px}.mogu-companion{gap:4px;padding:14px 0}.mogu-companion>.mogu-art{margin-left:-9px}.mogu-hud-controls{gap:5px;left:7px;right:7px}.mogu-hud-controls button{font-size:.65rem}.mogu-result-heading h1{font-size:1.12rem}}.mogu-cutin{position:absolute;top:100px;left:8px;right:8px;display:block;width:calc(100% - 16px);max-width:none;height:auto;aspect-ratio:2;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;z-index:1;pointer-events:none}.mogu-cutin>.mogu-art{position:absolute;inset:0;filter:drop-shadow(0 2px 4px #28402c22)}.mogu-cutin>.cutin-title{position:absolute;left:5%;top:50%;width:41%;transform:translateY(-50%) rotate(-5deg);text-shadow:0 2px 0 #fff9df,2px 0 0 #fff9df,-2px 0 0 #fff9df,0 -2px 0 #fff9df,0 3px 8px #fff9df}.mogu-cutin small{font-size:.72rem;color:#365434;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.mogu-cutin strong{font-size:clamp(1.1rem,5.6vw,1.6rem);line-height:1.3;font-weight:900;color:#213e27;white-space:pre-line;word-break:normal;overflow-wrap:anywhere}.mogu-aim-controls{position:absolute;left:8px;right:8px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 98px);z-index:3;display:grid;gap:6px;padding:8px;background:#fffdf3f2;border:1px solid #d7c884;border-radius:14px;box-shadow:0 3px 12px #20392235;pointer-events:auto}.mogu-aim-controls[hidden]{display:none}.mogu-aim-help{font-size:.78rem;font-weight:700;line-height:1.4;text-align:center;color:#38553a}.mogu-aim-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mogu-aim-buttons button{min-height:46px;padding:6px 5px;font-size:.86rem}.mogu-aim-buttons .mogu-primary{margin:0;font-size:.92rem}@media(max-width:350px){.mogu-aim-controls{left:7px;right:7px;gap:5px;padding:6px}.mogu-aim-buttons{gap:5px}.mogu-aim-buttons button{min-height:44px;font-size:.8rem}.mogu-aim-help{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.mogu-cutin{transform:none!important}.mogu-cutin>.cutin-title{transform:translateY(-50%)}}