: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.active .portrait{box-shadow:0 0 26px #ffc233cc}.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}