:root{
  --b14-gold:#e2b85f;
  --b14-gold-hi:#ffe9a9;
  --b14-purple:#8c2db9;
  --b14-purple-hi:#d46cff;
  --b14-red:#f04c62;
  --b14-blue:#47a9e8;
  --b14-ink:#05050b;
  --b14-dock:72px;
}

body.arena-battle014-active{
  background:
    radial-gradient(ellipse at 50% -8%,rgba(112,49,161,.28),transparent 44%),
    linear-gradient(180deg,#090610,#020207 65%,#000 100%);
}

.arena-battle014-active #app-main{padding:0}
body.arena-battle014-active .game-header,
body.arena-battle014-active .desktop-nav,
body.arena-battle014-active #core053-statusbar,
body.arena-battle014-active #top-hud,
body.arena-battle014-active main.app>.footer-note,
body.arena-battle014-active>nav{display:none!important}
body.arena-battle014-active #screen-arena{display:block!important;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body.arena-battle014-active #screen-arena>:not(#battle014-root){display:none!important}
body.arena-battle014-active main.app{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.battle014{position:relative;isolation:isolate;box-sizing:border-box;width:min(100%,720px);margin:0 auto;padding:6px 6px calc(var(--b14-dock) + env(safe-area-inset-bottom) + 12px);color:#f7eddd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.battle014 *{box-sizing:border-box}
.battle014 button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}

.b14-topline{
  position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;
  height:56px;padding:5px 11px;border:1px solid rgba(222,169,76,.72);border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,rgba(23,18,32,.98),rgba(5,6,13,.98));
  box-shadow:inset 0 0 0 1px rgba(255,231,174,.06),0 8px 25px rgba(0,0,0,.38);
}
.b14-topline:before{content:"";position:absolute;inset:4px;pointer-events:none;border-top:1px solid rgba(255,226,147,.16)}
.b14-topline>div:first-child,.b14-heat{display:flex;min-width:0;flex-direction:column}
.b14-topline small{color:#aa9c8b;font-size:8px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}
.b14-topline b{overflow:hidden;color:#f9dfaa;font-family:Georgia,serif;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.b14-heat{text-align:right}.b14-heat b{color:#ffcb6a}
.b14-timer{display:flex;align-items:center;gap:5px;min-width:83px;padding:6px 10px;border:1px solid rgba(204,147,53,.48);border-radius:18px;background:rgba(6,6,12,.82);box-shadow:inset 0 0 12px rgba(112,46,157,.16)}
.b14-timer span{font-size:13px}.b14-timer strong{color:#fff0c7;font-variant-numeric:tabular-nums;font-size:17px;letter-spacing:.04em}
[data-b14-timer].is-warning{color:#ffc750!important;animation:b14TimerWarn .8s ease-in-out infinite alternate}
[data-b14-timer].is-danger{color:#ff536d!important;animation:b14TimerDanger .34s ease-in-out infinite alternate}
@keyframes b14TimerWarn{to{text-shadow:0 0 12px rgba(255,189,65,.78)}}
@keyframes b14TimerDanger{to{transform:scale(1.05);text-shadow:0 0 13px rgba(255,56,87,.92)}}

.b14-scene{
  position:relative;height:385px;margin-top:5px;overflow:hidden;border:1px solid rgba(223,167,69,.77);border-radius:3px 3px 13px 13px;
  background:
    linear-gradient(180deg,rgba(3,4,10,.14),rgba(3,3,9,.01) 45%,rgba(3,2,7,.82) 100%),
    radial-gradient(ellipse at 50% 72%,rgba(114,47,157,.4),transparent 58%),
    linear-gradient(145deg,#191121 0,#090913 45%,#160b18 100%);
  box-shadow:inset 0 0 0 4px rgba(2,2,8,.7),inset 0 -54px 50px rgba(0,0,0,.55),0 13px 30px rgba(0,0,0,.45);
}
.b14-scene:before{content:"";position:absolute;inset:7px;z-index:8;pointer-events:none;border:1px solid rgba(243,195,102,.28);background:linear-gradient(var(--b14-gold-hi),var(--b14-gold-hi)) left top/27px 1px no-repeat,linear-gradient(var(--b14-gold-hi),var(--b14-gold-hi)) left top/1px 27px no-repeat,linear-gradient(var(--b14-gold-hi),var(--b14-gold-hi)) right top/27px 1px no-repeat,linear-gradient(var(--b14-gold-hi),var(--b14-gold-hi)) right top/1px 27px no-repeat}
.b14-scene:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.4) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 52%,rgba(215,137,255,.5) 0 1px,transparent 1.5px);background-size:54px 47px,63px 59px}
.b14-scene-glow{position:absolute;z-index:1;left:50%;bottom:-38px;width:105%;height:74%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(146,64,197,.3),transparent 63%);filter:blur(8px)}
.b14-sparks{position:absolute;z-index:6;inset:0;pointer-events:none}
.b14-sparks i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffd982;box-shadow:0 0 8px 2px rgba(241,172,68,.55);animation:b14Spark 5s ease-in-out infinite}
.b14-sparks i:nth-child(1){left:9%;top:47%;animation-delay:-1s}.b14-sparks i:nth-child(2){left:33%;top:62%;animation-delay:-3.2s}.b14-sparks i:nth-child(3){left:53%;top:38%;background:#d98aff;animation-delay:-2.1s}.b14-sparks i:nth-child(4){left:74%;top:68%;animation-delay:-4s}.b14-sparks i:nth-child(5){left:91%;top:42%;background:#d98aff;animation-delay:-.5s}
@keyframes b14Spark{0%,100%{transform:translateY(6px);opacity:.2}50%{transform:translateY(-11px);opacity:.9}}

.b14-health{position:absolute;z-index:10;top:14px;width:43%;min-width:0;padding:6px 8px 7px;border:1px solid rgba(238,194,105,.42);border-radius:7px;background:linear-gradient(180deg,rgba(13,12,22,.9),rgba(3,4,10,.88));box-shadow:0 5px 17px rgba(0,0,0,.38)}
.b14-health-player{left:14px}.b14-health-enemy{right:14px;text-align:right}
.b14-health>div{display:flex;align-items:baseline;gap:5px;min-width:0}.b14-health-enemy>div{justify-content:flex-end}
.b14-health b{overflow:hidden;color:#f7e5ca;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.b14-health small{color:#a99e91;font-size:8px;white-space:nowrap}
.b14-health>span{display:block;margin-top:2px;color:#ded1c3;font-size:9px;font-variant-numeric:tabular-nums}
.b14-health>i{display:block;height:6px;margin-top:4px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#030309}
.b14-health>i em{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8f1732,#f05568);box-shadow:0 0 9px rgba(244,66,92,.58);transition:width .35s ease}
.b14-health-enemy>i em{margin-left:auto;background:linear-gradient(90deg,#6a218e,#c24ef2);box-shadow:0 0 9px rgba(196,72,242,.58)}

.b14-fighter{position:absolute;z-index:4;bottom:25px;width:56%;height:315px;pointer-events:none}
.b14-fighter img{position:absolute;z-index:3;bottom:0;width:auto;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 18px 13px rgba(0,0,0,.92));transform-origin:50% 91%;animation:b14Breath 5.5s ease-in-out infinite}
.b14-player{left:-8%}.b14-player img{left:0;transform:scaleX(-1);filter:brightness(.9) saturate(.88) drop-shadow(0 18px 13px rgba(0,0,0,.92)) drop-shadow(6px 0 8px rgba(80,82,190,.24))}
.b14-enemy{right:-9%}.b14-enemy img{right:0;filter:brightness(1.02) saturate(1.05) drop-shadow(0 18px 13px rgba(0,0,0,.92)) drop-shadow(-5px 0 8px rgba(174,75,217,.25))}
.b14-aura{position:absolute;z-index:1;left:50%;bottom:10px;width:210px;height:210px;transform:translateX(-50%);border:1px solid rgba(224,173,88,.23);border-radius:50%;background:radial-gradient(circle,rgba(107,49,158,.26),transparent 65%);box-shadow:0 0 39px rgba(129,54,183,.22)}
.b14-enemy-fallback{position:absolute;z-index:3;right:30%;bottom:33%;font-size:92px;filter:drop-shadow(0 12px 12px #000)}
@keyframes b14Breath{0%,100%{translate:0 0;scale:1}50%{translate:0 -2px;scale:1.006}}
.b14-versus{position:absolute;z-index:7;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-7deg);color:#f5d986;font-family:Georgia,serif;font-size:18px;font-weight:900;text-shadow:0 0 13px #7f2dac,0 3px 5px #000}
.b14-stage-badge{position:absolute;z-index:9;left:50%;bottom:11px;display:flex;min-width:102px;max-width:44%;flex-direction:column;align-items:center;transform:translateX(-50%);padding:5px 10px;border:1px solid rgba(226,174,83,.46);border-radius:13px;background:rgba(5,5,11,.82);text-align:center;backdrop-filter:blur(6px)}
.b14-stage-badge span{color:#f3d692;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.b14-stage-badge small{overflow:hidden;max-width:100%;color:#c4b7a8;font-size:7px;text-overflow:ellipsis;white-space:nowrap}

.b14-stage-angry .b14-enemy .b14-aura{background:radial-gradient(circle,rgba(215,46,55,.42),transparent 65%);box-shadow:0 0 42px rgba(219,43,59,.38)}
.b14-stage-angry .b14-enemy img{filter:brightness(1.04) saturate(1.16) sepia(.08) drop-shadow(0 18px 13px rgba(0,0,0,.92)) drop-shadow(0 0 11px rgba(230,51,67,.46))}
.b14-stage-angry .b14-stage-badge span{color:#ff8a75}
.b14-stage-enraged .b14-enemy .b14-aura{background:radial-gradient(circle,rgba(238,39,47,.56),rgba(150,29,25,.15) 44%,transparent 69%);box-shadow:0 0 55px rgba(239,48,45,.55);animation:b14Rage 1.15s ease-in-out infinite alternate}
.b14-stage-enraged .b14-enemy img{filter:brightness(1.08) saturate(1.28) contrast(1.06) drop-shadow(0 18px 13px rgba(0,0,0,.92)) drop-shadow(0 0 14px rgba(255,52,44,.62))}
.b14-stage-enraged .b14-stage-badge span{color:#ff5a4e}
@keyframes b14Rage{to{transform:translateX(-50%) scale(1.08);opacity:.82}}
.b14-stage-weakened .b14-enemy img{filter:grayscale(.38) saturate(.58) brightness(.82) drop-shadow(0 18px 13px rgba(0,0,0,.92)) drop-shadow(0 0 9px rgba(100,180,103,.28))}
.b14-stage-weakened .b14-enemy .b14-aura{background:radial-gradient(circle,rgba(89,155,97,.25),transparent 67%);box-shadow:0 0 34px rgba(84,158,93,.22)}
.b14-stage-weakened .b14-stage-badge span{color:#8ed18e}
.b14-stage-boss .b14-enemy{width:61%;right:-11%}.b14-stage-boss .b14-enemy .b14-aura{width:242px;height:242px;background:radial-gradient(circle,rgba(117,48,172,.38),transparent 67%);box-shadow:0 0 48px rgba(166,75,218,.42),inset 0 0 28px rgba(221,173,88,.1)}
.b14-stage-boss .b14-stage-badge span{color:#ffd26e}
.b14-scene.is-enemy-hit .b14-enemy img{animation:b14EnemyHit .45s ease,b14Breath 5.5s ease-in-out .45s infinite}
.b14-scene.is-player-hit .b14-player img{animation:b14PlayerHit .45s ease,b14Breath 5.5s ease-in-out .45s infinite}
@keyframes b14EnemyHit{30%{translate:7px 0;filter:brightness(1.48) saturate(.6) drop-shadow(0 0 16px #ff5d6d)}}
@keyframes b14PlayerHit{30%{translate:-7px 0;filter:brightness(1.42) saturate(.6) drop-shadow(0 0 16px #ff5d6d)}}

.b14-tactics{position:relative;z-index:12;margin-top:6px;padding:9px 9px 10px;border:1px solid rgba(221,164,68,.62);border-radius:12px;background:linear-gradient(180deg,rgba(19,15,28,.98),rgba(4,5,11,.99));box-shadow:inset 0 0 0 1px rgba(255,232,181,.04),0 11px 27px rgba(0,0,0,.4)}
.b14-choice-head{display:flex;align-items:center;justify-content:space-between;margin:3px 2px 6px}.b14-choice-head b{color:#e8cd96;font-size:9px;letter-spacing:.16em}.b14-choice-head span{color:#918679;font-size:8px}
.b14-choice-head:not(:first-child){margin-top:9px;padding-top:8px;border-top:1px solid rgba(227,177,84,.12)}
.b14-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.b14-zone{min-width:0;height:36px;padding:0 3px;border:1px solid rgba(139,111,78,.48);border-radius:8px;color:#ded3c4;background:linear-gradient(180deg,#201928,#0a0a12);font-size:10px;font-weight:750;text-transform:capitalize;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.b14-zone:active{transform:scale(.97)}
.b14-zone.is-attack.is-selected{border-color:#d26bff;color:#fff2ff;background:linear-gradient(180deg,#8d2db5,#45105c);box-shadow:0 0 13px rgba(191,70,242,.38),inset 0 0 0 1px rgba(255,234,255,.13)}
.b14-zone.is-offhand.is-selected{border-color:#ec9cff;color:#fff2ff;background:linear-gradient(180deg,#704193,#312045);box-shadow:0 0 12px rgba(197,113,236,.27)}
.b14-zone.is-defense.is-selected{border-color:#56bce9;color:#effaff;background:linear-gradient(180deg,#277ca8,#103c59);box-shadow:0 0 13px rgba(64,167,218,.34),inset 0 0 0 1px rgba(223,247,255,.11)}
.b14-shield-zones{grid-template-columns:repeat(2,1fr)}
.b14-actions{display:grid;grid-template-columns:86px 1fr;gap:7px;margin-top:10px}
.b14-journal-button{height:45px;border:1px solid rgba(211,158,71,.47);border-radius:9px;color:#d9c7aa;background:linear-gradient(180deg,#211a27,#0b0b12);font-size:9px}.b14-journal-button span{color:#efc86f;font-size:14px}.b14-journal-button b{display:inline-grid;min-width:17px;height:17px;place-items:center;margin-left:2px;border-radius:9px;color:#f8e0ac;background:#4f2a68}
.b14-primary{height:45px;border:1px solid #f0cd74;border-radius:9px;color:#fff8e8;background:linear-gradient(180deg,#9f39c5 0,#6f1b90 52%,#3f0e57 100%);box-shadow:0 0 0 2px rgba(39,9,50,.88),0 0 0 3px rgba(216,167,78,.32),0 8px 20px rgba(84,16,111,.48),inset 0 1px rgba(255,255,255,.18);font-size:11px;font-weight:850;letter-spacing:.035em;text-shadow:0 2px 4px #26002f}
.b14-primary:disabled{border-color:#665a4b;color:#80786f;background:linear-gradient(180deg,#27222b,#111118);box-shadow:none;text-shadow:none}

.b14-dock{position:fixed;z-index:10060;left:50%;bottom:0;display:grid;width:min(100%,720px);height:calc(var(--b14-dock) + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);transform:translateX(-50%);padding:5px 5px env(safe-area-inset-bottom);border-top:1px solid rgba(224,164,64,.86);background:linear-gradient(180deg,rgba(10,9,18,.98),rgba(2,3,8,.998));box-shadow:0 -13px 31px rgba(0,0,0,.68)}
.b14-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:8px;color:#bcae99;background:transparent;font-size:8px}.b14-dock button span{color:#e8be61;font-size:18px;line-height:1}.b14-dock button.is-active{border:1px solid rgba(230,157,255,.62);color:#fff2ff;background:linear-gradient(180deg,#742397,#371047);box-shadow:0 0 17px rgba(155,55,203,.38)}

.b14-journal{position:fixed;z-index:10100;inset:0;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.b14-journal.is-open{visibility:visible;opacity:1}
.b14-journal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.b14-journal-sheet{position:absolute;left:50%;bottom:0;display:flex;width:min(100%,720px);height:min(80vh,720px);flex-direction:column;transform:translate(-50%,105%);overflow:hidden;border:1px solid rgba(226,169,76,.72);border-bottom:0;border-radius:19px 19px 0 0;background:radial-gradient(ellipse at 50% 0,rgba(117,52,160,.19),transparent 48%),linear-gradient(180deg,#15101f,#05050b);box-shadow:0 -18px 60px rgba(0,0,0,.72);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.b14-journal.is-open .b14-journal-sheet{transform:translate(-50%,0)}
.b14-sheet-handle{width:42px;height:4px;margin:8px auto 4px;border-radius:3px;background:#685b6f}
.b14-journal-sheet header{display:grid;grid-template-columns:1fr auto 35px;align-items:center;gap:8px;padding:8px 13px 11px;border-bottom:1px solid rgba(226,169,76,.25)}
.b14-journal-sheet header small{color:#a78f64;font-size:8px;letter-spacing:.15em}.b14-journal-sheet h2{margin:2px 0 0;color:#f5ddb0;font:600 21px Georgia,serif}
.b14-journal-time{display:flex;flex-direction:column;align-items:flex-end}.b14-journal-time span{color:#998d7d;font-size:8px}.b14-journal-time b{color:#f4d584;font-size:15px;font-variant-numeric:tabular-nums}
.b14-journal-sheet header>button{width:34px;height:34px;border:1px solid rgba(218,166,77,.35);border-radius:50%;color:#dfcba9;background:#191320;font-size:23px;line-height:1}
.b14-journal-sheet ol{flex:1;margin:0;padding:10px 12px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;list-style:none;-webkit-overflow-scrolling:touch}
.b14-journal-sheet li{display:grid;grid-template-columns:22px 1fr;gap:5px;padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.055);color:#c9beb0;font-size:11px;line-height:1.4}.b14-journal-sheet li span{color:#9c7c4b;text-align:center}.b14-journal-sheet li p{margin:0}.b14-journal-sheet li.is-round{margin-top:5px;border:1px solid rgba(219,166,78,.25);border-radius:7px;color:#f0d79d;background:rgba(82,49,92,.2);font-weight:800}.b14-journal-sheet li.is-timeout{color:#ffbd75;background:rgba(121,54,27,.18)}

.battle014-finished{display:grid;min-height:calc(100dvh - 130px);place-items:center}.b14-finished-card{width:min(92%,390px);padding:26px 19px;border:1px solid rgba(229,176,83,.65);border-radius:17px;background:linear-gradient(180deg,rgba(26,18,35,.98),rgba(5,6,12,.99));text-align:center;box-shadow:0 18px 58px rgba(0,0,0,.58)}.b14-result-mark{font-size:52px}.b14-finished-card h1{margin:7px 0;color:#f3daa4;font:600 31px Georgia,serif}.b14-finished-card p{color:#bfb3a4;font-size:12px;line-height:1.5}.b14-finished-card .b14-primary{width:100%;margin-top:10px}

@media(max-width:700px){
  body.arena-battle014-active{overflow-x:hidden}
  .arena-battle014-active #app-header{display:none!important}
  .arena-battle014-active #arena-root,.arena-battle014-active .app{width:100%;max-width:none;min-height:100dvh;padding:env(safe-area-inset-top) 0 0}
  .battle014{width:100%;padding-top:4px}
}

@media(max-width:390px){
  .battle014{padding-left:4px;padding-right:4px}
  .b14-topline{height:52px;padding-left:8px;padding-right:8px}.b14-timer{min-width:77px;padding:5px 8px}.b14-timer strong{font-size:16px}
  .b14-scene{height:350px}.b14-fighter{bottom:23px;height:282px}.b14-player{left:-10%}.b14-enemy{right:-11%}.b14-stage-boss .b14-enemy{right:-14%}
  .b14-health{top:12px;width:44%;padding-left:6px;padding-right:6px}.b14-health-player{left:11px}.b14-health-enemy{right:11px}
  .b14-zone{height:34px;font-size:9px}.b14-tactics{padding:8px 7px 9px}.b14-actions{grid-template-columns:78px 1fr}.b14-primary{font-size:10px}
}

@media(max-height:780px) and (max-width:700px){
  :root{--b14-dock:64px}
  .b14-topline{height:48px}.b14-scene{height:306px}.b14-fighter{height:246px}.b14-health{top:10px}.b14-zone{height:31px}.b14-tactics{padding-top:7px}.b14-choice-head:not(:first-child){margin-top:7px;padding-top:6px}.b14-actions{margin-top:8px}.b14-primary,.b14-journal-button{height:41px}.b14-dock button span{font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  .b14-fighter img,.b14-sparks i,.b14-stage-enraged .b14-enemy .b14-aura,[data-b14-timer]{animation:none!important}
  .b14-journal,.b14-journal-sheet{transition:none}
}

/* UI 014.2 — fixed iPhone viewport, central clock and live combat feedback */
html.arena-battle014-lock,
html.arena-battle014-lock body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
body.arena-battle014-active{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;touch-action:pan-y}
body.arena-battle014-active #app-main,
body.arena-battle014-active #battle014-root{
  position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;
  overflow:hidden!important;transform:none!important
}
body.arena-battle014-active>#battle014-root{
  z-index:2000010!important
}
body:not(.arena-battle014-active)>#battle014-root{display:none!important}
body.arena-battle014-active>#battle014-root{display:block!important}
body.arena-battle014-active main.app{width:100%!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
.battle014{
  display:flex;width:100%;max-width:720px;height:100dvh;min-height:0;flex-direction:column;margin:0 auto;padding:4px 5px calc(var(--b14-dock) + env(safe-area-inset-bottom) + 12px);
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none
}
.battle014::-webkit-scrollbar{display:none}
.b14-topline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:51px;padding:5px 12px}
.b14-topline>div:first-child{align-items:flex-start}.b14-heat{align-items:flex-end}
.b14-topline small{font-size:9px}.b14-topline b{font-size:13px}

.b14-scene{
  --b14-parallax-x:0px;--b14-parallax-y:0px;
  height:auto;min-height:398px;max-width:100%;flex:1 0 398px;overflow:hidden;touch-action:pan-y;contain:layout paint
}
.b14-scene-glow{transform:translateX(calc(-50% + var(--b14-parallax-x)));transition:transform .3s ease-out}
.b14-scene:after{transform:translate(calc(var(--b14-parallax-x) * -.32),calc(var(--b14-parallax-y) * -.35));transition:transform .3s ease-out}

.b14-health{top:13px;width:46%;min-height:92px;padding:8px 9px 7px;border-color:rgba(238,194,105,.58);background:linear-gradient(180deg,rgba(17,14,26,.96),rgba(3,4,10,.94));box-shadow:0 7px 20px rgba(0,0,0,.48),inset 0 0 14px rgba(120,62,154,.08)}
.b14-health-player{left:11px}.b14-health-enemy{right:11px}
.b14-health .b14-role{display:block;margin-bottom:3px;color:#f0c96f;font-size:11px;font-weight:900;line-height:1;letter-spacing:.12em;text-shadow:0 0 9px rgba(229,177,81,.24)}
.b14-health-enemy .b14-role{color:#e2a4ff}
.b14-health>div{gap:6px}.b14-health b{font-size:13px;line-height:1.15}.b14-health small{font-size:9px}
.b14-health>i{position:relative;height:13px;margin-top:6px;overflow:hidden;border-color:rgba(255,255,255,.2);border-radius:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,.7)}
.b14-health>i em{position:relative;z-index:2;animation:b14HpSettle .48s ease both}
.b14-health>span{position:relative;z-index:3;margin-top:4px;color:#f2e6d8;font-size:11px;font-weight:800;line-height:1.1}
.b14-hp-loss{position:absolute;z-index:1;top:0;height:100%;border-radius:3px;background:#ffb0a0;box-shadow:0 0 11px rgba(255,114,97,.9);animation:b14HpLoss 1.25s ease-out forwards}
@keyframes b14HpSettle{from{width:var(--b14-hp-from)}to{width:var(--b14-hp-to)}}
@keyframes b14HpLoss{0%,42%{opacity:1}100%{opacity:0}}

.b14-center-clock{
  position:absolute;z-index:14;left:50%;top:42%;display:flex;width:78px;height:78px;flex-direction:column;align-items:center;justify-content:center;
  transform:translate(-50%,-50%);border:2px solid #e5bd68;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(111,42,148,.96),rgba(8,7,14,.97) 64%);
  box-shadow:0 0 0 3px rgba(6,5,10,.86),0 0 23px rgba(148,55,197,.62),inset 0 0 16px rgba(255,221,143,.12);text-align:center
}
.b14-center-clock small{color:#e8d6ae;font-size:8px;font-weight:900;letter-spacing:.1em}.b14-center-clock strong{color:#fff0bd;font-size:20px;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:.025em;text-shadow:0 2px 5px #000}.b14-center-clock span{position:absolute;top:calc(100% + 7px);color:#f3d47f;font:900 15px Georgia,serif;text-shadow:0 0 11px #872eb1,0 2px 4px #000}
.b14-versus{display:none}

.b14-fighter{
  bottom:9px;width:58%;height:292px;transform:translate(var(--b14-parallax-x),var(--b14-parallax-y));transition:transform .26s ease-out
}
.b14-player{left:-1%}.b14-enemy{right:-1%}.b14-stage-boss .b14-enemy{right:-3%;width:61%}
.b14-fighter img{height:100%;transform-origin:50% 96%}
.b14-player img{left:0}.b14-enemy img{right:0}
.b14-aura{bottom:2px;width:190px;height:190px}
.b14-stage-badge{bottom:6px;z-index:15}

.b14-float-stack{position:absolute;z-index:24;left:50%;top:34%;display:flex;width:135px;flex-direction:column;align-items:center;transform:translateX(-50%);pointer-events:none}
.b14-float{position:absolute;display:flex;min-width:80px;flex-direction:column;align-items:center;opacity:0;animation:b14FloatResult 2.35s cubic-bezier(.14,.78,.22,1) var(--b14-delay) both;filter:drop-shadow(0 3px 4px #000)}
.b14-float small{padding:3px 7px;border:1px solid currentColor;border-radius:10px;background:rgba(5,4,10,.83);font-size:10px;font-weight:950;line-height:1;letter-spacing:.04em;white-space:nowrap}
.b14-float b{color:#ff596e;font-family:Georgia,serif;font-size:31px;line-height:.96;text-shadow:0 0 11px rgba(255,50,79,.86),0 2px 3px #000}
.b14-float-damage small{display:none}.b14-float-crit small,.b14-float-crit b{color:#ffd45f}.b14-float-block small,.b14-float-block b{color:#66c8ff}.b14-float-dodge small,.b14-float-dodge b{color:#8df6ff}.b14-float-parry small,.b14-float-parry b{color:#d1b5ff}.b14-float-counter small,.b14-float-counter b{color:#ff9f55}
@keyframes b14FloatResult{0%{opacity:0;translate:0 15px;scale:.65}13%,63%{opacity:1;translate:0 0;scale:1.07}78%{opacity:1;scale:1}100%{opacity:0;translate:0 -36px;scale:.9}}

.b14-fighter.is-attacking.b14-player{animation:b14LungePlayer .72s ease-out both}.b14-fighter.is-attacking.b14-enemy{animation:b14LungeEnemy .72s ease-out .36s both}
.b14-fighter.is-hit img{animation:b14Impact .58s ease .42s,b14Breath 5.5s ease-in-out 1s infinite}
.b14-fighter.is-dodging.b14-player{animation:b14DodgePlayer .65s ease .32s both}.b14-fighter.is-dodging.b14-enemy{animation:b14DodgeEnemy .65s ease .05s both}
.b14-fighter.is-defending:after{content:"🛡";position:absolute;z-index:22;left:50%;top:43%;font-size:51px;opacity:0;filter:drop-shadow(0 0 12px #5ac9ff);animation:b14ShieldFlash 1.05s ease .25s both}
@keyframes b14LungePlayer{0%,100%{transform:translate(var(--b14-parallax-x),var(--b14-parallax-y))}38%{transform:translate(calc(var(--b14-parallax-x) + 25px),calc(var(--b14-parallax-y) - 2px))}58%{transform:translate(calc(var(--b14-parallax-x) + 18px),var(--b14-parallax-y))}}
@keyframes b14LungeEnemy{0%,100%{transform:translate(var(--b14-parallax-x),var(--b14-parallax-y))}38%{transform:translate(calc(var(--b14-parallax-x) - 25px),calc(var(--b14-parallax-y) - 2px))}58%{transform:translate(calc(var(--b14-parallax-x) - 18px),var(--b14-parallax-y))}}
@keyframes b14Impact{0%,100%{translate:0 0;filter:brightness(1)}30%{translate:7px 0;filter:brightness(1.65) saturate(.55) drop-shadow(0 0 19px #ff4e67)}50%{translate:-4px 0}}
@keyframes b14DodgePlayer{0%,100%{transform:translate(var(--b14-parallax-x),var(--b14-parallax-y))}45%{transform:translate(calc(var(--b14-parallax-x) - 21px),calc(var(--b14-parallax-y) - 4px))}}
@keyframes b14DodgeEnemy{0%,100%{transform:translate(var(--b14-parallax-x),var(--b14-parallax-y))}45%{transform:translate(calc(var(--b14-parallax-x) + 21px),calc(var(--b14-parallax-y) - 4px))}}
@keyframes b14ShieldFlash{0%{opacity:0;scale:.5}25%,58%{opacity:.92;scale:1.06}100%{opacity:0;scale:1.35}}
.b14-timeout-fx{position:absolute;z-index:30;left:50%;top:64%;width:min(86%,320px);transform:translateX(-50%);padding:8px 10px;border:1px solid #ffae54;border-radius:18px;color:#ffd094;background:rgba(71,26,12,.91);font-size:11px;font-weight:950;letter-spacing:.06em;text-align:center;animation:b14Timeout 2.5s ease both;box-shadow:0 0 20px rgba(255,117,49,.34)}
@keyframes b14Timeout{0%{opacity:0;scale:.82}12%,74%{opacity:1;scale:1}100%{opacity:0;scale:.94}}

.b14-dock{left:50%;right:auto;bottom:0;width:100%;max-width:720px;transform:translateX(-50%);overflow:hidden}
.b14-journal{width:100vw;height:100dvh;overflow:hidden;touch-action:none}.b14-journal-sheet{max-width:720px;max-height:calc(100dvh - 24px);touch-action:pan-y}

@media(max-width:430px){
  .battle014{padding-left:4px;padding-right:4px}
  .b14-scene{height:auto;min-height:376px;flex-basis:376px}
  .b14-health{top:11px;width:46.5%;min-height:90px;padding:7px 7px 6px}.b14-health-player{left:9px}.b14-health-enemy{right:9px}
  .b14-health .b14-role{font-size:10px}.b14-health b{font-size:12px}.b14-health>span{font-size:10px}
  .b14-fighter{bottom:5px;height:274px}.b14-player{left:0}.b14-enemy{right:0}.b14-stage-boss .b14-enemy{right:-2%}
  .b14-center-clock{top:43%;width:72px;height:72px}.b14-center-clock strong{font-size:18px}
  .b14-float-stack{top:31%;width:118px}.b14-float b{font-size:27px}.b14-float small{font-size:9px}
}

@media(max-height:820px) and (max-width:700px){
  :root{--b14-dock:64px}
  .b14-topline{height:45px}.b14-scene{height:auto;min-height:334px;flex-basis:334px}
  .b14-health{top:9px;min-height:83px}.b14-health>i{height:11px;margin-top:4px}.b14-health .b14-role{font-size:9px}.b14-health b{font-size:11px}
  .b14-fighter{bottom:3px;height:239px}.b14-center-clock{top:45%;width:66px;height:66px}.b14-center-clock strong{font-size:17px}
  .b14-tactics{margin-top:4px}.b14-zone{height:32px}.b14-choice-head:not(:first-child){margin-top:6px;padding-top:5px}
}

@media(prefers-reduced-motion:reduce){
  .b14-fighter,.b14-fighter.is-attacking,.b14-fighter.is-dodging,.b14-fighter.is-hit img,.b14-float,.b14-timeout-fx,.b14-hp-loss,.b14-health>i em{animation:none!important;transition:none!important}
  .b14-float,.b14-timeout-fx{opacity:1}
}

/* UI 014.5 — one mobile dock, stable Safari viewport and readable combat HUD */
html.arena-battle014-lock,
html.arena-battle014-lock body{
  width:100%!important;height:100%!important;max-width:100%!important;
  overflow:hidden!important;overscroll-behavior:none!important
}
body.arena-battle014-active{
  position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;
  overflow:hidden!important;overscroll-behavior:none!important;touch-action:none
}
body.arena-battle014-active #app-main,
body.arena-battle014-active #battle014-root{
  position:fixed!important;left:0!important;right:0!important;top:var(--b14-vv-top,0px)!important;bottom:auto!important;
  width:100%!important;max-width:none!important;height:var(--b14-vv-height,100dvh)!important;
  overflow:hidden!important;transform:none!important
}

/* The battle-specific dock was the duplicate menu seen above the scene. */
body.arena-battle014-active .b14-dock,
body.arena-battle014-active .i13-dock{display:none!important}

/* Keep and restyle the real project navigation as the single bottom dock. */
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
  position:fixed!important;z-index:2000020!important;left:50%!important;right:auto!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  bottom:var(--b14-vv-bottom,0px)!important;display:grid!important;width:min(100%,720px)!important;max-width:720px!important;
  height:calc(var(--b14-dock) + env(safe-area-inset-bottom))!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;transform:translateX(-50%)!important;
  overflow:hidden!important;padding:6px 5px env(safe-area-inset-bottom)!important;
  border:1px solid rgba(226,177,83,.62)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;
  background:
    radial-gradient(circle at 50% -25%,rgba(150,54,203,.32),transparent 48%),
    linear-gradient(180deg,rgba(23,13,34,.985),rgba(5,4,12,.998))!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.72),inset 0 1px rgba(255,232,174,.12)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important
}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>button{
  display:flex!important;min-width:0!important;min-height:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;padding:4px 2px!important;border:1px solid transparent!important;border-radius:10px!important;
  color:#d7c7af!important;background:transparent!important;font-size:9px!important;font-weight:750!important;line-height:1!important
}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>button b{
  display:block!important;margin:0!important;color:#e8bd62!important;font-size:19px!important;line-height:1!important;
  filter:drop-shadow(0 0 7px rgba(226,172,80,.24))
}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>button.active{
  border-color:rgba(230,161,255,.72)!important;color:#fff2ff!important;
  background:radial-gradient(circle at 50% 20%,rgba(218,127,255,.35),transparent 48%),linear-gradient(180deg,#6f2598,#351049)!important;
  box-shadow:0 0 17px rgba(158,58,205,.42),inset 0 0 0 1px rgba(255,238,255,.1)!important
}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>button.active b{color:#f2d3ff!important;filter:drop-shadow(0 0 8px #b44bdc)!important}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>.ui002-secondary-nav{display:none!important}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock)>.ui002-more-button{display:flex!important}

.battle014{
  display:flex!important;width:100%!important;max-width:720px!important;height:100%!important;min-height:0!important;
  flex-direction:column!important;margin:0 auto!important;
  padding:4px 5px calc(var(--b14-dock) + env(safe-area-inset-bottom) + 5px)!important;
  overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important
}
.b14-topline{flex:0 0 51px}
.b14-scene{
  height:auto!important;min-height:300px!important;max-height:none!important;flex:1 1 0!important;
  margin-top:5px!important;overflow:hidden!important;touch-action:none!important
}
.b14-tactics{flex:0 0 auto!important;margin-top:5px!important}

/* Remove the visible rings around both fighters while preserving heat colour on the art. */
.b14-aura{display:none!important}

/* Larger, two-line names and permanently visible health bars. */
.b14-health{
  top:11px!important;width:calc(50% - 14px)!important;min-height:108px!important;
  padding:9px 9px 8px!important;border-color:rgba(238,194,105,.68)!important;
  background:linear-gradient(180deg,rgba(19,14,28,.985),rgba(3,4,11,.97))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.56),inset 0 0 16px rgba(126,57,166,.1)!important
}
.b14-health-player{left:9px!important}.b14-health-enemy{right:9px!important}
.b14-health .b14-role{
  margin-bottom:5px!important;font-size:11px!important;line-height:1!important;letter-spacing:.13em!important
}
.b14-health>div{
  display:grid!important;min-height:36px!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;gap:4px!important
}
.b14-health b{
  display:-webkit-box!important;overflow:visible!important;min-width:0!important;max-width:100%!important;
  color:#fff0d5!important;font-size:15px!important;font-weight:850!important;line-height:1.12!important;
  text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important
}
.b14-health small{padding-top:2px!important;font-size:9px!important;white-space:nowrap!important}
.b14-health>i{
  display:block!important;position:relative!important;height:16px!important;margin-top:5px!important;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:9px!important;
  background:#030309!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.82),0 0 10px rgba(240,72,94,.12)!important
}
.b14-health>i em{display:block!important;min-width:0;height:100%!important;opacity:1!important}
.b14-health>span{display:block!important;margin-top:4px!important;color:#fff1df!important;font-size:11px!important;font-weight:850!important;line-height:1!important}

.b14-fighter{bottom:4px!important;height:min(69%,292px)!important;max-height:292px!important}
.b14-player{left:0!important}.b14-enemy{right:0!important}.b14-stage-boss .b14-enemy{right:-2%!important}
.b14-center-clock{top:47%!important}
.b14-stage-badge{bottom:5px!important}

@media(max-width:430px){
  :root{--b14-dock:72px}
  .battle014{padding-left:4px!important;padding-right:4px!important}
  .b14-topline{height:48px!important;flex-basis:48px!important}
  .b14-scene{min-height:302px!important}
  .b14-health{top:9px!important;width:calc(50% - 11px)!important;min-height:105px!important;padding:8px 7px 7px!important}
  .b14-health-player{left:7px!important}.b14-health-enemy{right:7px!important}
  .b14-health .b14-role{font-size:10px!important}.b14-health b{font-size:14px!important}.b14-health>i{height:15px!important}
  .b14-fighter{height:min(67%,274px)!important}.b14-center-clock{top:49%!important;width:72px!important;height:72px!important}
}

@media(max-height:760px) and (max-width:700px){
  :root{--b14-dock:66px}
  .b14-topline{height:43px!important;flex-basis:43px!important}
  .b14-scene{min-height:278px!important}
  .b14-health{min-height:98px!important}.b14-health b{font-size:13px!important}.b14-health>i{height:13px!important;margin-top:3px!important}
  .b14-fighter{height:min(64%,226px)!important}.b14-center-clock{top:51%!important;width:64px!important;height:64px!important}
  .b14-tactics{padding-top:7px!important;padding-bottom:8px!important}.b14-zone{height:31px!important}
}


/* UI 014.9 — adaptive combat polish */
:root{
  --b14-vv-left:0px;
  --b14-vv-width:100vw;
  --b14-vv-center:50vw;
}

html.arena-battle014-lock,
html.arena-battle014-lock body{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

body.arena-battle014-active #app-main,
body.arena-battle014-active #battle014-root{
  left:var(--b14-vv-left)!important;
  right:auto!important;
  width:var(--b14-vv-width)!important;
  max-width:var(--b14-vv-width)!important;
  box-sizing:border-box!important;
}

body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
  left:var(--b14-vv-left)!important;
  right:auto!important;
  width:var(--b14-vv-width)!important;
  max-width:var(--b14-vv-width)!important;
  transform:none!important;
  box-sizing:border-box!important;
}

.battle014{
  width:100%!important;
  max-width:100%!important;
  padding-left:max(4px,env(safe-area-inset-left))!important;
  padding-right:max(4px,env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}

.b14-topline{
  min-width:0!important;
  grid-template-columns:minmax(0,.82fr) minmax(132px,1.18fr)!important;
  gap:8px!important;
}
.b14-topline>div{min-width:0}
.b14-heat{
  display:grid!important;
  min-width:0!important;
  grid-template-rows:auto 10px!important;
  gap:4px!important;
  text-align:right!important;
}
.b14-heat-copy{display:flex;min-width:0;align-items:baseline;justify-content:flex-end;gap:6px}
.b14-heat-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b14-heat-copy b{flex:0 0 auto}
.b14-heat-meter{
  position:relative;
  display:block;
  width:100%;
  height:10px;
  overflow:hidden;
  border:1px solid rgba(255,216,130,.42);
  border-radius:7px;
  background:linear-gradient(90deg,rgba(61,86,69,.76) 0 30%,rgba(112,68,35,.76) 30% 60%,rgba(102,24,38,.82) 60% 100%);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.78),0 0 9px rgba(232,108,55,.12)
}
.b14-heat-meter>i{
  position:absolute;z-index:2;inset:0 auto 0 0;
  width:var(--b14-heat,0%);
  border-radius:6px;
  background:linear-gradient(90deg,#8edc85 0,#f0bd4d 48%,#ff5b47 100%);
  box-shadow:0 0 11px rgba(255,91,71,.58);
  transition:width .38s ease
}
.b14-heat-meter>span{position:absolute;z-index:3;top:-1px;bottom:-1px;width:1px;background:rgba(255,246,219,.58)}
.b14-heat-meter>span:first-of-type{left:30%}.b14-heat-meter>span:last-of-type{left:60%}

.b14-scene{
  width:100%!important;
  min-width:0!important;
  min-height:210px!important;
  flex:1 1 250px!important;
}
.b14-tactics{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-bottom:2px!important;
  box-sizing:border-box!important
}
.b14-choice-head{min-width:0!important;gap:8px!important}
.b14-choice-head b{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
.b14-choice-head span{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b14-zones{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(3px,1.25vw,6px)!important;
  box-sizing:border-box!important
}
.b14-shield-zones{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.b14-zone{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding-inline:2px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important
}
.b14-actions{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(104px,.34fr) minmax(0,1fr)!important;
  gap:7px!important;
  margin-top:9px!important;
  box-sizing:border-box!important
}
.b14-actions>*{min-width:0!important;max-width:100%!important}
.b14-journal-button{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 8px!important;
  font-size:10px!important;
  white-space:nowrap!important
}
.b14-journal-button .b14-journal-icon{color:#efc86f;font-size:15px;line-height:1}
.b14-journal-button .b14-journal-label{overflow:hidden;text-overflow:ellipsis}
.b14-journal-count{
  display:inline-grid!important;
  min-width:20px!important;
  height:20px!important;
  place-items:center!important;
  padding:0 5px!important;
  border:1px solid rgba(242,196,106,.22)!important;
  border-radius:11px!important;
  color:#fff0c5!important;
  background:#5d2d79!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:10px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important
}

.b14-journal{
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important
}
.b14-journal-sheet{
  bottom:0!important;
  width:100%!important;
  max-width:720px!important;
  height:min(76%,680px)!important;
  max-height:calc(100% - 12px)!important;
  padding-bottom:max(0px,env(safe-area-inset-bottom))!important;
  transform:translate(-50%,calc(105% + var(--b14-sheet-drag,0px)))!important;
  will-change:transform
}
.b14-journal.is-open .b14-journal-sheet{
  transform:translate(-50%,var(--b14-sheet-drag,0px))!important
}
.b14-journal-sheet.is-dragging{transition:none!important}
.b14-sheet-handle{
  width:54px!important;
  height:5px!important;
  margin-top:10px!important;
  background:#9a82a5!important;
  touch-action:none!important
}
.b14-journal-sheet header{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
.b14-journal-sheet ol{min-height:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}

@media(max-width:350px){
  .b14-topline{grid-template-columns:minmax(0,.72fr) minmax(122px,1.28fr)!important;padding-inline:8px!important}
  .b14-topline small{font-size:8px!important}.b14-topline b{font-size:11px!important}
  .b14-health{width:calc(50% - 9px)!important;padding-inline:5px!important}
  .b14-health-player{left:5px!important}.b14-health-enemy{right:5px!important}
  .b14-health b{font-size:12px!important}.b14-health .b14-role{font-size:9px!important}
  .b14-center-clock{width:60px!important;height:60px!important}.b14-center-clock strong{font-size:16px!important}
  .b14-actions{grid-template-columns:minmax(96px,.36fr) minmax(0,1fr)!important;gap:5px!important}
  .b14-journal-button{padding-inline:6px!important;gap:3px!important}
  .b14-primary{font-size:9px!important}
}

@media(max-height:700px) and (max-width:700px){
  :root{--b14-dock:62px}
  .battle014{padding-top:2px!important;padding-bottom:calc(var(--b14-dock) + env(safe-area-inset-bottom) + 3px)!important}
  .b14-topline{height:40px!important;flex-basis:40px!important;padding-block:3px!important}
  .b14-heat{grid-template-rows:auto 8px!important;gap:2px!important}.b14-heat-meter{height:8px!important}
  .b14-scene{min-height:198px!important;flex-basis:210px!important;margin-top:3px!important}
  .b14-health{top:6px!important;min-height:88px!important;padding-top:6px!important}.b14-health>div{min-height:29px!important}
  .b14-health .b14-role{margin-bottom:3px!important}.b14-health>i{height:12px!important;margin-top:2px!important}.b14-health>span{font-size:10px!important}
  .b14-fighter{height:min(60%,210px)!important}.b14-center-clock{top:53%!important;width:58px!important;height:58px!important}
  .b14-center-clock small{font-size:7px!important}.b14-center-clock strong{font-size:15px!important}
  .b14-tactics{padding:6px!important;margin-top:3px!important}.b14-choice-head{margin-bottom:4px!important}
  .b14-choice-head:not(:first-child){margin-top:5px!important;padding-top:4px!important}
  .b14-zone{height:29px!important;font-size:9px!important}
  .b14-actions{margin-top:6px!important}.b14-primary,.b14-journal-button{height:38px!important}
}

@media(min-height:850px) and (max-width:700px){
  .b14-scene{min-height:330px!important;flex-basis:360px!important}
  .b14-fighter{height:min(69%,292px)!important}
}

@media(orientation:landscape) and (max-height:520px){
  :root{--b14-dock:56px}
  .battle014{display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)!important;grid-template-rows:42px minmax(0,1fr)!important;gap:4px!important}
  .b14-topline{grid-column:1;grid-row:1}
  .b14-scene{grid-column:1;grid-row:2;min-height:0!important;height:100%!important;margin-top:0!important}
  .b14-tactics{grid-column:2;grid-row:1 / span 2;margin-top:0!important;align-self:stretch!important;overflow:auto!important}
  .b14-fighter{height:min(72%,230px)!important}
}


/* UI 014.10 — measured viewport corrections */
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
  top:auto!important;
  max-height:calc(var(--b14-dock) + env(safe-area-inset-bottom))!important
}
@media(max-height:700px) and (max-width:700px){
  .battle014{
    padding-bottom:calc(var(--b14-dock) + env(safe-area-inset-bottom) + 10px)!important
  }
}
@media(orientation:landscape) and (max-height:520px){
  body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
    top:auto!important;
    bottom:var(--b14-vv-bottom,0px)!important;
    height:calc(var(--b14-dock) + env(safe-area-inset-bottom))!important;
    max-height:calc(var(--b14-dock) + env(safe-area-inset-bottom))!important
  }
}


/* UI 014.12 — non-collapsing heat meter */
.b14-heat{
  width:100%!important;
  justify-items:stretch!important;
  align-items:stretch!important
}
.b14-heat-copy{width:100%!important}
.b14-heat-meter{
  display:block!important;
  width:100%!important;
  min-width:80px!important;
  height:10px!important;
  min-height:8px!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  flex:0 0 10px!important
}
@media(max-height:700px) and (max-width:700px){
  .b14-heat-meter{
    height:8px!important;
    min-height:8px!important;
    flex-basis:8px!important
  }
}


/* UI 014.13 — isolate the battle header from legacy home/header rules */
body.arena-battle014-active #battle014-root .b14-topline{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important
}
@media(max-height:700px) and (max-width:700px){
  body.arena-battle014-active #battle014-root .b14-topline{
    height:50px!important;
    min-height:50px!important
  }
}
@media(orientation:landscape) and (max-height:520px){
  body.arena-battle014-active #battle014-root .b14-topline{
    height:42px!important;
    min-height:42px!important
  }
}


/* UI 014.14 — clean cold start, timerless rounds and integrated hero stats */
body.arena-battle014-active #i13-home-layer{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important
}
body.arena-battle014-active>#battle014-root{
  background:
    radial-gradient(ellipse at 50% -8%,rgba(112,49,161,.28),transparent 44%),
    linear-gradient(180deg,#090610,#020207 65%,#000 100%)!important
}
body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
  top:calc(var(--b14-vv-top,0px) + var(--b14-vv-height,100dvh) - var(--b14-dock) - env(safe-area-inset-bottom))!important;
  bottom:auto!important
}

.b14-center-clock{display:none!important}
.b14-versus-mark{
  position:absolute;z-index:14;left:50%;top:52%;
  transform:translate(-50%,-50%);
  color:#f2d27c;font:900 17px Georgia,serif;letter-spacing:.08em;
  text-shadow:0 0 13px #812ba9,0 3px 5px #000;
  pointer-events:none
}
.b14-stat-ribbon{
  display:grid!important;width:100%!important;min-width:0!important;min-height:38px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:0 0 6px!important;overflow:hidden!important;
  border:1px solid rgba(221,170,81,.34)!important;border-radius:9px!important;
  background:
    radial-gradient(circle at 50% -45%,rgba(155,63,202,.26),transparent 62%),
    linear-gradient(180deg,rgba(27,19,35,.96),rgba(8,7,14,.97))!important;
  box-shadow:inset 0 1px rgba(255,234,181,.06),0 5px 14px rgba(0,0,0,.22)!important
}
.b14-stat-ribbon>div{
  display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;padding:3px 2px!important;border-right:1px solid rgba(223,179,96,.13)!important
}
.b14-stat-ribbon>div:last-child{border-right:0!important}
.b14-stat-ribbon small{
  overflow:hidden!important;min-width:0!important;color:#a99b8c!important;
  font-size:7.5px!important;font-weight:800!important;line-height:1!important;
  letter-spacing:.08em!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
.b14-stat-ribbon b{
  flex:0 0 auto!important;color:#f5d98f!important;font-family:Georgia,serif!important;
  font-size:16px!important;line-height:1!important;text-shadow:0 0 8px rgba(219,150,73,.28)!important
}
.b14-stat-ribbon>div:nth-child(2) b{color:#d7c2ff!important}
.b14-stat-ribbon>div:nth-child(3) b{color:#f0aaff!important}
.b14-stat-ribbon>div:nth-child(4) b{color:#9bd8ff!important}
.b14-stat-ribbon+.b14-choice-head{
  margin-top:3px!important;padding-top:0!important;border-top:0!important
}
.b14-journal-time{justify-content:center!important}

@media(max-width:350px){
  .b14-stat-ribbon{min-height:32px!important;margin-bottom:4px!important}
  .b14-stat-ribbon>div{gap:1px!important;padding:2px 1px!important}
  .b14-stat-ribbon small{font-size:6.5px!important;letter-spacing:.025em!important}
  .b14-stat-ribbon b{font-size:14px!important}
}
@media(max-height:700px) and (max-width:700px){
  .b14-stat-ribbon{min-height:30px!important;margin-bottom:4px!important}
  .b14-stat-ribbon>div{padding-block:3px!important}
  .b14-stat-ribbon b{font-size:14px!important}
  .b14-scene{min-height:172px!important}
}
@media(orientation:landscape) and (max-height:520px){
  body.arena-battle014-active>nav:not(.b14-dock):not(.i13-dock){
    top:calc(var(--b14-vv-top,0px) + var(--b14-vv-height,100dvh) - var(--b14-dock) - env(safe-area-inset-bottom))!important;
    bottom:auto!important
  }
  .b14-stat-ribbon{min-height:30px!important}
}

/* UI 015 — studio combat direction */
:root{
  --b15-damage:#ff536f;
  --b15-critical:#ffd15f;
  --b15-block:#5ec8ff;
  --b15-parry:#d8c8ff;
  --b15-dodge:#75e8ed;
  --b15-miss:#a8adb8;
  --b15-counter:#ff9c55;
  --b15-ease:cubic-bezier(.2,.82,.2,1);
}

.b14-icon{
  display:inline-block;width:1em;height:1em;flex:0 0 auto;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
  vertical-align:-.15em
}
.b14-icon circle,.b14-icon rect{fill:none;stroke:currentColor}
.battle014 button:focus-visible{outline:2px solid #f5d27c;outline-offset:2px}

/* 1. One authored icon family. */
.b14-heat-copy b{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:4px!important}
.b14-heat-copy b .b14-icon{width:14px;height:14px;color:#ffad4d;filter:drop-shadow(0 0 6px rgba(255,114,57,.62))}
.b14-choice-head b{display:inline-flex;align-items:center;gap:5px}.b14-choice-head b .b14-icon{width:13px;height:13px;color:#e8bd62}
.b14-journal-icon{display:inline-grid!important;place-items:center}.b14-journal-icon .b14-icon{width:17px;height:17px}
.b14-journal-sheet li>span{display:grid;place-items:center}.b14-journal-sheet li>span .b14-icon{width:14px;height:14px}
.b14-result-mark{display:grid;place-items:center;color:#f2c965}.b14-result-mark .b14-icon{width:56px;height:56px;filter:drop-shadow(0 0 18px rgba(232,177,77,.38))}
.b14-finished-card .b14-primary{display:flex;align-items:center;justify-content:center;gap:8px}.b14-finished-card .b14-primary .b14-icon{width:17px;height:17px}

.b14-round-block{
  display:grid!important;min-width:0!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:7px!important;text-align:left!important
}
.b14-round-block>div:first-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.b14-feedback-controls{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;gap:4px!important}
.b14-feedback-controls button,.b14-feedback-controls label{
  position:relative;
  display:grid;width:27px;height:27px;place-items:center;padding:0;border:1px solid rgba(205,172,109,.26);border-radius:8px;
  color:#827b75;background:linear-gradient(180deg,rgba(30,25,35,.94),rgba(8,8,14,.96));box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.b14-feedback-controls button .b14-icon,.b14-feedback-controls label .b14-icon{width:14px;height:14px}
.b14-feedback-controls button.is-on,.b14-feedback-controls label.is-on{border-color:rgba(224,180,93,.72);color:#f4cd74;background:linear-gradient(180deg,#57256f,#25102f);box-shadow:0 0 9px rgba(168,66,211,.28)}
.b14-feedback-controls label input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:.01;cursor:pointer}
.b14-feedback-controls label span{display:grid;place-items:center;pointer-events:none}

/* 2. Readable enemy intent without exposing the hidden target zone. */
.b14-enemy-intent{
  position:absolute;z-index:16;top:126px;right:9px;display:grid;width:min(45%,190px);min-height:45px;
  grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;padding:6px 8px;
  border:1px solid rgba(225,178,91,.34);border-radius:10px;
  background:linear-gradient(135deg,rgba(8,8,15,.9),rgba(32,17,40,.84));
  box-shadow:0 8px 18px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(7px);pointer-events:none
}
.b14-enemy-intent>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:9px;color:#d9a6ef;background:rgba(117,44,150,.18)}
.b14-enemy-intent>span .b14-icon{width:17px;height:17px}
.b14-enemy-intent div{display:grid;min-width:0;gap:1px}.b14-enemy-intent small{color:#9e9182;font-size:6.5px;font-weight:900;letter-spacing:.14em}
.b14-enemy-intent b,.b14-enemy-intent em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b14-enemy-intent b{color:#f1ddbd;font-size:9px;line-height:1.1}.b14-enemy-intent em{color:#b6a9a0;font-size:7px;font-style:normal;line-height:1.15}
.b14-intent-danger,.b14-intent-desperate{border-color:rgba(255,85,89,.5);background:linear-gradient(135deg,rgba(19,6,9,.92),rgba(77,18,29,.85))}
.b14-intent-danger>span,.b14-intent-desperate>span{color:#ff6a63;background:rgba(171,36,34,.2)}
.b14-intent-guard>span{color:var(--b15-block);background:rgba(36,119,160,.18)}
.b14-intent-swift>span{color:var(--b15-dodge);background:rgba(42,151,157,.16)}
.b14-intent-focus>span,.b14-intent-boss>span{color:var(--b15-critical);background:rgba(157,101,35,.17)}

/* 3. Layered exchange: wind-up, contact flash, camera response and delayed HP. */
.b14-impact-flash{
  position:absolute;z-index:19;left:50%;top:56%;display:grid;width:78px;height:78px;place-items:center;
  transform:translate(-50%,-50%) scale(.35) rotate(-12deg);border:1px solid currentColor;border-radius:50%;
  color:var(--b15-damage);background:radial-gradient(circle,rgba(255,255,255,.85) 0 5%,currentColor 7%,transparent 64%);
  opacity:0;pointer-events:none;filter:drop-shadow(0 0 16px currentColor)
}
.b14-impact-flash .b14-icon{width:36px;height:36px;stroke-width:1.35}
.b14-scene.is-exchanging{animation:b15SceneShake .72s var(--b15-ease) .29s both}
.b14-scene.is-exchanging .b14-impact-flash{animation:b15ContactFlash .62s var(--b15-ease) .34s both}
.b14-scene.b14-exchange-crit .b14-impact-flash{color:var(--b15-critical)}
.b14-scene.b14-exchange-block .b14-impact-flash{color:var(--b15-block)}
.b14-scene.b14-exchange-parry .b14-impact-flash{color:var(--b15-parry)}
.b14-scene.b14-exchange-dodge .b14-impact-flash,.b14-scene.b14-exchange-miss .b14-impact-flash{display:none}
.b14-scene.is-exchanging:before{animation:b15FrameImpact .82s ease .28s both}
.b14-health>i:after{content:"";position:absolute;z-index:4;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);pointer-events:none}
.b14-scene.is-exchanging .b14-health>i:after{animation:b15HpSheen .72s ease .55s both}
@keyframes b15SceneShake{0%,100%{translate:0 0}43%{translate:-3px 1px}51%{translate:4px -1px}62%{translate:-2px 0}75%{translate:1px 0}}
@keyframes b15ContactFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-22deg)}22%{opacity:.92;transform:translate(-50%,-50%) scale(1.08) rotate(5deg)}55%{opacity:.45;transform:translate(-50%,-50%) scale(1.35) rotate(12deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(18deg)}}
@keyframes b15FrameImpact{0%,100%{border-color:rgba(243,195,102,.28)}35%{border-color:rgba(255,240,191,.82);box-shadow:inset 0 0 24px rgba(255,88,105,.25)}}
@keyframes b15HpSheen{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* 4. One combat colour language. */
.b14-float{--b15-tone:var(--b15-damage);color:var(--b15-tone)}
.b14-float small{display:inline-flex!important;align-items:center;gap:4px!important;color:var(--b15-tone)!important}
.b14-float small .b14-icon{width:11px;height:11px}.b14-float b{color:var(--b15-tone)!important;text-shadow:0 0 11px color-mix(in srgb,var(--b15-tone) 82%,transparent),0 2px 3px #000!important}
.b14-float-damage{--b15-tone:var(--b15-damage)}.b14-float-damage small:empty{display:none!important}
.b14-float-crit{--b15-tone:var(--b15-critical)}.b14-float-block{--b15-tone:var(--b15-block)}
.b14-float-parry{--b15-tone:var(--b15-parry)}.b14-float-dodge{--b15-tone:var(--b15-dodge)}
.b14-float-miss{--b15-tone:var(--b15-miss)}.b14-float-counter{--b15-tone:var(--b15-counter)}
.b14-fighter.is-defending:after{
  content:""!important;width:54px;height:62px;background:currentColor!important;color:var(--b15-block);
  clip-path:polygon(50% 0,91% 14%,88% 61%,50% 100%,12% 61%,9% 14%);font-size:0!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.56);filter:drop-shadow(0 0 12px currentColor)
}

/* 5. Body-part pictograms and unmistakable selected states. */
.b14-zone{
  position:relative!important;display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;align-items:center!important;gap:3px!important;
  padding:0 7px 0 5px!important;text-align:left!important;transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important
}
.b14-zone-icon{display:grid;width:17px;height:22px;place-items:center;color:#8f8793;transition:color .2s ease,transform .2s var(--b15-ease)}
.b14-zone-icon .b14-icon{width:15px;height:15px}.b14-zone-name{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}
.b14-zone-check{position:absolute;top:2px;right:2px;display:grid;width:10px;height:10px;place-items:center;color:#fff;opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .18s var(--b15-ease)}
.b14-zone-check .b14-icon{width:9px;height:9px;stroke-width:2.7}
.b14-zone.is-selected{transform:translateY(-1px) scale(1.015)!important}.b14-zone.is-selected .b14-zone-check{opacity:1;transform:scale(1)}
.b14-zone.is-attack.is-selected .b14-zone-icon,.b14-zone.is-offhand.is-selected .b14-zone-icon{color:#f2c9ff;transform:scale(1.16)}
.b14-zone.is-defense.is-selected .b14-zone-icon{color:#cceeff;transform:scale(1.16)}
.b14-zone.is-selected:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.11);border-radius:5px;pointer-events:none}

/* 6. The arena visibly escalates at 30 and 60 heat. */
.b14-heat-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.1;background:radial-gradient(ellipse at 50% 100%,rgba(128,50,175,.48),transparent 62%);transition:opacity .45s ease,background .45s ease}
.b14-stage-angry .b14-heat-vignette{opacity:.38;background:radial-gradient(ellipse at 50% 100%,rgba(221,92,42,.5),transparent 62%),linear-gradient(180deg,transparent 58%,rgba(159,32,41,.12))}
.b14-stage-enraged .b14-heat-vignette{opacity:.62;background:radial-gradient(ellipse at 50% 100%,rgba(255,70,41,.63),transparent 61%),linear-gradient(180deg,rgba(119,10,20,.05),rgba(123,13,25,.28));animation:b15HeatBreath 1.8s ease-in-out infinite alternate}
.b14-stage-boss .b14-heat-vignette{opacity:.58;background:radial-gradient(ellipse at 50% 100%,rgba(144,58,205,.62),transparent 60%),linear-gradient(180deg,rgba(224,172,78,.06),rgba(78,14,92,.24))}
.b14-stage-angry .b14-scene,.b14-stage-enraged .b14-scene{border-color:rgba(244,105,62,.82)}
.b14-stage-enraged .b14-scene{box-shadow:inset 0 0 0 4px rgba(22,2,6,.7),inset 0 -54px 60px rgba(132,15,25,.34),0 13px 34px rgba(116,15,30,.34)}
.b14-stage-angry .b14-sparks i:nth-child(n+6),.b14-stage-enraged .b14-sparks i:nth-child(n+6){display:block}
.b14-sparks i:nth-child(6),.b14-sparks i:nth-child(7){display:none;background:#ff6b45}
.b14-sparks i:nth-child(6){left:22%;top:78%;animation-delay:-2.7s}.b14-sparks i:nth-child(7){left:82%;top:25%;animation-delay:-1.4s}
@keyframes b15HeatBreath{from{filter:saturate(.95);opacity:.48}to{filter:saturate(1.25);opacity:.7}}

/* 8. Final hierarchy, material and motion polish. */
.b14-topline,.b14-tactics,.b14-health,.b14-enemy-intent{border-color:rgba(224,177,87,.48)!important}
.b14-tactics{box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,241,205,.055)!important}
.b14-primary{position:relative;overflow:hidden;transition:transform .14s ease,filter .2s ease,box-shadow .2s ease}
.b14-primary:not(:disabled):active{transform:scale(.985);filter:brightness(1.12)}
.b14-primary:not(:disabled):after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.16) 50%,transparent 68%);animation:b15ButtonSheen 4.2s ease-in-out infinite}
@keyframes b15ButtonSheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

@media(max-width:430px){
  .b14-enemy-intent{top:121px;right:7px;width:calc(50% - 14px);grid-template-columns:24px minmax(0,1fr);padding:5px 6px}
  .b14-enemy-intent>span{width:24px;height:24px}.b14-enemy-intent>span .b14-icon{width:15px;height:15px}
  .b14-feedback-controls button,.b14-feedback-controls label{width:25px;height:25px}.b14-zone{padding-inline:4px 5px!important}.b14-zone-name{font-size:8.5px}
}
@media(max-width:350px){
  .b14-feedback-controls{gap:2px!important}.b14-feedback-controls button,.b14-feedback-controls label{width:22px;height:22px;border-radius:6px}.b14-feedback-controls button .b14-icon,.b14-feedback-controls label .b14-icon{width:12px;height:12px}
  .b14-enemy-intent{top:115px;min-height:39px;grid-template-columns:21px minmax(0,1fr);gap:4px;padding:4px}.b14-enemy-intent>span{width:21px;height:21px;border-radius:7px}
  .b14-enemy-intent em{display:none}.b14-zone{grid-template-columns:14px minmax(0,1fr)!important;gap:2px!important;padding-left:3px!important}.b14-zone-icon{width:14px}.b14-zone-icon .b14-icon{width:13px;height:13px}.b14-zone-name{font-size:8px}
}
@media(max-height:700px) and (max-width:700px){
  .b14-enemy-intent{top:101px;min-height:37px;padding-block:4px}.b14-enemy-intent em{display:none}.b14-enemy-intent small{font-size:6px}.b14-enemy-intent b{font-size:8px}
  .b14-zone{grid-template-columns:14px minmax(0,1fr)!important;padding-inline:3px!important}.b14-zone-icon,.b14-zone-icon .b14-icon{width:13px;height:13px}
}
@media(orientation:landscape) and (max-height:520px){
  .b14-enemy-intent{top:103px}.b14-feedback-controls button,.b14-feedback-controls label{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){
  .b14-scene.is-exchanging,.b14-scene.is-exchanging:before,.b14-impact-flash,.b14-heat-vignette,.b14-primary:after{animation:none!important}
  .b14-impact-flash{display:none!important}
}
