:root{color-scheme:only light;--bg: #ffffff;--surface: #ffffff;--surface-2: #f4f1f8;--line: #e4dcec;--line-strong: #cdc2d8;--text: #3a3447;--text-2: #5d5669;--muted: #847b92;--accent: #6677c9;--accent-soft: #ecedfb;--gold: #c4925f;--bad: #d4798b;--bad-soft: #fae5ea;--mirror: #9f84d2;--good: #45ad88;--good-soft: #d6f0e6;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(60, 50, 80, .08);--shadow: 0 2px 8px -1px rgba(60, 50, 80, .12), 0 1px 2px -1px rgba(60, 50, 80, .06);--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--bg)}.hide{display:none!important}.ico{width:1em;height:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em}.stage{max-width:600px;margin:0 auto;padding:0 16px 24px}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);padding:12px 0 10px}.chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;flex-wrap:wrap}.brand-ico{color:var(--accent);width:18px;height:18px}.stage-tag{font-size:12px;color:var(--muted);font-weight:500;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 11px;white-space:nowrap}.battle{position:relative;height:192px;margin-bottom:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,#e6eaf7,#f1f0fa 60%,#dcebd6 60%,#cfe3c4);image-rendering:pixelated}.battle .hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:#ffffffbd;border-bottom:1px solid var(--line)}.hud-l{display:flex;align-items:center;gap:8px;min-width:0}.hud .lab{flex:0 0 auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud .nm{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .form{flex:0 0 auto;background:var(--bad-soft);color:var(--bad);font-size:10px;font-weight:700;padding:1px 8px;border-radius:999px}.reveal-meter{display:flex;gap:4px;flex:0 0 auto}.reveal-meter .seg{width:18px;height:7px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);transition:background .2s,border-color .2s}.reveal-meter .seg.lit{background:var(--good);border-color:var(--good)}.problem-cap{color:var(--text);font-size:15px;font-weight:600;line-height:1.5;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:11px 14px;margin:0 0 14px;box-shadow:var(--shadow-sm)}.slot{position:absolute;bottom:6px;z-index:2;will-change:transform}.slot.hero{left:10px;z-index:3}.slot.boss{right:12px}.px{width:100px;height:100px;background-repeat:no-repeat;background-position:0 0;background-size:auto 100%;image-rendering:pixelated;transform-origin:center 56%;transition:filter .12s}.hero .px{transform:scale(3.2)}.boss .px{transform:scaleX(-1) scale(3.4)}.px.fx-block{filter:brightness(.55) grayscale(.4)}.px.fx-reflect{filter:drop-shadow(0 0 8px var(--mirror)) brightness(1.18)}.px.fx-hurt{filter:drop-shadow(0 0 8px var(--bad)) brightness(1.4)}.px.fx-reveal{filter:drop-shadow(0 0 8px var(--gold)) brightness(1.4)}.boss .px.dead{filter:grayscale(.35) brightness(.95)}@keyframes strip-4{0%{background-position-x:0}to{background-position-x:-400px}}@keyframes strip-6{0%{background-position-x:0}to{background-position-x:-600px}}@keyframes strip-7{0%{background-position-x:0}to{background-position-x:-700px}}@keyframes strip-8{0%{background-position-x:0}to{background-position-x:-800px}}.fx{position:absolute;pointer-events:none;z-index:4}.fx.impact{left:50%;bottom:60px;width:64px;height:64px;margin-left:-32px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);animation:impact .3s ease-out forwards}.fx.impact.big{width:100px;height:100px;margin-left:-50px;bottom:44px}@keyframes impact{0%{transform:scale(.3);opacity:1}to{transform:scale(1.7);opacity:0}}.fx.slash{left:50%;bottom:78px;width:108px;height:13px;margin-left:-54px;border-radius:7px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:rotate(-35deg) scaleX(.2);opacity:0;animation:slash .28s ease-out forwards}.fx.slash.big{width:150px;margin-left:-75px}@keyframes slash{0%{opacity:0;transform:rotate(-35deg) scaleX(.2)}30%{opacity:1;transform:rotate(-35deg) scaleX(1)}to{opacity:0;transform:rotate(-35deg) scaleX(1.15)}}.fx.dust{left:50%;bottom:44px;width:38px;height:15px;margin-left:-19px;border-radius:50%;background:radial-gradient(circle,rgba(100,116,139,.45),transparent 70%);opacity:0;animation:dust .42s ease-out forwards}@keyframes dust{0%{opacity:.6;transform:scale(.4)}to{opacity:0;transform:scale(1.6) translate(-12px)}}.fx.crit-flash{top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;z-index:5;animation:critFlash .34s ease-out forwards}@keyframes critFlash{0%{opacity:0}14%{opacity:.7}to{opacity:0}}.battle.shake-small{animation:shakeS .42s}.battle.shake-big{animation:shakeB .44s}@keyframes shakeS{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px)}}@keyframes shakeB{0%,to{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-5px,1px)}80%{transform:translate(4px,-1px)}}.battle.won{background:linear-gradient(180deg,#fdf1d8,#fbf6e4 60%,#dcebd6 60%,#cfe3c4)}.combat-text{position:absolute;top:50%;left:50%;z-index:6;transform:translate(-50%,-50%) scale(.6);font-size:20px;font-weight:900;letter-spacing:.01em;opacity:0;pointer-events:none;white-space:nowrap;text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff}.combat-text.show{animation:ctPop 1.1s var(--ease)}.combat-text.block{color:var(--muted)}.combat-text.reflect{color:var(--mirror)}.combat-text.reveal{color:var(--gold)}.combat-text.crit{color:var(--good);font-size:24px}@keyframes ctPop{0%{opacity:0;transform:translate(-50%,-40%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}75%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-72%) scale(1)}}.log{display:flex;flex-direction:column;gap:10px;padding:2px 2px 0}.msg{max-width:90%;padding:10px 13px;border-radius:var(--r-md);font-size:14.5px;opacity:0;transform:translateY(6px)}.msg.in{animation:rise .26s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:none}}.msg.you{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--shadow-sm)}.msg.ai{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.msg.who{font-size:11px;color:var(--muted);margin-bottom:2px;display:block}.msg.ai .qua{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;margin-top:8px;padding:3px 9px;border-radius:999px}.qua .ico{width:13px;height:13px}.qua.bad{background:var(--bad-soft);color:var(--bad)}.qua.mirror{background:#f1ebf8;color:var(--mirror)}.qua.good{background:var(--good-soft);color:var(--good)}.note{align-self:stretch;max-width:100%;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-md);padding:12px 15px;font-size:14px;color:var(--text-2)}.note.bad{border-left-color:var(--bad)}.note.good{border-left-color:var(--good)}.note .k{font-weight:800;color:var(--text)}.note .map{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-strong);font-size:12.5px;color:var(--muted)}.note .map b{color:var(--accent);font-weight:700}.typing{display:inline-flex;gap:4px;align-items:center}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.controls{padding-top:14px;margin-top:12px;border-top:1px solid var(--line)}.ctrl-h{font-size:13px;color:var(--muted);margin:0 2px 8px}.moves,.choice{display:flex;flex-direction:column;gap:8px}button.move{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .1s}button.move:hover{border-color:var(--accent);box-shadow:var(--shadow)}button.move:active{transform:translateY(1px)}button.move:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.move .opt-ico{flex:0 0 auto;color:var(--muted);display:inline-flex}.move .opt-ico .ico{width:17px;height:17px}.move .b{flex:1;min-width:0;font-weight:600;font-size:14.5px;color:var(--text);line-height:1.4}.move .done{flex:0 0 auto;color:var(--good);display:inline-flex}.move .done .ico{width:18px;height:18px}button.opt{text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);transition:border-color .15s}button.opt:hover{border-color:var(--accent)}.next-row{display:flex;gap:8px}button.retry{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-md);padding:11px;cursor:pointer;font:inherit;font-size:13.5px;box-shadow:var(--shadow-sm);transition:border-color .15s}button.retry:hover{border-color:var(--accent)}button.retry.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.retry .ico{width:15px;height:15px}@media (max-width: 380px){.battle{height:162px}.hero .px{transform:scale(2.6)}.boss .px{transform:scaleX(-1) scale(2.8)}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}.msg{opacity:1;transform:none}}