/* Reference-inspired details. Text, state and counters remain live. */
body #battleJournal{display:none!important}
body.game-mode #battleJournal.open{display:block!important;position:fixed!important;inset:auto!important;left:min(76px,4vw)!important;top:8vh!important;width:min(380px,92vw)!important;height:84vh!important;box-sizing:border-box!important;transform:none!important;z-index:20000!important;overflow:hidden!important;background:#071015!important;isolation:isolate}
body.game-mode #battleJournal .log-panel{box-sizing:border-box!important;height:100%!important;overflow-y:auto!important;padding:16px!important;background:#071015!important}
body.game-mode #battleJournal .journal-head{position:sticky;top:-16px;background:#071015;z-index:1;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.game-mode #game .side-column{display:none!important}
body.game-mode #game .side-column.open{display:block!important;position:fixed!important;left:76px!important;top:12vh!important;bottom:auto!important;width:min(380px,calc(100vw - 92px))!important;height:70vh!important;transform:none!important;z-index:11000!important}
body.game-mode #game .side-column .log-panel{overflow-y:auto!important}
#battleDialog{width:min(400px,calc(100vw - 40px));box-sizing:border-box;max-height:85vh;overflow:auto;padding:26px;color:#eaf5fa;background:linear-gradient(145deg,#172c39,#050b12);border:2px solid #6090a6;border-radius:12px;box-shadow:0 20px 80px #000c}
#battleDialog::backdrop{background:#0009}
#battleDialog h2{margin:0 0 18px;font:700 26px Georgia,serif}
#battleDialog p{font:16px/1.5 'Segoe UI',sans-serif;color:#b5cbd5}
#battleDialog button{display:block;width:100%;margin-top:12px;padding:12px;font-size:16px;cursor:pointer}
#battleDialog label{display:flex;align-items:center;gap:12px;padding:16px 0;font:17px 'Segoe UI',sans-serif}
#battleDialog input{width:20px;height:20px;accent-color:#4ab9e5}
body.game-mode #game .deck-stack{transform:none!important;width:130px!important;height:150px!important;top:16%!important;perspective:600px!important}
body.game-mode #game .deck-stack::before,body.game-mode #game .deck-stack::after{display:none!important}
body.game-mode #game .deck-card-back{position:absolute!important;left:14px!important;top:0!important;width:108px!important;height:148px!important;transform:rotateX(44deg) rotateZ(15deg)!important;transform-origin:center center!important;box-shadow:0 3px #8f9182,0 6px #111518,0 9px #646b69,0 12px #0b1012,0 15px #515a58,0 18px #090d0f,0 21px #39433f,0 24px #060a0c,0 30px 14px #000e!important}
body.game-mode #game .deck-stack.enemy .deck-card-back{transform:perspective(520px) rotateX(-18deg) skewX(14deg) scaleY(.78)!important;transform-origin:top center!important}
body.game-mode #game .deck-stack>span{transform:none!important;bottom:4px!important;left:46px!important;width:44px!important;height:35px!important;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-color:#bcc4c2!important}
body.game-mode #game [data-faction="parasite"] .deck-card-back,body.game-mode #game [data-faction="parasite"] .enemy-hand-card{background-image:url('/static/assets/alien-back-v1.png')!important;filter:none!important;border-color:#91823e!important}
/* Slender portrait rim and polished glass counters, like the reference. */
body.game-mode #game .cin-hero-avatar::after{inset:-11px!important;border-radius:50%!important;background:transparent!important;border:6px ridge #93a6ac!important;box-shadow:0 0 0 3px #091115,inset 0 0 0 3px #071015,0 0 0 5px #43b8ef!important;filter:none!important}
body.game-mode #game .cin-hero-hud.faction-parasite .cin-hero-avatar::after{border-color:#a7ad64!important;box-shadow:0 0 0 3px #14150b,inset 0 0 0 3px #101508,0 0 0 5px #b5c637!important}
body.game-mode #game .cin-hero-hud.faction-synthetic .cin-hero-avatar::after{border-color:#a4a4bc!important;box-shadow:0 0 0 3px #101019,inset 0 0 0 3px #080b17,0 0 0 5px #839deb!important}
body.game-mode #game .cin-orb{width:52px!important;height:52px!important;top:47px!important;font-size:29px!important;border:3px ridge #e4d28e!important;box-shadow:0 0 0 3px #111512,0 3px 8px #000,inset 0 2px 7px #fff6,inset 0 -5px 7px #000b!important}
body.game-mode #game .cin-orb.energy{left:8px!important}
body.game-mode #game .cin-orb.hp{right:8px!important;border-color:#e9a3a3!important}
body.game-mode #game .faction-parasite .cin-orb.energy{background:radial-gradient(circle at 35% 23%,#d5e95e,#5c750d 48%,#1a2402 80%)!important;border-color:#b6c937!important}
body.game-mode #game .cin-hero-name{bottom:3px!important;min-width:200px!important;font-size:15px!important;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
/* One positioned group for all three turn panels avoids resolution-dependent gaps. */
body.game-mode #game .cinematic-turn-panel{top:35.5%!important;right:.5%!important;width:220px!important;height:auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
body.game-mode #game #cinematicTurnNumber{position:relative!important;display:grid!important;place-items:center!important;height:43px!important;margin:0!important;padding:0!important;background:linear-gradient(170deg,#1d2d30,#03090c 45%,#101b20)!important;border:3px ridge #79807b!important;clip-path:polygon(6% 0,94% 0,100% 22%,100% 78%,94% 100%,6% 100%,0 78%,0 22%);font:16px Georgia!important;color:#d3dddd!important}
body.game-mode #game #cinematicTurnState,body.game-mode #game #endTurnBtn{height:76px!important;width:220px!important;display:grid!important;place-items:center!important;padding:0 15px 7px!important;margin:0!important;border:0!important;border-radius:0!important;clip-path:none!important;background:url('/static/assets/turn-panel-v1.png') center/100% 100% no-repeat!important;box-shadow:none!important;font:700 22px Georgia!important;text-transform:none!important;color:#c3f2ff!important;text-shadow:0 2px 3px #000!important;white-space:nowrap!important}
body.game-mode #game .controls{top:calc(35.5% + 117px)!important;right:.5%!important;width:220px!important;margin:0!important;padding:0!important}
body.game-mode #game #endTurnBtn:hover:not(:disabled){filter:brightness(1.25)!important}
body.game-mode #game #endTurnBtn:disabled{filter:saturate(.3) brightness(.7)!important;cursor:default!important}
/* The alien panel illustration contains the sigil but no text. */
body.game-mode #game .cin-power{position:relative!important;isolation:isolate;min-height:96px!important;height:auto!important;width:298px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:16px 15px 17px 88px!important;gap:0!important;color:#e4e7d0!important}
body.game-mode #game .cin-power::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/static/assets/alien-power-v1.png') center/100% 100% no-repeat;pointer-events:none;filter:hue-rotate(150deg) saturate(.65)}
body.game-mode #game .faction-parasite .cin-power::before{filter:none}
body.game-mode #game .faction-synthetic .cin-power::before{filter:hue-rotate(195deg) saturate(.6)}
body.game-mode #game .cin-power-icon{display:none!important}
body.game-mode #game .faction-human .cin-power-icon,body.game-mode #game .faction-synthetic .cin-power-icon{display:grid!important;position:absolute!important;left:29px!important;top:23px!important;width:51px!important;height:51px!important;border:1px solid #73848d!important;border-radius:50%!important;background:#071117 url('/static/assets/card-back-v1.png') center/90px 126px no-repeat!important;color:transparent!important;box-shadow:0 0 4px #000!important}
body.game-mode #game #cinematicTurnState{font-size:19px!important;overflow:hidden!important}
body.game-mode #game .cin-power strong{font:700 14px Georgia!important;color:#e6ebcb!important}
body.game-mode #game .cin-power em{font:12px Georgia!important;color:#b8bcae!important;margin:3px 0!important}
body.game-mode #game .cin-power small{font:13px/1.25 Georgia!important;color:#e1e4d7!important;margin-top:4px!important}
/* Project the card plane onto the support: parallel front edges, receding sides. */
body.game-mode #game .deck-stack{perspective:none!important;height:175px!important}
body.game-mode #game .deck-card-back{left:2px!important;top:-18px!important;width:142px!important;height:196px!important;transform:perspective(520px) rotateX(-18deg) skewX(-14deg) scaleY(.78)!important;transform-origin:top center!important;border:1px solid #a39b74!important;box-shadow:0 3px #101517,0 5px #51544b,0 8px #080c0d,0 10px #464a43,0 13px #060a0c,0 15px #393e38,0 18px #05090a,0 21px #252c29,0 24px #030608,0 29px 8px #000d!important}
body.game-mode #game .deck-stack>span{box-sizing:border-box!important;position:absolute!important;left:40px!important;right:auto!important;top:122px!important;bottom:auto!important;width:46px!important;height:34px!important;display:grid!important;place-items:center!important;padding:3px 0 0!important;border:0!important;border-radius:0!important;clip-path:polygon(23% 0,77% 0,100% 100%,0 100%)!important;background:linear-gradient(135deg,#c2c5b3,#5b696b 34%,#b9bba6 65%,#505955)!important;box-shadow:none!important;transform:none!important;font:700 23px/1 Georgia,serif!important;color:#f4f5ee!important;text-shadow:0 2px 2px #000!important;isolation:isolate!important;z-index:6!important}
body.game-mode #game .deck-stack>span::before{content:''!important;position:absolute!important;inset:2px!important;background:linear-gradient(135deg,#172129,#02070b 65%,#101a20)!important;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)!important;z-index:-1!important}
body.game-mode #game .deck-stack>span::after{content:''!important;position:absolute!important;left:5px!important;right:5px!important;bottom:3px!important;height:1px!important;background:#879592!important;opacity:.6!important}

