:root{--sumi: #0a0b11;--ink: #e6e8f2}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--sumi);color:var(--ink);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-root{position:absolute;left:0;top:0;width:720px;height:1280px;transform-origin:0 0;pointer-events:none;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.hud-root .bar{position:absolute;background:#0c0e18d9;border:2px solid rgba(255,255,255,.18);border-radius:6px;overflow:hidden}.hud-root .bar .fill{height:100%;width:100%;transition:width .12s linear}.hud-root .bar-enemy .fill{background:linear-gradient(90deg,#ff4560,#ff9a3d)}.hud-root .bar-team .fill{background:linear-gradient(90deg,#35d06a,#9fe870)}.hud-root .turn,.hud-root .chain{position:absolute;color:#e6e8f2;letter-spacing:.12em;text-shadow:0 2px 10px rgba(0,0,0,.9)}.hud-root .turn{font-size:30px;font-weight:700}.hud-root .chain{font-size:40px;font-weight:800;text-align:right;transform-origin:100% 50%}.hud-root .unit{position:absolute}.hud-root .unit .portrait{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:3px solid var(--attribute, #ffffff);background:linear-gradient(150deg,var(--faction, #888888),rgba(10,12,26,.9));color:#0a0b11d9;font-size:96px;font-weight:800;font-family:Hiragino Mincho ProN,Yu Mincho,serif;display:flex;align-items:center;justify-content:center}.hud-root .unit.acted .portrait{filter:brightness(.42) saturate(.5)}.hud-root .unit.selected .portrait{border-width:5px;box-shadow:0 0 26px #ffc233d9,inset 0 0 20px #ffc23366;filter:brightness(1.1)}.hud-root .unit .ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.hud-root .unit.stroking .ring{opacity:1}.hud-root .unit .ring circle{fill:none;stroke:#ffc233;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,194,51,.9))}.hud-root .unit .ki{position:absolute;left:0;right:0;bottom:calc(-1 * var(--ki-overhang, 0px));height:var(--ki-height, 0px);border-radius:6px;background:#141830e6;overflow:hidden}.hud-root .unit .ki .fill{height:100%;width:0;background:linear-gradient(90deg,#39d0ff,#b06bff);transition:width .1s linear}.hud-root .unit .ki .fill.full{background:linear-gradient(90deg,#ffc233,#ff5edb,#39d0ff);box-shadow:0 0 12px #ffc233f2}.hud-root .result{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06070cf0,#06070cbd)}.hud-root .result.hidden{display:none}.hud-root .result-panel{position:absolute;border-radius:20px;border:3px solid var(--result-accent, #e6e8f2);background:linear-gradient(160deg,#14172af5,#0a0b11f5);box-shadow:0 0 48px #000000d9}.hud-root .result-title,.hud-root .result-message,.hud-root .result-stat,.hud-root .result-retry{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.hud-root .result-title{color:var(--result-accent, #e6e8f2);font-size:46px;font-weight:800;letter-spacing:.1em;text-shadow:0 0 24px rgba(0,0,0,.9)}.hud-root .result-message{color:#e6e8f2;font-size:28px;font-weight:600;letter-spacing:.04em}.hud-root .result-message>.result-message-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-root .result-stat{color:#e6e8f2d1;font-size:26px;font-weight:600;letter-spacing:.08em}.hud-root .result-retry{color:#0a0b11;font-size:32px;font-weight:800;letter-spacing:.12em;border-radius:12px;background:linear-gradient(180deg,#f3f5ff,#b9bfd8);box-shadow:0 0 22px #ffffff59}