:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#37303f;background:#37303f;--viewport-width: 100vw;--viewport-height: 100vh;--viewport-unit: 1vh;--arena-unit: min(1vw, 1.77777778vh);--ink: #37303f;--cream: #f4e8ca;--paper: #e7d9bc;--gold: #eabd43;--orange: #e97a45;--rock: #837c8c;--muted: #b9b1b8;--life: #c46453;--frame-stroke: 2.5px;--frame-shadow: 3px;--corner-cut: 8px;--inner-cut: calc(var(--corner-cut) - 1.5px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:none}body:has(#main-menu:not([hidden])){background:linear-gradient(90deg,#332d3b 50%,var(--cream) 50%)}body:has(#loading-screen:not([hidden])){background:var(--cream)}body:has(#leaderboard-overlay:not([hidden])){touch-action:pan-y}body:has(#settings-overlay:not([hidden])){touch-action:pan-y}body:has(#interaction-overlay:not([hidden])){touch-action:pan-x pan-y}body:has(#rotate:not([hidden])){touch-action:pan-y}#arena{--safe-left: max(0px, calc(env(safe-area-inset-left, 0px) - var(--arena-left, 0px)));--safe-top: max(0px, calc(env(safe-area-inset-top, 0px) - var(--arena-top, 0px)));--safe-right: max(0px, calc(env(safe-area-inset-right, 0px) - var(--arena-right, 0px)));--safe-bottom: max(0px, calc(env(safe-area-inset-bottom, 0px) - var(--arena-bottom, 0px)));--hud-top: max(calc(2.25 * var(--arena-unit)), calc(var(--safe-top) + 8px));--hud-button-size: clamp(52px, calc(6.25 * var(--arena-unit)), 64px);--hud-button-gap: clamp(8px, calc(1.25 * var(--arena-unit)), 12px);position:relative;width:min(var(--viewport-width),calc(1.77777778 * var(--viewport-height)));aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:var(--cream)}canvas{display:block;width:100%;height:100%}#game{outline:none}#hud,#controls,#danger-layer{position:absolute;inset:0;pointer-events:none}#hud{z-index:1}#controls{z-index:2}#danger-layer{z-index:3}button{font:inherit;outline:none;-webkit-tap-highlight-color:transparent;touch-action:none;cursor:pointer;color:var(--ink)}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.comic-button{--button-fill: var(--cream);--button-cut: polygon(0 0, calc(100% - var(--corner-cut)) 0, 100% var(--corner-cut), 100% 100%, var(--corner-cut) 100%, 0 calc(100% - var(--corner-cut)));position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:10px 15px 12px;border:0;border-radius:0;background:transparent;font-weight:750;letter-spacing:.04em;line-height:1.15;white-space:nowrap;transition:transform 90ms ease-out}.comic-button:before,.comic-button:after{content:"";position:absolute;pointer-events:none;clip-path:var(--button-cut)}.comic-button:before{z-index:-2;inset:0 0 calc(0px - var(--frame-shadow));background:var(--ink)}.comic-button:after{z-index:-1;inset:var(--frame-stroke);background:var(--button-fill);clip-path:polygon(0 0,calc(100% - var(--inner-cut)) 0,100% var(--inner-cut),100% 100%,var(--inner-cut) 100%,0 calc(100% - var(--inner-cut)))}.comic-button:active:not(:disabled){transform:translateY(2px)}.comic-button:active:not(:disabled):before{bottom:-1px}.comic-button:disabled{opacity:.55}.hearts{--heart-size: clamp(23px, calc(3.78 * var(--arena-unit)), 43px);position:absolute;top:var(--hud-top);left:max(3.5%,calc(var(--safe-left) + 7px));display:grid;grid-template-columns:repeat(5,var(--heart-size));column-gap:clamp(3px,calc(.5 * var(--arena-unit)),7px);row-gap:2px;padding-top:max(0px,calc((var(--hud-button-size) - var(--heart-size)) / 2))}.heart{position:relative;display:block;width:var(--heart-size);height:var(--heart-size)}.heart img{position:relative;display:block;width:100%;height:100%;object-fit:contain}.heart.is-lost{animation:heart-lost .18s ease-out}.heart.is-gaining{z-index:1}.heart-gain-layer{position:absolute;z-index:5;inset:0;pointer-events:none}.heart-gain-shade{position:absolute;inset:0;background:#37303f66}.heart-gain-flyer{position:absolute;top:0;left:0;width:var(--gain-heart-size);height:var(--gain-heart-size);object-fit:contain;filter:drop-shadow(0 0 16px #ffd969) drop-shadow(0 5px 0 #37303f66);will-change:transform,opacity}.heart-gain-ring{position:absolute;inset:-10%;border:3px solid var(--gold);border-radius:50%;box-shadow:0 0 10px #ffd969a6,inset 0 0 6px #ffd96980;pointer-events:none}.heart-gain-center-ring{inset:auto;top:calc(50% - var(--gain-heart-size) / 2);left:calc(50% - var(--gain-heart-size) / 2);width:var(--gain-heart-size);height:var(--gain-heart-size);border-width:5px}.boss-health{position:absolute;top:calc(var(--hud-top) + var(--hud-button-size) / 2);left:50%;transform:translate(-50%,-50%);width:min(34%,450px);padding:3px 4px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:var(--ink)}.boss-track{position:relative;height:clamp(14px,calc(1.7 * var(--arena-unit) + 2px),22px);padding:2px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 3.5px) 0,100% 3.5px,100% 100%,3.5px 100%,0 calc(100% - 3.5px));background:var(--cream)}.boss-track:before{content:"";position:absolute;inset:2px;background:var(--rock)}.boss-fill{position:relative;display:block;height:100%;width:100%;transform:scaleX(var(--boss-health, 1));transform-origin:left;background:var(--orange);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%);transition:transform .14s ease-out}#settings,#leaderboard,#interaction{--corner-cut: 6px;--frame-stroke: 2px;--inner-cut: 4.8px;position:absolute;z-index:9;top:var(--hud-top);right:max(3.5%,calc(var(--safe-right) + 7px));width:var(--hud-button-size);height:var(--hud-button-size);max-width:64px;max-height:64px;padding:clamp(11px,calc(1.25 * var(--arena-unit)),13px);pointer-events:auto}#settings{right:calc(max(3.5%,calc(var(--safe-right) + 7px)) + var(--hud-button-size) + var(--hud-button-gap))}#leaderboard{right:calc(max(3.5%,calc(var(--safe-right) + 7px)) + 2 * (var(--hud-button-size) + var(--hud-button-gap)))}#settings[aria-expanded=true],#leaderboard[aria-expanded=true],#interaction[aria-expanded=true]{--button-fill: var(--gold)}#settings svg,#leaderboard svg,#interaction svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:bevel}.control-group{position:absolute;bottom:max(4%,calc(var(--safe-bottom) + 10px));display:flex;gap:13px;pointer-events:none}.control-group button{pointer-events:auto}.directions{display:none;left:max(3.5%,calc(var(--safe-left) + 10px))}.virtual-joystick{--joystick-size: clamp(132px, calc(34 * var(--viewport-unit)), 184px);--joystick-hit-padding: calc(var(--joystick-size) * .25);--joystick-x: 0px;--joystick-y: 0px;position:relative;display:grid;place-items:center;width:calc(var(--joystick-size) + var(--joystick-hit-padding) * 2);height:calc(var(--joystick-size) + var(--joystick-hit-padding) * 2);margin:calc(0px - var(--joystick-hit-padding));padding:var(--joystick-hit-padding);border:0;border-radius:50%;background:transparent}.joystick-base{position:relative;display:grid;place-items:center;width:var(--joystick-size);height:var(--joystick-size);border:3px solid #37303f9c;border-radius:50%;background:radial-gradient(circle,#f4e8ca24 0 48%,#37303f18 49% 66%,#f4e8ca30 67%);box-shadow:inset 0 0 0 3px #f4e8ca55,0 3px #37303f38;pointer-events:none}.joystick-base:before{content:"";position:absolute;inset:23%;border:1.5px solid #37303f40;border-radius:50%;pointer-events:none}.joystick-stick{width:47%;height:47%;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff5dc,var(--cream) 62%,#d8c8a4);box-shadow:inset 0 0 0 3px #fff5,0 4px #37303f80;transform:translate(var(--joystick-x),var(--joystick-y));transition:transform .1s ease-out;pointer-events:none}.virtual-joystick.pressed .joystick-stick{background:var(--gold);transition:none}.virtual-joystick:disabled{opacity:.45}.abilities{right:max(3.5%,calc(var(--safe-right) + 10px));align-items:flex-end;padding-bottom:18px}.skill-button{--size: 66px;--ring-color: var(--cream);position:relative;display:block;width:var(--size);height:var(--size);min-width:44px;min-height:44px;padding:5px;border:0;border-radius:50%;background:transparent;transition:transform 90ms ease-out}.skill-face{position:relative;z-index:1;display:block;width:100%;height:100%;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23F4E8CA'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e") center / 100% 100% no-repeat;pointer-events:none}.skill-letter{position:absolute;top:16%;left:17%;width:66%;height:66%;object-fit:contain;pointer-events:none}.skill-ring{position:absolute;z-index:0;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg);pointer-events:none}.ring-outline{stroke:var(--ink);stroke-width:7}.ring-track{stroke:var(--rock);stroke-width:4.5}.ring-progress{stroke:var(--ring-color);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.kick-button.is-charging{--ring-color: #8ce9fa}.skill-button.pressed:not(:disabled){transform:translateY(2px)}.skill-button.pressed:not(:disabled) .skill-face,.skill-button.is-active .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23E7D9BC'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}.skill-button:disabled:not(.is-active) .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23B9B1B8'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}.skill-button:disabled:not(.is-active) .skill-letter{opacity:.64}.skill-button.is-locked .ring-progress{opacity:.45}.ultimate-button.charged{--ring-color: var(--gold);animation:energy-ready .18s ease-out}.ultimate-button.charged .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23EABD43'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}.kick-button.empowered:not(:disabled) .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23F4E8CA'/%3e%3cg%20clip-path='url(%23face)'%3e%3cpath%20d='M66%205%2095%2025%2085%2036%2060%2012Z'%20fill='%23E97A45'/%3e%3c/g%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}kbd{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);display:grid;place-items:center;min-width:23px;height:21px;padding:0 4px;border:1.5px solid var(--ink);background:var(--cream);font:700 11px/1 system-ui,sans-serif;color:var(--ink);pointer-events:none}#overlay,#settings-overlay,#leaderboard-overlay,#interaction-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#37303f94}#settings-overlay{z-index:6}#leaderboard-overlay{z-index:7}#interaction-overlay{z-index:8}#settings-overlay,#leaderboard-overlay,#interaction-overlay{padding-top:var(--panel-top, calc(var(--hud-top) + var(--hud-button-size) + var(--hud-button-gap)));padding-bottom:max(calc(2 * var(--arena-unit)),calc(var(--safe-bottom) + 8px));align-items:safe center;overflow-y:auto;touch-action:pan-x pan-y}#arena:has(#main-menu:not([hidden]))>:is(#settings-overlay,#leaderboard-overlay,#interaction-overlay){padding-top:var(--panel-top, max(calc(2 * var(--arena-unit)), calc(var(--safe-top) + 8px)))}.result-panel,.settings-panel,.leaderboard-panel,.interaction-panel{--corner-cut: 14px;--inner-cut: 12.5px;--panel-cut: polygon(0 0, calc(100% - var(--corner-cut)) 0, 100% var(--corner-cut), 100% 100%, var(--corner-cut) 100%, 0 calc(100% - var(--corner-cut)));position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:clamp(280px,calc(42 * var(--arena-unit)),410px);padding:clamp(18px,calc(2.5 * var(--arena-unit)),27px);animation:panel-enter .14s ease-out both}.result-panel:before,.result-panel:after,.settings-panel:before,.settings-panel:after,.leaderboard-panel:before,.leaderboard-panel:after,.interaction-panel:before,.interaction-panel:after{content:"";position:absolute;pointer-events:none}.result-panel:before,.settings-panel:before,.leaderboard-panel:before,.interaction-panel:before{z-index:-2;inset:0 0 -4px;background:var(--ink);clip-path:var(--panel-cut)}.result-panel:after,.settings-panel:after,.leaderboard-panel:after,.interaction-panel:after{z-index:-1;inset:var(--frame-stroke);background:var(--cream);clip-path:polygon(0 0,calc(100% - var(--inner-cut)) 0,100% var(--inner-cut),100% 100%,var(--inner-cut) 100%,0 calc(100% - var(--inner-cut)))}.result-panel .comic-button,.settings-panel .comic-button,.leaderboard-panel .comic-button,.interaction-panel .comic-button{--corner-cut: 8px;--inner-cut: 6.5px}#result{grid-column:1 / -1;width:100%;height:clamp(65px,calc(12 * var(--arena-unit)),126px);margin:3px 0 0;line-height:0}#result-art{display:block;width:100%;height:100%;object-fit:contain}#victory-time{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.25em .9em;margin:-6px 0 0;color:#686171;font-size:clamp(13px,calc(1.7 * var(--arena-unit)),16px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;text-align:center}#victory-clear-time,#victory-rank{white-space:nowrap}#victory-rank{color:var(--ink);font-weight:750}#continue,#strengthen-retry,#challenge-next,#home{grid-column:1 / -1;font-size:clamp(18px,calc(2.4 * var(--arena-unit)),24px)}#continue,#strengthen-retry,#challenge-next{--button-fill: var(--gold)}.result-panel[data-result=lost] #continue{--button-fill: var(--orange)}.result-panel.has-next #continue{grid-column:1;--button-fill: var(--cream)}.result-panel.has-next #home{grid-column:2}.settings-panel{display:flex;flex-direction:column;gap:clamp(16px,calc(3 * var(--arena-unit)),30px);width:min(calc(78 * var(--arena-unit)),680px);max-width:calc(100% - 32px);min-width:min(300px,calc(100% - 32px));padding:clamp(18px,calc(3.8 * var(--arena-unit)),38px)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(12px,calc(2.2 * var(--arena-unit)),22px);border-bottom:var(--frame-stroke) solid var(--ink)}#settings-title{margin:0;font-size:clamp(26px,calc(4.4 * var(--arena-unit)),42px);font-weight:850;line-height:1.1;letter-spacing:.08em}#settings-close{width:clamp(44px,calc(5.8 * var(--arena-unit)),56px);height:clamp(44px,calc(5.8 * var(--arena-unit)),56px);padding:10px;flex-shrink:0}#settings-close svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:butt}#settings-home,#settings-restart{align-self:center;width:min(100%,320px);font-size:clamp(18px,calc(2.4 * var(--arena-unit)),24px)}#settings-restart{--button-fill: var(--gold)}.settings-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,calc(3 * var(--arena-unit)),32px)}.settings-row label{font-size:clamp(18px,calc(2.8 * var(--arena-unit)),27px);font-weight:750;letter-spacing:.06em;white-space:nowrap}.volume-slider{--volume: 50%;display:block;width:100%;min-width:0;height:44px;margin:0;appearance:none;-webkit-appearance:none;border:0;outline:none;background:transparent;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.volume-slider::-webkit-slider-runnable-track{box-sizing:border-box;height:10px;border:2px solid var(--ink);background:linear-gradient(to right,var(--ink) 0 var(--volume),var(--paper) var(--volume) 100%)}.volume-slider::-moz-range-track{box-sizing:border-box;height:10px;border:2px solid var(--ink);background:linear-gradient(to right,var(--ink) 0 var(--volume),var(--paper) var(--volume) 100%)}.volume-slider::-webkit-slider-thumb{box-sizing:border-box;width:32px;height:32px;margin-top:-13px;appearance:none;-webkit-appearance:none;border:var(--frame-stroke) solid var(--ink);border-radius:50%;background:var(--gold);box-shadow:0 3px 0 var(--ink)}.volume-slider::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border:var(--frame-stroke) solid var(--ink);border-radius:50%;background:var(--gold);box-shadow:0 3px 0 var(--ink)}.volume-slider:active::-webkit-slider-thumb{background:var(--orange)}.volume-slider:active::-moz-range-thumb{background:var(--orange)}.leaderboard-panel{display:flex;flex-direction:column;gap:clamp(8px,calc(1.2 * var(--arena-unit)),12px);width:min(calc(88 * var(--arena-unit)),840px);max-width:calc(100% - 24px);height:100%;min-height:0;padding:clamp(12px,calc(2.2 * var(--arena-unit)),24px)}.leaderboard-panel:after{background:repeating-linear-gradient(0deg,transparent 0 31px,#37303f09 31px 32px),var(--cream)}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding-bottom:clamp(8px,calc(1.2 * var(--arena-unit)),12px);border-bottom:var(--frame-stroke) solid var(--ink)}#leaderboard-title{margin:0;font-size:clamp(26px,calc(3.8 * var(--arena-unit)),38px);font-weight:850;line-height:1.1;letter-spacing:.08em}#leaderboard-close{width:44px;height:44px;padding:10px;flex-shrink:0}#leaderboard-close svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5}.leaderboard-content{display:flex;flex-direction:column;flex:1;min-height:0}#leaderboard-list{flex:1;min-height:0;margin:0;padding:0 4px 0 0;overflow:auto;list-style:none;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rock) transparent}.leaderboard-row{display:grid;grid-template-columns:clamp(38px,calc(5.7 * var(--arena-unit)),58px) clamp(32px,calc(4.5 * var(--arena-unit)),44px) minmax(0,1fr) auto;align-items:center;column-gap:clamp(10px,calc(1.8 * var(--arena-unit)),20px);min-height:clamp(50px,calc(6.8 * var(--arena-unit)),68px);padding:3px clamp(2px,calc(.8 * var(--arena-unit)),8px);border-bottom:1.5px dashed #37303f38;font-size:clamp(16px,calc(2.4 * var(--arena-unit)),24px)}.leaderboard-place{display:flex;align-items:center;justify-content:center;font-size:clamp(17px,calc(2.3 * var(--arena-unit)),23px);font-weight:800}.leaderboard-avatar{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-size:clamp(16px,calc(2.1 * var(--arena-unit)),21px);font-weight:750}.leaderboard-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.leaderboard-time{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.015em;white-space:nowrap}.leaderboard-status{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}#leaderboard-list:not([hidden])+.leaderboard-status{display:none}#leaderboard-message{margin:0;font-size:clamp(16px,calc(2.4 * var(--arena-unit)),23px);font-weight:700}#leaderboard-retry{min-width:100px;font-size:18px}.leaderboard-footer{display:flex;align-items:center;gap:clamp(8px,calc(1.2 * var(--arena-unit)),12px);flex-shrink:0;border-top:var(--frame-stroke) solid var(--ink)}#leaderboard-personal{flex:1;min-width:0}.leaderboard-footer .leaderboard-row{border-bottom:0}#leaderboard-submit{--button-fill: var(--gold);flex-shrink:0;padding:8px 12px 10px;font-size:clamp(14px,calc(1.9 * var(--arena-unit)),18px)}.rank-medal{--medal-rim: #c79632;--medal-face: #eabd43;--medal-light: #ffe49a;--medal-dark: #ad792d;width:clamp(32px,calc(4.4 * var(--arena-unit)),44px);height:auto;overflow:visible;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rank-medal-2{--medal-rim: #8b929e;--medal-face: #bec4cc;--medal-light: #eef0e9;--medal-dark: #747784}.rank-medal-3{--medal-rim: #a66c45;--medal-face: #ce9464;--medal-light: #f3c89b;--medal-dark: #885339}.medal-shadow{fill:var(--ink);stroke:none;opacity:.2}.medal-ribbon{fill:var(--orange)}.medal-ribbon-light{fill:#ffd29a;stroke:none}.medal-loop{fill:var(--medal-dark)}.medal-rim{fill:var(--medal-rim)}.medal-bevel-light{fill:var(--medal-light);stroke:none}.medal-bevel-dark{fill:var(--medal-dark);stroke:none}.medal-face{fill:var(--medal-face);stroke:var(--medal-dark);stroke-width:1.5}.medal-glint{stroke:var(--medal-light);stroke-width:2.5}.medal-laurel{stroke:var(--medal-dark);stroke-width:1.6}.medal-number,.medal-number-shadow{font-family:Georgia,serif;font-size:24px;font-weight:800;text-anchor:middle;stroke:none}.medal-number{fill:var(--ink)}.medal-number-shadow{fill:var(--medal-light)}.interaction-panel{display:flex;flex-direction:column;width:min(82%,1080px);height:min(calc(42.75 * var(--arena-unit)),600px);max-height:100%;min-height:0;gap:clamp(8px,calc(1.1 * var(--arena-unit)),14px);padding:clamp(12px,calc(1.7 * var(--arena-unit)),22px)}.interaction-panel:after{background:repeating-linear-gradient(0deg,transparent 0 31px,#37303f09 31px 32px),var(--cream)}.interaction-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding-bottom:clamp(7px,calc(1.1 * var(--arena-unit)),14px);border-bottom:var(--frame-stroke) solid var(--ink)}#interaction-title{margin:0;font-size:clamp(26px,calc(3.2 * var(--arena-unit)),34px);font-weight:850;line-height:1.1;letter-spacing:.08em}#interaction-close{width:44px;height:44px;padding:10px;flex-shrink:0}#interaction-close svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5}.interaction-body{flex:1;min-height:0;overflow:auto;padding-bottom:4px;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rock) transparent}.interaction-layout{display:grid;grid-template-columns:minmax(150px,1.75fr) repeat(5,minmax(82px,1fr));gap:clamp(7px,calc(1 * var(--arena-unit)),14px);height:100%;min-width:630px;min-height:230px}.interaction-info-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,calc(1 * var(--arena-unit)),12px);min-height:0}.interaction-info,.interaction-character{--card-cut: 8px;--card-border: var(--rock);--card-fill: #f8efd9;position:relative;isolation:isolate;min-width:0;padding:clamp(9px,calc(1 * var(--arena-unit)),12px)}.interaction-info:before,.interaction-info:after,.interaction-character:before,.interaction-character:after{content:"";position:absolute;z-index:-2;pointer-events:none;clip-path:polygon(0 0,calc(100% - var(--card-cut)) 0,100% var(--card-cut),100% 100%,var(--card-cut) 100%,0 calc(100% - var(--card-cut)))}.interaction-info:before,.interaction-character:before{inset:0;background:var(--card-border)}.interaction-info:after,.interaction-character:after{z-index:-1;inset:2px;--card-cut: 6.8px;background:var(--card-fill)}.interaction-info{display:flex;flex-direction:column;gap:clamp(8px,calc(1 * var(--arena-unit)),12px)}.interaction-info h2{margin:0;font-size:clamp(17px,calc(2 * var(--arena-unit)),22px);font-weight:800;line-height:1.2}.interaction-author-profile{display:flex;align-items:center;gap:clamp(8px,calc(1.1 * var(--arena-unit)),14px);min-width:0}.interaction-author-profile img{width:clamp(36px,calc(4.5 * var(--arena-unit)),52px);height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:6px}.interaction-author-profile strong{font-size:clamp(17px,calc(2 * var(--arena-unit)),22px);line-height:1.2;white-space:nowrap}.interaction-info .comic-button{--button-fill: var(--gold);width:100%;font-size:clamp(13px,calc(1.55 * var(--arena-unit)),19px);padding:8px 6px 10px}.interaction-video-card{min-height:0}#interaction-video{position:relative;display:block;flex:1;width:100%;min-height:0;overflow:hidden;padding:0;border:2px solid var(--ink);background:var(--ink)}#interaction-video img{display:block;width:100%;height:100%;object-fit:cover}#interaction-video svg{position:absolute;top:50%;left:50%;width:clamp(36px,calc(5 * var(--arena-unit)),62px);height:auto;transform:translate(-50%,-50%)}#interaction-video circle{fill:#37303fcc;stroke:var(--cream);stroke-width:1.5}#interaction-video path{fill:var(--cream)}#interaction-video:active svg{transform:translate(-50%,-50%) scale(.94)}.interaction-character{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,calc(1 * var(--arena-unit)),12px);text-align:center}.interaction-character.is-current{--card-border: var(--ink);--card-fill: #faf1d6}.interaction-character-art{display:grid;place-items:center;flex:1;min-height:0;width:100%}.interaction-character-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.interaction-character h2{display:grid;place-items:center;flex-shrink:0;min-height:1.25em;margin:0;font-size:clamp(18px,calc(2.2 * var(--arena-unit)),24px);font-weight:850;line-height:1.25}.interaction-condition{flex-shrink:0;min-height:2.8em;margin:0;font-size:clamp(11px,calc(1.45 * var(--arena-unit)),17px);line-height:1.4;color:#686171;text-wrap:balance}.interaction-character .comic-button{--button-fill: var(--gold);flex-shrink:0;width:100%;min-width:0;padding:8px 4px 10px;font-size:clamp(12px,calc(1.5 * var(--arena-unit)),18px);letter-spacing:0}.interaction-character.is-current .comic-button{--button-fill: var(--paper);opacity:1;color:#686171}.interaction-character .comic-button.is-achieved{--button-fill: var(--paper)}#interaction-message{flex-shrink:0;margin:0;font-size:clamp(12px,calc(1.4 * var(--arena-unit)),17px);line-height:1.35;color:#686171}#loading-screen{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:var(--cream)}.loading-content{display:grid;justify-items:center;gap:clamp(14px,calc(2.5 * var(--arena-unit)),24px);width:min(calc(56 * var(--arena-unit)),480px)}#loading-value{font-size:clamp(24px,calc(4 * var(--arena-unit)),40px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.loading-track{position:relative;isolation:isolate;width:100%;height:clamp(24px,calc(4 * var(--arena-unit)),38px);padding:var(--frame-stroke)}.loading-track:before{content:"";position:absolute;z-index:-1;inset:0 0 -5px;background:var(--ink);clip-path:polygon(0 0,calc(100% - var(--corner-cut)) 0,100% var(--corner-cut),100% 100%,var(--corner-cut) 100%,0 calc(100% - var(--corner-cut)))}.loading-track-inset{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper);clip-path:polygon(0 0,calc(100% - var(--inner-cut)) 0,100% var(--inner-cut),100% 100%,var(--inner-cut) 100%,0 calc(100% - var(--inner-cut)))}.loading-fill{display:block;width:var(--loading-progress, 0%);height:100%;background:repeating-linear-gradient(115deg,transparent 0 18px,#37303f12 18px 22px),var(--gold);box-shadow:inset -5px 0 var(--orange),inset 0 2px #fff5;transition:width .16s cubic-bezier(.22,1,.36,1)}#loading-retry{--button-fill: var(--gold);margin-top:8px}#main-menu{--menu-unit: calc(.104166667 * var(--arena-unit));--menu-back-size: clamp(44px, calc(5.4 * var(--arena-unit)), 56px);--menu-back-gap: clamp(8px, calc(1.2 * var(--arena-unit)), 12px);--menu-beat: 0;--menu-accent: 0;--menu-step: 0;--menu-pointer-x: 0;--menu-pointer-y: 0;--menu-boss-reveal: 0;--menu-player-reveal: 0;--menu-title-reveal: 0;position:absolute;inset:0;z-index:5;overflow:hidden;background:var(--cream)}.menu-scene,.menu-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.menu-scene{overflow:visible}#menu-art{z-index:0}.menu-boss-enter{z-index:1;opacity:var(--menu-boss-reveal);transform:translate(calc((1 - var(--menu-boss-reveal)) * -8 * var(--menu-unit)))}.menu-boss-parallax{opacity:.82;transform:translate(calc(var(--menu-pointer-x) * -2 * var(--menu-unit)),calc(var(--menu-pointer-y) * -1 * var(--menu-unit)));transition:opacity .14s ease-out}#main-menu.is-menu-interacting .menu-boss-parallax{opacity:1}#menu-boss-art{opacity:calc(.15 + var(--menu-beat) * .02)}.menu-atmosphere{z-index:2}.menu-parallax-back{transform:translate(calc(var(--menu-pointer-x) * 2px),calc(var(--menu-pointer-y) * 1px))}.menu-backdrop-beat{opacity:calc(.76 + var(--menu-beat) * .24);transform:translate(calc(var(--menu-step) * 1.5px))}.menu-ground-beat{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 + var(--menu-beat) * .045),calc(1 - var(--menu-beat) * .1))}.menu-player-enter{z-index:3;opacity:var(--menu-player-reveal);transform:translate(calc((1 - var(--menu-player-reveal)) * -10 * var(--menu-unit)))}#menu-back{position:absolute;z-index:6;bottom:calc(100% + var(--menu-back-gap));left:0;width:var(--menu-back-size);height:var(--menu-back-size);padding:10px}#menu-back svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:bevel}.menu-content{position:absolute;inset:0 0 0 54.75%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:calc(3.75 * var(--arena-unit));padding-right:max(calc(3.75 * var(--arena-unit)),calc(var(--safe-right) + 9px));pointer-events:none}.menu-title{position:relative;width:100%;aspect-ratio:360 / 158;flex-shrink:1;min-height:0;margin:0;z-index:5;line-height:0;pointer-events:none;visibility:hidden;opacity:var(--menu-title-reveal);transform:translate(calc((1 - var(--menu-title-reveal)) * 10 * var(--menu-unit)))}#menu-title-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(var(--menu-accent) * 2 * var(--menu-unit)) 0 #37303f38)}#main-menu.is-art-ready.is-motion-ready:not([hidden]) .menu-title{visibility:visible}.menu-options{position:relative;width:100%;flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,calc(6.46 * var(--arena-unit)));gap:clamp(10px,calc(1.67 * var(--arena-unit)),21px);pointer-events:auto}.menu-pages{display:grid;width:100%;flex-shrink:0;margin-top:clamp(16px,calc(2.5 * var(--arena-unit)),28px);transition:margin-top .32s cubic-bezier(.22,1,.36,1)}#main-menu[data-menu-view=difficulty] .menu-pages{margin-top:calc(var(--menu-back-size) + var(--menu-back-gap) * 2)}.menu-page{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translate(26px);pointer-events:none;transition:opacity .18s ease-out,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s}.menu-home{transform:translate(-26px)}#main-menu[data-menu-view=home] .menu-home,#main-menu[data-menu-view=difficulty] .menu-difficulties{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition-delay:60ms,0s,0s}#main-menu.is-switching .menu-page{pointer-events:none}#main-menu.is-switching .menu-button:not(.is-locked){opacity:1}.menu-option-final,.menu-option-wide{grid-column:1 / -1}.menu-option{position:relative;min-width:0;isolation:isolate;opacity:var(--menu-option-reveal, 0);transform:translateY(calc((1 - var(--menu-option-reveal, 0)) * 8 * var(--menu-unit)))}.menu-option:before{content:"";position:absolute;z-index:-1;left:calc(-9 * var(--menu-unit));top:35%;width:calc(4 * var(--menu-unit));height:30%;background:var(--orange);transform:translate(calc(-3 * var(--menu-unit))) skewY(-16deg);opacity:0;pointer-events:none;transition:opacity .14s ease-out,transform .14s cubic-bezier(.22,1,.36,1)}.menu-option.is-pointer-highlighted:before{opacity:.8;transform:translate(0) skewY(-16deg)}.menu-button{--frame-shadow: calc(5 * var(--menu-unit));width:100%;height:100%;min-width:0;font-size:clamp(14px,calc(2.6 * var(--arena-unit)),30px);padding:7px 6px 9px;letter-spacing:.065em;transition:transform .14s cubic-bezier(.22,1,.36,1)}.menu-button:before{transition:bottom .14s cubic-bezier(.22,1,.36,1)}.menu-button:after{background:linear-gradient(180deg,#fff5,#fff0 38%),var(--button-fill);box-shadow:inset 0 1px #fff7}.menu-option.is-highlighted .menu-button:not(:disabled){--button-fill: var(--paper);transform:translateY(calc(-2 * var(--menu-unit)))}.menu-option.is-highlighted .menu-button:not(:disabled):before{bottom:calc(-7 * var(--menu-unit))}.menu-option .menu-button:active:not(:disabled){transform:translateY(var(--menu-unit));transition-duration:70ms}.menu-option .menu-button:active:not(:disabled):before{bottom:calc(-3 * var(--menu-unit));transition-duration:70ms}#menu-start{--button-fill: var(--gold)}.menu-option.is-highlighted #menu-start:not(:disabled){--button-fill: #f1ca61}.menu-option-final .difficulty-button,#challenge-next.is-king{--button-fill: #e99550}.menu-option-final .difficulty-button:after,#challenge-next.is-king:after{background:linear-gradient(115deg,#fff2 0 23%,#fff0 23% 77%,#a546241c 77%),linear-gradient(180deg,#fff3,#fff0 60%),var(--button-fill);box-shadow:inset 0 2px #ffe2a380}.menu-option-final.is-highlighted .difficulty-button:not(:disabled){--button-fill: #f3ad5e}.difficulty-king-title{display:block;width:min(82%,calc(27 * var(--arena-unit)));height:100%;max-height:52px;min-height:0;object-fit:contain;pointer-events:none;transform:rotate(-1.5deg);transition:transform .14s cubic-bezier(.22,1,.36,1)}.menu-option-final.is-highlighted .difficulty-king-title{transform:rotate(-1.5deg) scale(1.035)}#challenge-next.is-king{min-height:clamp(48px,calc(6.46 * var(--arena-unit)),68px);padding:7px 12px 9px}#challenge-next.is-king .difficulty-king-title{height:clamp(28px,calc(4.6 * var(--arena-unit)),46px)}.difficulty-button.is-locked{--button-fill: var(--muted);color:var(--ink)}.lock-icon{display:none;width:clamp(12px,calc(1.9 * var(--arena-unit)),20px);height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:butt}.is-locked .lock-icon{display:block}#rotate{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));overflow-y:auto;touch-action:pan-y;background:var(--ink);color:var(--cream)}.rotate-content{display:grid;justify-items:center;gap:22px;width:min(100%,340px);text-align:center}#rotate svg{width:clamp(128px,calc(24 * var(--viewport-unit)),176px);height:auto;overflow:visible;fill:none;stroke-linecap:butt;stroke-linejoin:bevel}.phone-target{stroke:var(--cream);stroke-width:2;stroke-dasharray:5 5;opacity:.2}.rotate-phone{transform-box:view-box;transform-origin:80px 80px;transform:rotate(-90deg);animation:phone-turn 2.8s cubic-bezier(.4,0,.2,1) infinite}.phone-shadow{fill:var(--orange)}.phone{fill:var(--cream);stroke:var(--ink);stroke-width:3.2}.phone-screen{fill:var(--gold);stroke:var(--ink);stroke-width:2}.phone-detail{stroke:var(--ink);stroke-width:3}.rotate-arrow{stroke:var(--gold);stroke-width:3.5}#rotate-title{margin:0;font-size:clamp(20px,5.6vw,25px);font-weight:800;line-height:1.4}#rotate-landscape{--button-fill: var(--gold);width:min(100%,216px);min-height:52px;font-size:19px}.rotate-error{width:100%;margin:0;padding:12px 16px;border-left:3px solid var(--orange);background:#4b3d45;font-size:15px;line-height:1.6;text-align:left;overflow-wrap:anywhere;animation:panel-enter .18s ease-out}@keyframes phone-turn{0%,12%{transform:rotate(0);opacity:1}46%,76%{transform:rotate(-90deg);opacity:1}88%{transform:rotate(-90deg);opacity:0}89%{transform:rotate(0);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes heart-lost{0%{transform:scale(1.1)}55%{transform:scale(.82)}to{transform:scale(1)}}@keyframes energy-ready{0%{transform:scale(.95)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover){.comic-button:hover:not(:disabled){--button-fill: var(--paper)}#challenge-next:hover:not(:disabled){--button-fill: #f1ca61}#challenge-next.is-king:hover:not(:disabled){--button-fill: #f3ad5e}#challenge-next.is-king:hover:not(:disabled) .difficulty-king-title{transform:rotate(-1.5deg) scale(1.035)}#continue:hover:not(:disabled){--button-fill: #f1ca61}.result-panel[data-result=lost] #continue:hover:not(:disabled){--button-fill: #ef8a59}.result-panel.has-next #continue:hover:not(:disabled){--button-fill: var(--paper)}.skill-button:hover:not(:disabled) .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23E7D9BC'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}.ultimate-button.charged:hover:not(:disabled) .skill-face{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3ctitle%3e技能按钮%3c/title%3e%3cdefs%3e%3cclipPath%20id='face'%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20transform='translate(0%204.5)'%20fill='%2337303F'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20fill='%23EABD43'/%3e%3cpath%20d='M50%207C60%207%2069%2010%2077%2016L84%2023C90%2031%2093%2040%2093%2050C93%2060%2090%2069%2084%2077L77%2084C69%2090%2060%2093%2050%2093C40%2093%2031%2090%2023%2084L16%2077C10%2069%207%2060%207%2050C7%2040%2010%2031%2016%2023L23%2016C31%2010%2040%207%2050%207Z'%20stroke='%2337303F'%20stroke-width='3.2'/%3e%3c/svg%3e")}}@media(pointer:coarse){.directions{display:flex}kbd{display:none}}@media(max-width:600px){#arena{--hud-button-size: 44px;--hud-button-gap: 6px}.hearts{--heart-size: 25px;gap:3px}.boss-health{left:47%;width:20%}}@media(max-width:420px){.hearts{--heart-size: 20px}.boss-health{width:16%}.leaderboard-footer:has(#leaderboard-submit:not([hidden])){flex-wrap:wrap;gap:4px}.leaderboard-footer:has(#leaderboard-submit:not([hidden])) #leaderboard-personal{flex-basis:100%}#leaderboard-submit{margin-left:auto}}@media(max-width:360px){.hearts{--heart-size: 18px;gap:2px}.boss-health{width:14%}}@media(max-height:430px){.settings-panel{gap:14px;padding:18px 24px}.settings-header{padding-bottom:12px}.result-panel{gap:10px;padding:18px 22px}#result{height:clamp(56px,calc(11 * var(--arena-unit)),100px)}#continue,#strengthen-retry,#challenge-next,#home{padding:9px 12px 11px}.result-panel.has-strengthen{gap:8px;padding-block:14px}.result-panel.has-strengthen #result{height:clamp(48px,calc(16 * var(--viewport-unit)),65px)}.result-panel.has-strengthen .comic-button{padding-block:7px 9px}}@media(max-height:260px),(max-width:460px){.settings-panel{gap:6px;padding:12px 18px}.settings-header{padding-bottom:6px}#settings-title{font-size:26px}#settings-close{width:44px;height:44px}}@media(max-height:260px){.menu-title{width:82%}.menu-options{gap:8px}.result-panel{padding:14px 20px;gap:8px}#result{height:48px}}@media(pointer:coarse){#arena{--hud-top: max(10px, calc(var(--safe-top) + 8px));--hud-button-size: clamp(34px, calc(8.5 * var(--viewport-unit)), 42px);--hud-button-gap: clamp(5px, calc(1.5 * var(--viewport-unit)), 8px);--host-ui-width: clamp(88px, 12vw, 112px);--hud-right: calc(max(12px, var(--safe-right)) + var(--host-ui-width));--control-side: clamp(18px, 3.5vw, 40px);--panel-left: max(clamp(16px, 3.2vw, 40px), calc(var(--safe-left) + 12px));--panel-right: max(clamp(16px, 3.2vw, 40px), calc(var(--safe-right) + 12px));--panel-top: max(12px, calc(var(--safe-top) + 10px));--panel-bottom: max(12px, calc(var(--safe-bottom) + 10px));--dialog-control-size: clamp(36px, calc(10.8 * var(--viewport-unit)), 44px);--dialog-header-clearance: max(0px, calc(var(--host-ui-width) + var(--safe-right) - var(--panel-right)));--arena-unit: 1vw;width:var(--viewport-width);height:var(--viewport-height);aspect-ratio:auto}.hearts{--heart-size: clamp(18px, calc(5 * var(--viewport-unit)), 26px);left:max(16px,calc(var(--safe-left) + 10px));column-gap:clamp(3px,.6vw,6px)}.boss-health{left:44%;width:28%}.boss-track{height:clamp(12px,calc(3.7 * var(--viewport-unit)),18px)}#settings,#leaderboard,#interaction{min-width:0;min-height:0;max-width:42px;max-height:42px;right:var(--hud-right);padding:clamp(7px,calc(2 * var(--viewport-unit)),10px)}#settings{right:calc(var(--hud-right) + var(--hud-button-size) + var(--hud-button-gap))}#leaderboard{right:calc(var(--hud-right) + 2 * (var(--hud-button-size) + var(--hud-button-gap)))}#arena.has-panel>:is(#settings,#leaderboard,#interaction){visibility:hidden;pointer-events:none}.control-group{bottom:max(14px,calc(4.5 * var(--viewport-unit)),calc(var(--safe-bottom) + 10px))}.directions{left:calc(max(var(--control-side),calc(var(--safe-left) + 12px)) + 32px)}.abilities{--action-size: clamp(88px, calc(24 * var(--viewport-unit)), 128px);--ultimate-size: clamp(64px, calc(17 * var(--viewport-unit)), 94px);--action-gap: clamp(2px, calc(.6 * var(--viewport-unit)), 4px);right:max(var(--control-side),calc(var(--safe-right) + 12px));bottom:max(6px,calc(2 * var(--viewport-unit)),calc(var(--safe-bottom) + 4px));width:calc(var(--action-size) * 2 + var(--ultimate-size) + var(--action-gap) * 2);height:var(--action-size);display:block;padding:0}.abilities .skill-button{position:absolute;padding:3px}.kick-button{--size: var(--action-size);right:0;bottom:0}.dash-button{--size: var(--action-size);right:calc(var(--action-size) + var(--action-gap));bottom:0}.ultimate-button{--size: var(--ultimate-size);left:0;bottom:0}#main-menu{--menu-unit: calc(.185185185 * var(--viewport-unit));--menu-back-size: clamp(34px, calc(9.5 * var(--viewport-unit)), 44px);--menu-back-gap: clamp(5px, calc(1.5 * var(--viewport-unit)), 8px)}.menu-content{left:52%;padding:max(50px,calc(var(--safe-top) + 10px)) max(3.5vw,calc(var(--safe-right) + 12px)) max(12px,calc(var(--safe-bottom) + 10px)) 3.5vw}.menu-title{width:100%;max-height:calc(22 * var(--viewport-unit))}.menu-pages{margin-top:clamp(8px,calc(2.5 * var(--viewport-unit)),16px)}.menu-options{grid-auto-rows:clamp(40px,calc(12 * var(--viewport-unit)),64px);gap:clamp(6px,calc(1.8 * var(--viewport-unit)),10px)}.menu-button{min-height:0;font-size:clamp(14px,min(3vw,calc(5.5 * var(--viewport-unit))),26px)}#menu-back{min-width:0;min-height:0;padding:8px}.difficulty-king-title{width:88%;max-height:calc(9 * var(--viewport-unit))}#arena>:is(#settings-overlay,#leaderboard-overlay,#interaction-overlay){z-index:10;padding:var(--panel-top) var(--panel-right) var(--panel-bottom) var(--panel-left);overflow:hidden;align-items:center;touch-action:none}#arena>#leaderboard-overlay{touch-action:pan-y}.settings-panel,.leaderboard-panel,.interaction-panel{width:100%;min-width:0;max-width:none;max-height:100%;min-height:0;padding:clamp(12px,calc(3 * var(--viewport-unit)),22px);gap:clamp(7px,calc(2 * var(--viewport-unit)),12px)}.settings-header,.leaderboard-header,.interaction-header{gap:8px;min-height:var(--dialog-control-size);padding-right:var(--dialog-header-clearance);padding-bottom:clamp(5px,calc(1.5 * var(--viewport-unit)),10px)}#settings-title,#leaderboard-title,#interaction-title{font-size:clamp(22px,calc(6 * var(--viewport-unit)),30px)}#settings-close,#leaderboard-close,#interaction-close{width:var(--dialog-control-size);height:var(--dialog-control-size);min-width:var(--dialog-control-size);min-height:var(--dialog-control-size);padding:8px}.settings-panel{display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:clamp(6px,calc(1.6 * var(--viewport-unit)),10px)}.settings-header{grid-column:1 / -1;padding-right:0}.leaderboard-header{padding-right:0}.settings-row{gap:clamp(10px,2vw,24px);min-width:0}.settings-row label{font-size:clamp(16px,calc(4.5 * var(--viewport-unit)),22px)}#settings-home,#settings-restart{align-self:stretch;width:100%;font-size:clamp(16px,calc(4.5 * var(--viewport-unit)),22px)}#settings-home,#settings-restart{grid-column:1}.settings-panel .comic-button{min-height:var(--dialog-control-size)}.leaderboard-panel,.interaction-panel{height:100%}.settings-panel,.leaderboard-panel{justify-self:center}.settings-panel{width:min(48%,420px)}.leaderboard-panel{width:min(56%,480px)}#leaderboard-list{padding-right:4px;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.leaderboard-row{grid-template-columns:clamp(28px,calc(7 * var(--viewport-unit)),40px) clamp(28px,calc(7 * var(--viewport-unit)),38px) minmax(0,1fr) auto;column-gap:clamp(8px,1.5vw,16px);min-height:clamp(44px,calc(12 * var(--viewport-unit)),60px);font-size:clamp(14px,calc(4.2 * var(--viewport-unit)),21px)}.leaderboard-place{font-size:clamp(15px,calc(4.5 * var(--viewport-unit)),22px)}.rank-medal{width:clamp(26px,calc(7 * var(--viewport-unit)),36px)}.leaderboard-footer:has(#leaderboard-submit:not([hidden])){flex-wrap:nowrap;gap:8px}.leaderboard-footer:has(#leaderboard-submit:not([hidden])) #leaderboard-personal{flex-basis:auto}#leaderboard-submit{margin:0;font-size:clamp(12px,calc(3.6 * var(--viewport-unit)),17px)}.interaction-body{overflow:hidden;padding:0;touch-action:none}.interaction-layout{grid-template-columns:minmax(112px,1.35fr) repeat(5,minmax(0,1fr));gap:clamp(4px,.75vw,10px);min-width:0;min-height:0}.interaction-info-column{gap:clamp(4px,calc(1.5 * var(--viewport-unit)),8px)}.interaction-info{padding:8px;gap:clamp(4px,calc(1.5 * var(--viewport-unit)),8px)}.interaction-info h2{font-size:clamp(13px,calc(3.8 * var(--viewport-unit)),18px)}.interaction-author-profile{gap:4px}.interaction-author-profile img{width:clamp(24px,calc(7 * var(--viewport-unit)),34px)}.interaction-author-profile strong{font-size:clamp(11px,1.75vw,16px)}.interaction-info .comic-button,.interaction-character .comic-button{min-height:var(--dialog-control-size);padding:5px 3px 7px;font-size:clamp(11px,1.7vw,16px)}#interaction-video svg{width:clamp(28px,calc(9 * var(--viewport-unit)),44px)}.interaction-character{padding:8px 6px;gap:clamp(4px,calc(1.4 * var(--viewport-unit)),8px)}.interaction-character-art{position:relative;overflow:hidden}.interaction-character-art img{position:absolute;inset:0}.interaction-character h2{font-size:clamp(13px,min(2.3vw,calc(4.4 * var(--viewport-unit))),20px)}.interaction-condition{font-size:clamp(10px,min(1.6vw,calc(3.4 * var(--viewport-unit))),14px)}#interaction-message{font-size:clamp(11px,calc(3.3 * var(--viewport-unit)),14px)}body:has(#settings-overlay:not([hidden])),body:has(#interaction-overlay:not([hidden])){touch-action:none}}@media(pointer:coarse)and (max-width:600px){.boss-health{top:calc(var(--hud-top) + var(--hud-button-size) + 12px);left:50%;width:44%}}@media(pointer:coarse)and (max-height:300px){#arena{--dialog-control-size: 32px;--panel-top: max(10px, calc(var(--safe-top) + 8px));--panel-bottom: max(10px, calc(var(--safe-bottom) + 8px))}.settings-panel,.leaderboard-panel,.interaction-panel{padding:10px 12px;gap:6px}.settings-panel{padding:8px 16px;gap:4px}.settings-panel .volume-slider{height:32px}#settings-home,#settings-restart{min-height:32px;padding:6px 12px 8px}.interaction-info{padding:6px}.interaction-info h2{display:none}.interaction-character{padding:6px;gap:4px}.interaction-condition{min-height:2.5em;line-height:1.25}.menu-title{max-height:calc(18 * var(--viewport-unit))}#main-menu[data-menu-view=difficulty] .menu-title{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.menu-boss-enter,.menu-player-enter,.menu-title,.menu-option{opacity:1;transform:none}.menu-boss-parallax,.menu-parallax-back,.menu-backdrop-beat,.menu-ground-beat{transform:none}#menu-title-art{filter:none}}