/* Final pile projection: shallow cards lying on the metallic supports, with a front plaque. */
body.game-mode #game .deck-stack{
  width:132px!important;height:164px!important;perspective:none!important;transform:none!important;top:16%!important;
}
body.game-mode #game .deck-stack .deck-card-back{
  left:7px!important;top:0!important;width:118px!important;height:160px!important;
  transform:perspective(560px) rotateX(57deg) rotateZ(15deg) skewX(-4deg)!important;
  transform-origin:center bottom!important;
  box-shadow:0 3px #afb2a8,0 6px #171b1b,0 9px #626864,0 12px #0a0d0e,0 15px #505853,0 18px #080b0c,0 22px #303935,0 27px 10px #000d!important;
}
body.game-mode #game .deck-stack.enemy .deck-card-back{
  left:7px!important;transform:perspective(560px) rotateX(57deg) rotateZ(-15deg) skewX(4deg)!important;
  transform-origin:center bottom!important;
}
body.game-mode #game .deck-stack>span{
  left:43px!important;top:119px!important;bottom:auto!important;width:48px!important;height:35px!important;
  z-index:8!important;
}
body.game-mode #game .deck-stack.enemy>span{left:41px!important}

/* Hand scale tuned to the new wide battle scenery. */
body.game-mode .hand-wrap{height:255px!important;bottom:-34px!important}
body.game-mode .hand{height:255px!important;padding-left:24px!important;padding-right:24px!important}
body.game-mode .hand .card,
body.game-mode .hand .card.full-art-card,
body.game-mode .hand .generated-tcg-card{
  width:170px!important;height:245px!important;min-height:245px!important;flex:0 0 170px!important;
  margin-left:-17px!important;
}
body.game-mode .hand .card:first-child{margin-left:0!important}

