.impact-battle{--cyan:#9af4ee;--gold:#ffd68d;--kick:4cqw;max-width:480px;width:100%;margin:0 auto;color:#fff4da;text-align:left;box-sizing:border-box;font-family:PingFang TC,Microsoft JhengHei,sans-serif}.impact-battle *{box-sizing:border-box}.impact-battle .impact-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0;margin:0 0 12px;background:none}.impact-heading small{font-size:10px;letter-spacing:.12em;color:#afc7c5}.impact-battle .impact-heading h1{font-size:25px;line-height:1.2;letter-spacing:.03em;margin:4px 0;color:#fff4da}.impact-heading>span{font-size:12px;white-space:nowrap;color:#dfcda7}.impact-fighters{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:10px 12px;border:1px solid #b6a77855;border-radius:10px 10px 0 0;background:#10282f}.impact-fighters>div{min-width:0;display:flex;flex-direction:column;gap:3px}.impact-fighters>div:last-child{text-align:right}.impact-fighters small{font-size:10px;color:#accec9}.impact-fighters strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.impact-fighters span{font-size:12px;font-variant-numeric:tabular-nums}.impact-fighters meter{width:100%;height:12px;accent-color:#76e6d6}.impact-fighters meter::-webkit-meter-bar{background:#08171c;border:0}.impact-fighters meter::-webkit-meter-optimum-value{background:#81e3d0}.impact-fighters>div:last-child meter::-webkit-meter-optimum-value{background:#ffc884}.impact-arena{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;aspect-ratio:1.55;background:radial-gradient(ellipse at 50% 50%,#537975 0,#213f49 45%,#091b29 78%);border:1px solid #b6a77855;border-top:0;border-radius:0 0 14px 14px}.impact-background{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.28;z-index:-2;filter:saturate(.65)}.impact-bowl{position:absolute;inset:10% 3% 12%;border:2px solid #e4d3aa66;border-radius:50%;transform:rotate(-8deg);background:repeating-radial-gradient(ellipse at center,transparent 0 21px,#93d5d314 23px 24px);box-shadow:inset 0 0 24px #050f23,0 10px #05131f,0 12px 1px #abc6b33b}.impact-bowl:after{content:"";position:absolute;inset:23%;border-radius:50%;border:1px solid #e9ddb142;box-shadow:0 0 28px #80cbd020}.impact-motion{position:absolute;inset:0;--direction:1}.impact-top{position:absolute;top:32%;width:26%;aspect-ratio:1;filter:drop-shadow(0 12px 5px #0009);will-change:transform}.impact-me{left:14%;--direction:1;--top-color:var(--cyan)}.impact-foe{right:14%;--direction:-1;--top-color:var(--gold)}.impact-spinner{position:absolute;inset:0;border-radius:50%;animation:impact-spin .34s linear infinite;filter:drop-shadow(0 0 6px var(--top-color));overflow:hidden}.impact-battle .impact-spinner .blade-art{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;margin:0!important;border:0!important;border-radius:50%;background:none}.impact-battle .impact-spinner .art-unavailable{display:none!important}.impact-spinner:has(img)>.impact-marker{display:none}.impact-marker{display:block;position:absolute;inset:6%;border:5px double var(--top-color);border-radius:50%;background:conic-gradient(from 0deg,#142e38 0 30deg,var(--top-color) 31deg 42deg,#142e38 43deg 120deg,var(--top-color) 121deg 132deg,#142e38 133deg 240deg,var(--top-color) 241deg 252deg,#142e38 253deg);box-shadow:inset 0 0 0 7px #294955,inset 0 0 16px #071722}.impact-marker:after{content:"";position:absolute;inset:32%;border-radius:50%;border:3px solid var(--top-color);background:#234452}.impact-trail{position:absolute;inset:-9%;border:2px solid transparent;border-top-color:var(--top-color);border-bottom-color:var(--top-color);border-radius:50%;opacity:.75;animation:impact-spin .4s linear infinite;box-shadow:0 0 10px #b2e7e520}.impact-motion[data-phase=open] .impact-top{animation:impact-launch .9s cubic-bezier(.15,.8,.2,1) both}.impact-motion[data-phase=approach] .impact-top{animation:impact-approach var(--contact) cubic-bezier(.6,.05,.85,.6) both}.impact-motion[data-phase=contact] .impact-top{transform:translate(calc(var(--direction)*10cqw))}.impact-motion[data-phase=recoil] .impact-top{animation:impact-recoil .5s ease-out both}.impact-motion[data-phase=recoil][data-action=me] .impact-foe,.impact-motion[data-phase=recoil][data-action=foe] .impact-me{animation-name:impact-recoil-victim}.impact-battle[data-phase=contact] .impact-spinner,.impact-battle[data-phase=contact] .impact-trail{animation-play-state:paused}.impact-motion[data-phase=end] .impact-top{opacity:.3;filter:grayscale(.6)}.impact-battle[data-power=big]{--kick:6cqw}.impact-battle[data-power=crit]{--kick:8cqw}.impact-battle[data-power=ult]{--kick:10cqw}.impact-flash{position:absolute;left:50%;top:51%;width:18px;height:18px;border-radius:50%;background:#fff7d1;box-shadow:0 0 15px 6px #ffbe68;animation:impact-flash .35s ease-out both;z-index:3}.impact-flash i{position:absolute;left:-40px;top:7px;width:98px;height:3px;background:linear-gradient(90deg,transparent,#fff7d1,transparent);transform:rotate(25deg)}.impact-flash i:nth-child(2){transform:rotate(75deg)}.impact-flash i:nth-child(3){transform:rotate(135deg)}.impact-flash i:nth-child(4){transform:rotate(165deg)}.impact-shock{position:absolute;left:50%;top:54%;width:70px;height:70px;border-radius:50%;border:3px solid #ffe4a9;animation:impact-shock .5s ease-out both;z-index:2}.impact-damage{position:absolute;top:22%;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #572713,0 0 12px #bd5813;color:#fff0ba;z-index:4;animation:impact-damage .6s ease-out both}.impact-damage.on-foe{right:17%}.impact-damage.on-me{left:17%}.impact-battle[data-power=crit] .impact-damage,.impact-battle[data-power=ult] .impact-damage{font-size:40px;color:#fff}.impact-battle[data-power=big] .impact-shock,.impact-battle[data-power=crit] .impact-shock,.impact-battle[data-power=ult] .impact-shock{width:100px;height:100px;border-width:4px}.impact-battle[data-power=ult] .impact-flash{box-shadow:0 0 30px 16px #ffe4a9}.impact-art-note{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;color:#dbdccb;z-index:1}.impact-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#061821c9;z-index:5;text-align:center;padding:12px}.impact-result small{font-size:12px;color:#c7cfbf}.impact-battle .impact-result h2{font-size:30px;margin:10px 0;color:#ffe1a0;letter-spacing:.1em}.impact-battle .impact-result p{font-size:13px;margin:0;color:#e3decd}.impact-caption{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:7px 4px;color:#ffe6b3;font-weight:750;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.impact-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:7px}.impact-battle .impact-controls button{width:auto;min-width:0;min-height:44px;margin:0;padding:8px 4px;font-size:13px;border:1px solid #91aaa066;border-radius:6px;background:#17363e;color:#fff3d7}.impact-battle .impact-controls .primary{background:#e5c589;color:#182a2b}.impact-battle button:disabled{opacity:.45}.impact-battle button:focus-visible,.impact-receipt summary:focus-visible{outline:3px solid #a1fff0;outline-offset:2px}.impact-receipt{margin-top:10px;border:0;background:none;padding:0;color:#c0cfca;font-size:12px}.impact-receipt summary{min-height:34px;padding:7px 0;cursor:pointer}.impact-receipt p{white-space:pre-wrap;font-size:13px;line-height:1.6}.impact-portrait{width:72px;height:72px;object-fit:contain;float:right}.impact-battle[data-playing=false] *{animation-play-state:paused!important}.impact-battle[data-reduced=true] *{animation:none!important;transition:none!important}.impact-battle[data-reduced=true] .impact-top{transform:none!important}.impact-battle[data-reduced=true] .impact-flash,.impact-battle[data-reduced=true] .impact-shock,.impact-battle[data-reduced=true] .impact-trail{display:none}@keyframes impact-spin{to{transform:rotate(360deg)}}@keyframes impact-counterspin{to{transform:rotate(-360deg)}}@keyframes impact-launch{0%{transform:translate(calc(var(--direction)*-18cqw),-24cqw) scale(.5);opacity:0}55%{transform:translateY(2cqw) scale(1.1);opacity:1}75%{transform:translateY(-1cqw) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes impact-approach{0%{transform:translate(0)}22%{transform:translate(calc(var(--direction)*-3cqw),-2cqw)}to{transform:translate(calc(var(--direction)*10cqw))}}@keyframes impact-recoil{0%{transform:translate(calc(var(--direction)*10cqw))}45%{transform:translate(calc(var(--direction)*-2cqw),1cqw)}to{transform:translate(0)}}@keyframes impact-recoil-victim{0%{transform:translate(calc(var(--direction)*10cqw));filter:brightness(1.7)}45%{transform:translate(calc(var(--direction)*var(--kick)*-1),3cqw);filter:brightness(1)}to{transform:translate(0)}}@keyframes impact-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes impact-shock{0%{opacity:.9;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes impact-damage{0%{opacity:1;transform:translateY(5px) scale(.85)}20%{transform:translateY(-4px) scale(1.15)}75%{opacity:1}to{opacity:0;transform:translateY(-28px) scale(1)}}@media(prefers-reduced-motion:reduce){.impact-battle *{animation:none!important;transition:none!important}.impact-battle .impact-top{transform:none!important}.impact-flash,.impact-shock,.impact-trail{display:none}}.journey[data-view=battle]{min-height:0;height:calc(100svh - 48px)}.journey .journey-battle{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 20px;gap:8px}.journey .journey-battle .impact-battle{flex-shrink:0}.journey .journey-battle>.journey-primary{min-height:46px;font-size:15px}.journey-battle:has(.impact-battle:not([data-phase=end]))>.journey-primary{display:none}@media(max-width:350px){.impact-battle .impact-heading h1{font-size:22px}.impact-fighters{gap:10px;padding:8px}.impact-caption{font-size:14px}.impact-battle .impact-result h2{font-size:25px}.journey .journey-battle{padding-left:10px;padding-right:10px}}:root{font-family:PingFang TC,Microsoft JhengHei,sans-serif;color:#242821;background:#e5e0d5;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #c4c4b8;background:#faf9f4;color:#242821;padding:10px 20px;border-radius:7px;font-weight:650}button:hover{background:#e8e6dc}button:focus-visible,summary:focus-visible{outline:3px solid #99561a;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.shell{max-width:960px;min-height:100dvh;background:#f6f3ea;margin:auto;position:relative;padding-bottom:100px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 36px;border-bottom:2px solid #242821}.wordmark{display:flex;flex-direction:column;line-height:1.1}.wordmark small{font-weight:700;letter-spacing:5px;font-size:11px;margin-bottom:5px}.wordmark strong{font-size:24px;letter-spacing:-1px}.pill{font-size:12px;border:1px solid #8c9186;padding:7px 11px;border-radius:30px;white-space:nowrap}.notice{background:#ebe5d5;color:#56533f;text-align:center;padding:10px;font-size:12px}main{padding:32px 36px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}small{font-size:12px;letter-spacing:1px}h1{font-size:38px;letter-spacing:-1px;line-height:1.25;margin:12px 0 0}h2{font-size:27px;margin:16px 0}h3{font-size:17px;margin:8px 0}p{line-height:1.7}.primary{background:#efbd46;border-color:#242821;box-shadow:3px 3px #242821}.primary:hover{background:#ffd171}.muted{color:#606358;font-size:13px}.home-blade{display:flex;align-items:center;gap:64px;padding:35px 24px 45px;border-bottom:1px solid #babdb0}.top{width:130px;height:130px;border:13px double #4a4434;outline:6px solid #d8a946;border-radius:36%;background:#ecc45b;display:grid;place-items:center;transform:rotate(20deg);box-shadow:8px 16px #0002;flex-shrink:0}.top span{font-size:70px;line-height:1;color:#3d3d30}.top.enemy{background:#889e99;outline-color:#6a8580}.story-entry{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;margin-top:28px;padding:22px 0;border:0;border-bottom:1px solid #babdb0;background:none;border-radius:0}.story-entry small,.story-entry strong{display:block}.story-entry strong{font-size:21px;margin-top:8px}.arena{background:#e6e8dd;border:1px solid #abb1a1;border-radius:12px;padding:26px;overflow:hidden}.fighters{display:flex;justify-content:space-between;gap:25px}.fighters>div{width:43%}.foe{text-align:right}meter{display:block;width:100%;height:16px;accent-color:#647656}meter::-webkit-meter-optimum-value{background:#647656}meter::-webkit-meter-bar{background:#ced3c5;border:0}.fighters p{font-size:12px;margin:3px 0;font-variant-numeric:tabular-nums}.ring{display:flex;align-items:center;justify-content:space-around;gap:12px;height:265px;background:radial-gradient(ellipse at center,transparent 50%,#b9c1b4 51%,transparent 52%,transparent 65%,#b9c1b4 66%,transparent 67%)}.versus{font-size:22px;font-weight:900;color:#6e7665;font-style:italic}.battle-status{text-align:center;font-size:27px;font-weight:800;min-height:45px}.placeholder{display:block;text-align:center;color:#616759;font-size:11px;letter-spacing:0}.controls{display:flex;gap:12px;margin:24px 0}.controls button{flex:1;padding:10px}details{padding:16px 0;border-top:1px solid #bdc0b4;border-bottom:1px solid #bdc0b4}summary{cursor:pointer;min-height:30px}.story-stage{min-height:470px;display:flex;flex-direction:column;justify-content:space-between;background:#e8e1d1;border:1px solid #bcb09b;border-radius:12px;overflow:hidden}.scene-label{padding:20px;font-size:12px;color:#645e51}.portrait-placeholder{text-align:center;margin:20px auto;width:170px;padding:34px;border:1px dashed #95866d;border-radius:80px 80px 0 0;color:#74644e;font-size:26px}.portrait-placeholder small{font-size:11px}.dialogue{background:#fffcf3;border-top:2px solid #776c56;padding:25px}.dialogue>small{font-weight:800;color:#72572f}.dialogue p{white-space:pre-line;margin:14px 0 24px}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:960px;display:flex;background:#f6f3ea;border-top:2px solid #242821;z-index:1;padding:12px 26px;padding-bottom:max(12px,env(safe-area-inset-bottom));margin-bottom:0}nav button{flex:1;border:0;background:none;border-radius:0;color:#626557}nav button[aria-current]{color:#242821;background:#ead8a8;border-radius:7px}.spinning{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(380deg)}}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}@media(max-width:600px){header{padding:20px}main{padding:26px 20px}h1{font-size:32px}.home-blade{padding:30px 0;gap:26px;align-items:flex-start}.home-blade .top{width:88px;height:88px;margin:15px 7px 0}.top span{font-size:50px}.home-blade h2{font-size:22px}.home-blade p{font-size:14px}.arena{padding:20px 14px}.ring{height:240px}.ring .top{width:86px;height:86px;border-width:10px}.fighters h3{font-size:15px}.battle-status{font-size:24px}.pill{font-size:11px}.controls{gap:8px}.controls button{font-size:14px}.story-stage{min-height:470px}.dialogue{padding:20px}nav{padding-inline:20px}.notice{font-size:11px}}