/* SOLAR 07 — cohesive premium card-game art direction.
   Visual-only; the original engine-owned DOM, click targets and world-locked anchors survive. */
:root{--s07-gold:#dbca9d;--s07-gold-dim:#897655;--s07-ice:#a6ede9;--s07-ink:#0b1922;--s07-teal:#12424b}
.true3d .topbar{filter:drop-shadow(0 2px 3px #000b)}
.true3d .brand-title{font-size:18px;letter-spacing:2.15px;color:#f0deb8;text-shadow:0 0 12px #5db6ae44,0 2px 3px #000}
.true3d .brand-title span{color:#b5e1d9}
.true3d .topbar .btn,.true3d .more-menu summary{background:linear-gradient(160deg,#405c5cee 0%,#132a33f2 31%,#08151eee 100%)!important;border:1px solid #c7b37b99!important;outline:1px solid #0b121c99;outline-offset:2px;box-shadow:inset 0 1px #e2e2be33,inset 0 -3px #0007,0 3px 11px #000c!important;color:#e8dfc5!important;letter-spacing:.4px}
.true3d .topbar .btn:hover,.true3d .more-menu summary:hover{border-color:#f1d9a5!important;filter:brightness(1.14)}
.true3d .ribbon{min-height:29px!important;padding:4px 20px!important;background:linear-gradient(90deg,#091923ec,#31484ded 48%,#091923ec)!important;border-top:1px solid #e0c68fa3!important;border-bottom:1px solid #8b9a8388!important;box-shadow:0 7px 20px #0009,inset 0 1px #e2f6dd22!important;color:#f2eedc!important;letter-spacing:.25px}
.true3d .ribbon:before,.true3d .ribbon:after{content:'✦'!important;font-size:12px!important;color:#9bdbd1!important;text-shadow:0 0 7px #4ee4d5!important}
.true3d .ribbon-metrics strong{color:#f3d995}
.true3d .enemy-strip .field-label{color:#c0e2df;text-shadow:0 1px 4px #000,0 0 8px #32cfc842}
/* Gemmed commander bezels: preserve all original handlers and interaction bounds. */
#arenaHUD .rv-commander{width:105px;min-height:101px;padding:17px 13px 9px;border-radius:45% 45% 17% 17%;background:radial-gradient(ellipse at 40% 18%,#5f79803a 0%,transparent 55%),linear-gradient(145deg,#3a5055e9,#0b1c29fb 70%)!important;border:1px solid #c9a86d!important;box-shadow:inset 0 0 0 3px #0a1d26,inset 0 0 0 5px #947f5799,inset 0 2px 9px #a9d7da18,0 2px 0 #000,0 9px 16px #000d!important}
#arenaHUD .rv-commander:before{content:'✦'!important;top:-8px!important;color:#c7f3de!important;font-size:17px!important;text-shadow:0 0 13px #3de8d499,0 3px 4px #000!important}
#arenaHUD .rv-commander:after{inset:7px!important;border:1px solid #d6c38d70!important;border-radius:45% 45% 17% 17%!important;box-shadow:inset 0 0 0 2px #132f38b8!important}
#arenaHUD .rv-commander-portrait{width:69px;height:69px;border:2px solid #d8c994!important;box-shadow:0 0 0 2px #081723,0 0 0 4px #847453,0 0 0 6px #283e3f,0 5px 12px #000b,inset 0 0 12px #0009!important;background:#172733!important}
#arenaHUD .rv-commander-overline{font:700 7px/1.1 Georgia,serif!important;letter-spacing:1.7px!important;top:6px!important;color:#e7d6a6!important}
#arenaHUD .rv-commander-score{right:-9px;bottom:-7px;width:41px;height:41px;border:2px solid #efd49a!important;border-radius:48% 48% 34% 34%!important;background:radial-gradient(circle at 34% 24%,#597b82,#0b293c 67%)!important;box-shadow:inset 0 0 0 3px #0d2031,0 0 0 1px #23242a,0 5px 9px #000d!important}
#arenaHUD .rv-ai-commander .rv-commander-score{background:radial-gradient(circle at 30% 20%,#9b6474,#4d2738 68%)!important}
#arenaHUD .rv-commander-score strong{font:700 24px/1 Georgia,serif!important;color:#fff2d2;text-shadow:0 1px 3px #000c}
#arenaHUD .rv-commander-score strong span{color:#c9c3aa}
/* Mana as inlaid crystal sockets rather than a plain text strip. */
#arenaHUD .field-mana{width:109px;height:46px;min-height:46px;padding:16px 0 0!important;background:linear-gradient(90deg,transparent,#0e2b34bc 18%,#10333ccc 83%,transparent)!important;border-top:1px solid #b0a16c45!important;box-shadow:0 2px 9px #0006!important}
#arenaHUD .field-mana>span{font:700 9px/1.3 Georgia,serif!important;color:#c5e8e1!important;letter-spacing:1px;padding:3px 5px!important;text-shadow:0 0 9px #1cb7b3a6,0 2px 3px #000}
#arenaHUD .field-mana b{font-size:15px!important;color:#fff0c5!important;text-shadow:0 0 9px #f1d28866}
/* Deck and discard: carved metal scabbard outlines. */
#arenaHUD .pile-box{filter:drop-shadow(0 4px 5px #000a)}
#arenaHUD .pile-title{bottom:-7px!important;padding:5px 2px!important;border:1px solid #bdac75b8!important;border-radius:4px!important;background:linear-gradient(90deg,#0a1d28ee,#2a4749f5 50%,#0a1d28ee)!important;box-shadow:0 3px 7px #000a,inset 0 1px #fff4c222;color:#eee0bb!important;letter-spacing:1.15px!important}
#arenaHUD .pile-count{top:-9px!important;bottom:auto!important;right:-9px!important;width:29px!important;height:29px!important;border:2px solid #e1cf97!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,#7d9da0,#1f3a43 68%)!important;box-shadow:0 0 0 2px #0a161c,0 4px 8px #000c!important}
#arenaHUD .pile-count strong{font:700 17px/1.2 Georgia,serif!important;color:#f7e8bf!important}
/* Turn dial reads as a bespoke interactive artifact. */
#arenaHUD .footer-buttons .btn.primary{width:94px;height:94px;border-radius:50%!important;border:4px double #e5d0a0!important;background:radial-gradient(circle at 33% 22%,#98d7c8 0%,#3c938e 17%,#194e53 44%,#092934 72%,#081b26 95%)!important;box-shadow:0 0 0 2px #09131d,0 0 0 4px #806d4d,0 0 0 6px #1a3139,inset 0 0 0 3px #152f39,inset 0 0 15px #8ce5d443,0 5px 18px #000c,0 0 22px #2bc6c236!important;text-shadow:0 1px 2px #000,0 0 9px #b0e8d788!important;color:#f7edd1!important;font:700 11px/1.4 Georgia,serif!important;letter-spacing:.2px;position:relative;cursor:pointer}
#arenaHUD .footer-buttons .btn.primary:hover{filter:brightness(1.16)!important;box-shadow:0 0 0 4px #b5a278,0 0 20px #61e9da77,inset 0 0 18px #73e6d455!important}
#arenaHUD .footer-buttons .btn:not(.primary){border:1px solid #b19b6c!important;background:linear-gradient(145deg,#344a4e,#0d1d29)!important;color:#f0dcad!important;box-shadow:inset 0 1px #ece1b526,0 4px 7px #0008}
#arenaHUD .footer-tip{color:#e0d0a8!important;text-shadow:0 1px #000}
#arenaHUD .field-log{border:3px double #cfbc83!important;background:radial-gradient(circle at 35% 25%,#527377,#163038 74%)!important;box-shadow:inset 0 0 0 3px #0c1e2b,0 3px 10px #000b!important}
/* Hand UI framed by physical shadow; cards remain opaque and individually readable. */
.true3d .hand-zone{background:linear-gradient(180deg,transparent 0%,#0a1b2570 18%,#08131dc9 66%,#07121ceb)!important;filter:drop-shadow(0 -5px 12px #0003)}
.true3d .rv-hand-kicker{border-top:1px solid #cbb58380!important;color:#d0e5da!important;text-shadow:0 0 9px #3dc5bc44,0 1px 2px #000!important;font-weight:700;letter-spacing:1.2px!important}
.true3d .hand-scroll .card{border:1px solid #ccb57e!important;border-radius:5px!important;box-shadow:inset 0 0 0 1px #302a23,0 1px 0 #efe3b846,0 4px 0 #0a1620,0 8px 13px #000d!important}
.true3d .hand-scroll .card:hover{filter:brightness(1.16) drop-shadow(0 0 7px #72d2ce66)}
/* Distinct readout corners, but no ungrounded overlay interactions. */
.true3d #bio14Controls button,.true3d #bio14Controls summary{background:linear-gradient(160deg,#43535beb,#0b1c29f6)!important;border:1px solid #c4b17d!important;color:#f2e7c7!important;box-shadow:0 3px 6px #000a,inset 0 1px #faf1d12c!important}
.true3d #bio14Info{border:1px solid #dac290!important;background:linear-gradient(135deg,#2e4b4df1,#081b27f6)!important;box-shadow:0 8px 22px #000a,inset 0 0 0 2px #0c222b!important}
@media (max-width:600px) and (orientation:portrait){
  #arenaHUD .rv-commander{width:72px;min-height:76px;padding:16px 9px 8px}
  #arenaHUD .rv-commander-portrait{width:49px;height:49px}
  #arenaHUD .rv-commander-score{width:32px;height:32px;right:-5px}
  #arenaHUD .rv-commander-score strong{font-size:19px!important}
  #arenaHUD .field-mana{width:69px;height:39px;min-height:39px}
  #arenaHUD .field-mana b{font-size:11px!important}
  #arenaHUD .footer-buttons .btn.primary{width:65px;height:65px;font-size:8px!important}
  #arenaHUD .pile-count{width:22px!important;height:22px!important;right:-5px!important}
  #arenaHUD .pile-count strong{font-size:12px!important}
  .true3d .brand-title{font-size:11px;letter-spacing:.5px}
  .true3d .ribbon{padding:4px 10px!important;min-height:24px!important}
}
@media(max-height:600px) and (orientation:landscape){
  #arenaHUD .rv-commander{width:65px;min-height:50px;padding:4px 18px 4px 4px;border-radius:18%}
  #arenaHUD .rv-commander-portrait{width:32px;height:32px}
  #arenaHUD .rv-commander-score{width:25px;height:25px;right:-5px}
  #arenaHUD .rv-commander-score strong{font-size:16px!important}
  #arenaHUD .field-mana{height:32px;min-height:32px;width:78px}
  #arenaHUD .footer-buttons .btn.primary{width:57px;height:57px;font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){.true3d .hand-scroll .card,.true3d .topbar .btn{transition:none!important}}
