/* Author: goodjava@qq.com */
.skin-art { display: block; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.skin-label { position: relative; z-index: 1; }
.stage.reference .game-nav { height: calc(62px * var(--reference-scale)); padding: calc(14px * var(--reference-scale)) calc(18px * var(--reference-scale)) 0 calc(38px * var(--reference-scale)); background: none; align-items: flex-start; }
.stage.reference .game-nav b { display: flex; align-items: center; gap: calc(18px * var(--reference-scale)); font-size: calc(34px * var(--reference-scale)); letter-spacing: .06em; }
.stage.reference .game-nav .root-badge, .stage.reference .nav-actions button { position: relative; box-sizing: border-box; display: grid; place-items: center; width: calc(96px * var(--reference-scale)); height: calc(44px * var(--reference-scale)); padding: 0; margin: 0; color: #f2e5b8; background: none; border: 0; border-radius: 0; box-shadow: none; font: calc(19px * var(--reference-scale))/1 'Songti SC',serif; letter-spacing: .07em; }
.stage.reference .game-nav .skin-label { font: inherit; color: inherit; opacity: 1; }
.stage.reference .game-nav .root-badge { width: calc(100px * var(--reference-scale)); height: calc(40px * var(--reference-scale)); font-size: calc(18px * var(--reference-scale)); }
.stage.reference .nav-actions { gap: calc(5px * var(--reference-scale)); }
.stage.reference .nav-actions button:hover, .stage.reference .root-badge:hover { background: none; filter: brightness(1.15); }
.reference-end.engine-end { min-height: 0; padding: 0; writing-mode: horizontal-tb; letter-spacing: .08em; border: 0; border-radius: 0; background: none; box-shadow: none; color: #f9e9c1; }
.reference-end > .skin-art { inset: 0; width: 100%; height: 100%; transform: none; filter: drop-shadow(0 3px 5px #142a1e55); }
.reference-end .skin-label { display: block; margin-top: -2px; }
.reference-end:hover { filter: brightness(1.1); }
.energy-probe { box-sizing: border-box; border-radius: 50%; }
.energy-probe:focus-visible { outline: 1px solid #f9d581; outline-offset: 2px; }
.reference-status .actor-info { opacity: 0; }
.reference-status:hover .actor-info, .reference-status .actor-info:focus-visible { opacity: .8; }
.painted-card .face { background: none; border: 0; padding: 12px 14px 10px; box-shadow: 0 4px 12px #12261b50; }
.painted-card .face > :not(.skin-card-art) { position: relative; z-index: 1; }
.painted-card .face .card-picture { height: 110px; }
.painted-card .face .name { font-size: 18px; }
.painted-card .face .card-foot { text-align: center; padding-right: 0; }
.painted-card .card-slot::before, .painted-card .card-slot::after { display: none; }
.painted-card.raised .face { border: 0; box-shadow: 0 0 2px 2px #fff3b8,0 0 14px 5px #ffd77980,0 10px 24px #12261b70; }
.painted-card .face.dim { background: none; }
.painted-card .face.dim .skin-card-art { filter: saturate(.7) brightness(.94); }
.painted-card .card-inspect { opacity: .6; }
.painted-card .card-inspect:hover, .painted-card .card-inspect:focus-visible { opacity: 1; }
@media (max-width:700px) {
  .stage.reference .game-nav { height: 66px; padding: 8px 12px; }
  .stage.reference .game-nav b { display: block; font-size: 18px; }
  .stage.reference .game-nav .root-badge { width: 76px; height: 28px; margin-top: 3px; font-size: 12px; }
  .stage.reference .nav-actions button { width: 52px; height: 34px; font-size: 12px; }
  .stage.reference .nav-actions { gap: 4px; }
  .reference-end .skin-label { font-size: 16px; }
}