/* Rollback to the initial pile treatment used when this version was resumed. */
body.game-mode #game .deck-stack{
  width:130px!important;height:150px!important;top:16%!important;perspective:600px!important;transform:none!important;
}
body.game-mode #game .deck-stack .deck-card-back{
  left:14px!important;top:0!important;width:108px!important;height:148px!important;
  transform:rotateX(44deg) rotateZ(15deg)!important;transform-origin:center center!important;
}
body.game-mode #game .deck-stack.enemy .deck-card-back{
  transform:perspective(520px) rotateX(-18deg) skewX(14deg) scaleY(.78)!important;
  transform-origin:top center!important;
}
body.game-mode #game .deck-stack>span{
  left:46px!important;top:auto!important;bottom:4px!important;width:44px!important;height:35px!important;
  transform:none!important;
}

/* Card pile silhouette from the supplied reference: readable top card, short depth, heavy stacked edge. */
body.game-mode #game .deck-stack{
  width:158px!important;height:176px!important;perspective:none!important;top:21%!important;
}
body.game-mode #game .deck-stack.mine{left:3.2%!important;right:auto!important}
body.game-mode #game .deck-stack.enemy{right:3.2%!important;left:auto!important}
body.game-mode #game .deck-stack .deck-card-back{
  left:37px!important;top:0!important;width:120px!important;height:166px!important;
  transform:matrix(1,0,-.28,.65,0,0)!important;
  transform-origin:0 0!important;
  box-shadow:0 3px #72766a,0 6px #101514,0 9px #424a43,0 12px #080c0c,0 15px #363e37,0 18px #070a09,0 22px #242c27,0 29px 9px #000d!important;
}
body.game-mode #game .deck-stack.enemy .deck-card-back{
  left:0!important;transform:matrix(1,0,.28,.65,0,0)!important;transform-origin:0 0!important;
}
body.game-mode #game .deck-stack>span{
  left:27px!important;top:86px!important;bottom:auto!important;width:50px!important;height:37px!important;
  transform:none!important;rotate:none!important;
  font-style:normal!important;font-variant-numeric:lining-nums tabular-nums!important;text-align:center!important;
  z-index:8!important;
}
body.game-mode #game .deck-stack.enemy>span{left:81px!important;transform:none!important;rotate:none!important}

