/* Single authoritative battle presentation; original game logic is untouched. */
body.game-mode #game{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;background:#070b0e!important}
#battleScenery{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
body.game-mode .prototype-scenery{display:none!important}
body.game-mode #game::before,body.game-mode #game::after{display:none!important}
body.game-mode .game-shell,body.game-mode .main-column,body.game-mode .arena{background:none!important}
body.game-mode #opponentHero,body.game-mode #myHero{width:660px!important;height:150px!important;left:50%!important;transform:translateX(-50%)!important}
body.game-mode #opponentHero{top:3.5%!important;z-index:80!important}
body.game-mode #myHero{top:60.5%!important;z-index:80!important}
body.game-mode .cin-hero-hud{transform:none!important}
body.game-mode #opponentHero,body.game-mode #myHero,body.game-mode .cin-hero-hud,body.game-mode .cin-hero-core{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important}
body.game-mode #opponentHero::before,body.game-mode #opponentHero::after,body.game-mode #myHero::before,body.game-mode #myHero::after{display:none!important}
body.game-mode .cin-hero-core{width:272px!important;height:150px!important}
body.game-mode .cin-hero-avatar{width:136px!important;height:136px!important;border:5px ridge #a3acaf!important;box-shadow:0 0 0 5px #071219,0 0 0 8px #297bad,0 8px 18px #000!important}
body.game-mode .cin-hero-hud.enemy .cin-hero-avatar{box-shadow:0 0 0 5px #10120b,0 0 0 8px #9a9e32,0 8px 18px #000!important}
body.game-mode .cin-orb{top:53px!important;width:58px!important;height:58px!important;font-size:31px!important}
body.game-mode .cin-hero-name{min-width:202px!important;bottom:0!important;background:linear-gradient(#27353a,#04090b)!important;border:3px ridge #6e7a7d!important;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}
body.game-mode .cin-power-wrap,body.game-mode .cin-hero-hud.mine .cin-power-wrap,body.game-mode .cin-hero-hud.enemy .cin-power-wrap{left:calc(50% + 164px)!important;top:44px!important;transform:none!important;width:288px!important}
body.game-mode .cin-power{width:288px!important;min-height:90px!important;background:linear-gradient(120deg,#101d23,#03080b)!important;border:3px ridge #6c979f!important;box-shadow:0 0 0 3px #05090b,0 0 16px #148ccc55!important}
body.game-mode .cin-hero-hud.enemy .cin-power{border-color:#85874a!important;background:linear-gradient(120deg,#171d0e,#040704)!important}
body.game-mode .enemy-hand-backs{top:-48px!important;left:50%!important;transform:translateX(-50%)!important;z-index:30!important;width:460px!important;display:flex!important;justify-content:center!important}
body.game-mode .enemy-hand-card{left:auto!important;flex:0 0 85px!important;height:115px!important}
body.game-mode #opponentBoard,body.game-mode #myBoard{left:50%!important;width:64vw!important;max-width:1100px!important;gap:clamp(12px,3vw,50px)!important;transform:translateX(-50%)!important;height:190px!important;justify-content:center!important}
body.game-mode #opponentBoard{top:21%!important}
body.game-mode #myBoard{top:42%!important}
body.game-mode .board-figure{width:176px!important;flex:0 1 176px!important;height:190px!important;min-width:80px!important}
body.game-mode .figure-body{height:158px!important}
body.game-mode .hand-wrap{top:auto!important;bottom:-40px!important;height:235px!important;width:72vw!important}
body.game-mode .hand{height:235px!important}
body.game-mode .hand .card{width:170px!important;height:243px!important;flex:0 0 170px!important;margin-left:-18px!important}
body.game-mode .deck-stack{width:110px!important;height:132px!important;top:20%!important;transform:rotate(8deg)!important}
body.game-mode .deck-stack.mine{left:2.7%!important;right:auto!important}
body.game-mode .deck-stack.enemy{right:2.7%!important;left:auto!important;transform:rotate(-8deg)!important}
body.game-mode .deck-card-back{width:100px!important;height:125px!important;border:4px ridge #998c57!important;box-shadow:2px 4px #24272a,4px 8px #070b0e,6px 12px #363938,8px 16px #080c0e,10px 20px #23272a!important}
body.game-mode .cinematic-turn-panel{top:35.5%!important;right:.6%!important;width:205px!important;border:3px ridge #77868a!important;background:#071017!important}
body.game-mode #cinematicTurnState{display:block!important;color:#8ee7ff!important;font:700 23px Georgia!important;padding:13px 0!important;background:linear-gradient(#07121b,#053c5f,#08131b)!important;border:3px ridge #52b3e5!important;margin-top:12px!important;box-shadow:0 0 12px #0ca7ff!important}
body.game-mode .controls{top:48.5%!important;right:.6%!important;width:205px!important}
body.game-mode #endTurnBtn{width:205px!important;height:62px!important;border:5px ridge #75b7d0!important;clip-path:polygon(7% 0,93% 0,100% 20%,100% 80%,93% 100%,7% 100%,0 80%,0 20%);background:linear-gradient(#07131c,#075b99 48%,#071c2c)!important;box-shadow:inset 0 0 12px #22baff!important}
body.game-mode .battle-left-rail{top:37%!important}
/* Illustrated metal assets; all labels and statistics remain live DOM content. */
body.game-mode #game .cin-hero-core .hero-drop-zone{width:136px!important;height:136px!important;min-width:0!important;padding:0!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;display:block!important}
body.game-mode #game .cin-hero-avatar{position:relative!important;left:0!important;top:0!important;margin:0!important;transform:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important}
body.game-mode #game .cin-hero-avatar .hero-portrait-img{border-radius:50%!important;width:100%!important;height:100%!important;object-fit:cover!important;clip-path:circle(49%)!important}
body.game-mode #game .cin-hero-avatar::after{content:''!important;display:block!important;position:absolute!important;inset:-23px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:url('/static/assets/portrait-frame-v1.png') center/100% 100% no-repeat!important;box-shadow:none!important;pointer-events:none!important;z-index:3!important}
body.game-mode #game .cin-hero-hud.faction-parasite .cin-hero-avatar::after{filter:hue-rotate(225deg)!important}
body.game-mode #game .cin-hero-hud.faction-synthetic .cin-hero-avatar::after{filter:hue-rotate(45deg)!important}
body.game-mode #game .cin-orb{border:4px ridge #b8a05e!important;box-shadow:0 0 0 3px #13191d,0 3px 0 5px #475058,0 8px 12px #000b,inset 0 2px 9px #fff7,inset 0 -8px 14px #0009!important;text-shadow:0 2px 3px #000!important;font-family:Georgia,serif!important;font-weight:700!important;z-index:8!important}
body.game-mode #game .cin-orb.hp{border-color:#b5a3a0!important;background:radial-gradient(circle at 35% 22%,#f5968e,#a41427 46%,#3d050d 80%)!important}
body.game-mode #game .cin-orb.energy{background:radial-gradient(circle at 35% 22%,#ffe797,#a58022 46%,#382506 80%)!important}
body.game-mode #game .cin-hero-name{bottom:0!important;padding:7px 20px!important;background:linear-gradient(178deg,#74818a 0%,#1b2931 13%,#080d11 49%,#1c282d 80%,#92928a 95%,#0a1015)!important;border:2px solid #8e9593!important;box-shadow:inset 0 0 0 3px #050b0d!important;font-size:16px!important;z-index:9!important}
body.game-mode #game .deck-card-back,body.game-mode #game .enemy-hand-card{background:url('/static/assets/card-back-v1.png') center/100% 100% no-repeat!important;border:1px solid #929793!important;border-radius:5px!important;color:transparent!important;font-size:0!important}
body.game-mode #game .deck-card-back::before,body.game-mode #game .deck-card-back::after,body.game-mode #game .enemy-hand-card::before,body.game-mode #game .enemy-hand-card::after{display:none!important;content:none!important}
body.game-mode #game [data-faction="parasite"] .deck-card-back,body.game-mode #game [data-faction="parasite"] .enemy-hand-card{filter:hue-rotate(225deg)!important}
body.game-mode #game [data-faction="synthetic"] .deck-card-back,body.game-mode #game [data-faction="synthetic"] .enemy-hand-card{filter:hue-rotate(45deg)!important}
body.game-mode #game .deck-card-back{width:100px!important;height:140px!important;box-shadow:1px 3px #a0a29a,2px 5px #11171b,3px 7px #727976,4px 9px #090e12,5px 11px #646c6c,6px 13px #05090c,7px 15px #515a5c,8px 17px #080d10,9px 19px #424d52,10px 22px #04080a,12px 28px 12px #000c!important}
body.game-mode #game .deck-stack>span{z-index:4!important;bottom:-23px!important;left:28px!important;right:auto!important;border:3px ridge #9fa8a8!important;border-radius:3px!important;background:linear-gradient(#25333b,#03090d)!important;text-shadow:0 2px 3px #000!important;transform:rotate(-8deg)!important}
body.game-mode #game .deck-stack.enemy>span{transform:rotate(8deg)!important}
@media(min-width:1900px){body.game-mode #opponentHero,body.game-mode #myHero{scale:1.3;transform-origin:0 0}body.game-mode .hand .card{width:220px!important;height:314px!important;flex-basis:220px!important}body.game-mode .hand-wrap,body.game-mode .hand{height:305px!important}body.game-mode .board-figure{scale:1.25}}
@media(max-height:760px){body.game-mode #opponentHero,body.game-mode #myHero{scale:.78;transform-origin:0 0}body.game-mode .hand .card{width:135px!important;height:193px!important;flex-basis:135px!important}body.game-mode .hand-wrap,body.game-mode .hand{height:180px!important}}