/* Bevelled metal bezels around the live hero values. */
body.game-mode #game .cin-orb{
  isolation:isolate!important;overflow:visible!important;border:0!important;
  font:700 29px/1 Georgia,serif!important;color:#fff7df!important;
  text-shadow:0 2px 2px #000,0 0 5px #fff3!important;
  background:radial-gradient(ellipse at 32% 18%,#f8df77 0%,#a47a14 25%,#5b3b06 63%,#221703 100%)!important;
  box-shadow:inset 0 0 0 2px #fff1a4,inset 0 0 0 5px #5b420e,inset 0 4px 8px #fff7,inset 0 -6px 10px #000b,0 4px 7px #000!important;
}
body.game-mode #game .cin-orb::before{
  content:'';position:absolute;inset:-5px;border-radius:50%;z-index:-1;
  background:conic-gradient(from 20deg,#fff0ae,#6b501f 16%,#eacb76 28%,#20190d 44%,#a78949 62%,#fff0bc 77%,#765321 90%,#fff0ae);
  mask:radial-gradient(circle,transparent 60%,#000 62%);pointer-events:none;
  box-shadow:0 0 0 2px #151919,0 2px 5px #000;
}
body.game-mode #game .cin-orb.hp{
  background:radial-gradient(ellipse at 32% 18%,#fa9198 0%,#bb263a 25%,#710718 63%,#28030c 100%)!important;
  box-shadow:inset 0 0 0 2px #ffb2b6,inset 0 0 0 5px #700d20,inset 0 4px 8px #fff5,inset 0 -6px 10px #000b,0 4px 7px #000!important;
}
body.game-mode #game .cin-orb.hp::before{
  background:conic-gradient(from 20deg,#f5dbcd,#563632 16%,#d99d92 28%,#23171a 44%,#936254 62%,#ffe0cf 77%,#603730 90%,#f5dbcd);
}

/* Reference hero medallions: dark glass inside a narrow illuminated metal rim. */
body.game-mode #game .cin-orb{
  width:50px!important;height:50px!important;
  background:radial-gradient(ellipse at 30% 16%,#d1b84a 0%,#79601a 24%,#423409 56%,#171702 88%)!important;
  box-shadow:inset 0 0 0 1px #ffeeb0,inset 0 0 0 3px #a58426,inset 0 0 0 4px #3c2e0a,inset 0 3px 5px #fff5,inset 0 -4px 8px #000a,0 0 0 1px #171b19,0 3px 5px #000,0 0 8px #eec03955!important;
  font:700 28px/1 Georgia,serif!important;
  color:#fff4cb!important;text-shadow:0 2px 2px #160d00,0 0 3px #ffd96b66!important;
}
body.game-mode #game .cin-orb::before{
  inset:-3px!important;
  background:conic-gradient(from 12deg,#fff0a0,#9d7018 14%,#4b3d12 26%,#e7c360 43%,#695019 58%,#edcf75 75%,#fff6c3 84%,#987124 94%,#fff0a0)!important;
  mask:radial-gradient(circle,transparent 62%,#000 64%)!important;
}
body.game-mode #game .cin-orb.hp{
  background:radial-gradient(ellipse at 30% 16%,#d35658 0%,#8f1427 26%,#520916 58%,#21030c 90%)!important;
  box-shadow:inset 0 0 0 1px #ffd1be,inset 0 0 0 3px #b62d39,inset 0 0 0 4px #520b15,inset 0 3px 5px #fff5,inset 0 -4px 8px #000a,0 0 0 1px #211316,0 3px 5px #000,0 0 8px #fa263855!important;
  color:#fff0e4!important;text-shadow:0 2px 2px #260208,0 0 3px #ff8f8666!important;
}
body.game-mode #game .cin-orb.hp::before{
  background:conic-gradient(from 12deg,#ffc8ac,#b73338 14%,#4a151c 26%,#e96865 43%,#651521 58%,#ee605c 75%,#ffe1ca 84%,#9e2831 94%,#ffc8ac)!important;
}

/* Painted sprite pair; the game retains ownership of the live numbers. */
body.game-mode #game .cin-hero-hud .cin-orb{
  width:58px!important;height:58px!important;top:44px!important;
  background:transparent url('/static/assets/hero-medallions-v2.png') left center/200% 100% no-repeat!important;
  border:0!important;box-shadow:none!important;border-radius:50%!important;
  padding:0 0 2px!important;display:grid!important;place-items:center!important;
  font:700 27px/1 Georgia,serif!important;color:#fff3d2!important;
  text-shadow:0 2px 3px #000,0 0 2px #000!important;
}
body.game-mode #game .cin-hero-hud .cin-orb.energy{left:5px!important}
body.game-mode #game .cin-hero-hud .cin-orb.hp{right:5px!important;background-position:right center!important;color:#fff0e7!important}
body.game-mode #game .cin-hero-hud .cin-orb::before,
body.game-mode #game .cin-hero-hud .cin-orb::after{display:none!important}

/* Reading focus: the hovered hand card rises above the fan and enlarges smoothly. */
body.game-mode .hand{overflow:visible!important;isolation:isolate!important}
body.game-mode .hand .card{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}
body.game-mode .hand .card:hover{
  transform:translateY(-78px) scale(1.48)!important;
  z-index:500!important;
  filter:brightness(1.1) saturate(1.08) drop-shadow(0 18px 18px rgba(0,0,0,.72))!important;
}
body.game-mode .hand .card:hover .full-card-face,
body.game-mode .hand .card:hover .generated-card-inner{
  box-shadow:0 20px 34px rgba(0,0,0,.54),0 0 24px rgba(255,225,138,.16)!important;
}

/* Readable effects are native text, independent of the illustrated card resolution. */
#hoverZoomCard{display:block!important;width:min(440px,calc(100vw - 32px),calc((100dvh - 150px) * .6667))!important;aspect-ratio:auto!important;max-height:calc(100dvh - 24px)!important;z-index:10000!important;transform:none!important;filter:none!important}
#hoverZoomCard .card{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:2 / 3!important;transform:none!important;filter:none!important}
#hoverZoomCard .full-card-face{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto!important}
#hoverZoomCard .reading-effect{margin-top:6px;padding:10px 14px;border:1px solid #8b8055;border-radius:8px;background:#071017;color:#fff4da;font:18px/1.35 'Segoe UI',sans-serif;white-space:pre-line;overflow-wrap:anywhere;box-shadow:0 8px 24px #000b}
#hoverZoomCard .reading-card{background:#071219;border:2px solid #819ba7;border-radius:14px;overflow:hidden;box-shadow:0 14px 44px #000c;color:#f5f3e9}
#hoverZoomCard .reading-art{height:clamp(80px,35dvh,350px);overflow:hidden;background:#02070b}
#hoverZoomCard .reading-art img{display:block;width:100%;height:auto;image-rendering:auto}
#hoverZoomCard .reading-copy{padding:16px 20px;background:linear-gradient(135deg,#12232d,#050b10)}
#hoverZoomCard h2{font:700 clamp(20px,2vw,26px)/1.2 Georgia,serif;margin:0 0 8px;color:#fff5d4}
#hoverZoomCard .reading-meta{font:14px/1.4 'Segoe UI',sans-serif;color:#a9d6e9}
#hoverZoomCard p{font:400 clamp(18px,1.5vw,22px)/1.45 'Segoe UI',sans-serif;white-space:pre-line;margin:12px 0;overflow-wrap:anywhere;text-shadow:none}
#hoverZoomCard .reading-stats{font:700 17px/1.5 'Segoe UI',sans-serif;color:#ecd39a}
@media(max-height:550px){#hoverZoomCard .reading-art{display:none}#hoverZoomCard .reading-copy{padding:12px 16px}#hoverZoomCard p{font-size:18px;margin:8px 0}}

/* Phase 3.2: final battle-layer hero hierarchy. Keep these after the illustrated-frame rules. */
body.game-mode #game .cin-power-wrap,
body.game-mode #game .cin-hero-hud.mine .cin-power-wrap,
body.game-mode #game .cin-hero-hud.enemy .cin-power-wrap{left:calc(50% + 164px)!important;top:35px!important;width:315px!important;transform:none!important}
body.game-mode #game .cin-power{width:315px!important;min-height:108px!important;height:auto!important;padding:10px 12px 10px 9px!important;display:flex!important;align-items:center!important;gap:10px!important;border:2px solid var(--hero-accent,#6bd4ff)!important;border-radius:16px 7px 7px 16px!important;background:linear-gradient(125deg,rgba(17,42,56,.97),rgba(3,12,20,.98))!important;color:#f5fbff!important;box-shadow:0 0 0 3px #080f16,0 0 17px var(--hero-glow,rgba(70,184,248,.5)),inset 0 0 20px rgba(91,170,207,.08)!important}
body.game-mode #game .cin-power::before{display:none!important;content:none!important}
body.game-mode #game .cin-hero-hud.enemy .cin-power{background:linear-gradient(125deg,rgba(32,39,27,.98),rgba(7,13,10,.98))!important}
body.game-mode #game .cin-power-icon,
body.game-mode #game .faction-human .cin-power-icon,
body.game-mode #game .faction-synthetic .cin-power-icon{display:grid!important;position:relative!important;left:auto!important;top:auto!important;flex:0 0 64px!important;width:64px!important;height:64px!important;border:3px solid var(--hero-accent,#6bd4ff)!important;border-radius:50%!important;background:radial-gradient(circle at 40% 32%,#215977,#071624 67%,#02090f)!important;box-shadow:0 0 0 3px #061018,0 0 16px var(--hero-glow,rgba(70,184,248,.5)),inset 0 0 12px var(--hero-glow,rgba(70,184,248,.5))!important;color:#e9faff!important;font-size:32px!important}
body.game-mode #game .cin-power strong{font:700 16px/1.12 Georgia,serif!important;color:#f7fcff!important}
body.game-mode #game .cin-power em{font:700 11px/1.12 'Segoe UI',sans-serif!important;color:var(--hero-accent,#6bd4ff)!important;margin:2px 0!important}
body.game-mode #game .cin-power small{font:500 12px/1.2 'Segoe UI',sans-serif!important;color:#d7e6ee!important;margin-top:3px!important}
body.game-mode #game .cin-power-state{margin-top:5px!important;color:#b5e8c5}
body.game-mode #game .cin-power.unavailable{border-color:#788b96!important;background:linear-gradient(125deg,#1a252d,#08131c)!important}
body.game-mode #game .cin-power.unavailable .cin-power-state{color:#ffb2a8!important}
body.game-mode #game .cin-hero-hud .cin-orb{display:flex!important;flex-direction:column!important;gap:1px!important;align-items:center!important;justify-content:center!important;font-size:25px!important}
body.game-mode #game .cin-orb small{font:800 7px/1 sans-serif!important;letter-spacing:.06em!important}
body.game-mode #game .cin-orb strong{font:900 24px/1 Georgia,serif!important}
body.game-mode #game .cin-orb strong span{font:700 10px/1 sans-serif!important}
body.game-mode #game .enemy-hand-backs{left:calc(50% - 250px)!important;width:300px!important;top:-35px!important;z-index:30!important}
body.game-mode #game .enemy-hand-card{flex:0 0 58px!important;width:58px!important;height:92px!important;margin-left:-6px!important}
@media(max-width:1500px){body.game-mode #game .cin-power-wrap,body.game-mode #game .cin-hero-hud.mine .cin-power-wrap,body.game-mode #game .cin-hero-hud.enemy .cin-power-wrap{width:290px!important}body.game-mode #game .cin-power{width:290px!important}body.game-mode #game .enemy-hand-backs{left:calc(50% - 235px)!important}}
@media(min-height:1001px){body.game-mode #game .hand-wrap{top:79.5%!important;bottom:auto!important;height:200px!important}body.game-mode #game .hand{height:200px!important}body.game-mode #game #hand .card{width:133px!important;height:200px!important;min-height:0!important;flex-basis:133px!important;margin-left:-14px!important}}
@media(min-height:801px) and (max-height:1000px){body.game-mode #game .hand-wrap{top:74%!important;bottom:auto!important;height:210px!important}body.game-mode #game .hand{height:210px!important}body.game-mode #game #hand .card{width:140px!important;height:210px!important;min-height:0!important;flex-basis:140px!important;margin-left:-14px!important}}
@media(max-height:800px){body.game-mode #game .hand-wrap{top:75.5%!important;bottom:auto!important;height:168px!important}body.game-mode #game .hand{height:168px!important}body.game-mode #game #hand .card{width:112px!important;height:168px!important;min-height:0!important;flex-basis:112px!important;margin-left:-12px!important}}
@media(prefers-reduced-motion:reduce){body.game-mode #game .cin-power.ready{animation:none!important}}