/* WEB-SKIN-V17: BOOK OF FURY — heat inside iron.
   Orange is the fire, not the building.
   Presentation only: existing renderer, card truth, geometry, and game logic remain authoritative. */
.book-of-fury-face { display: none; }

body[data-card-skin="book-of-fury"] {
  --void: #050505;
  --panel: #0b0c0d;
  --panel-2: #151719;
  --line: #d8d0c5;
  --line-rgb: 216, 208, 197;
  --line-soft: rgba(115, 120, 125, 0.42);
  --text: #eee7dc;
  --muted: #9f9992;
  --danger: #ff6a36;
  --fury-soot: #050505;
  --fury-iron: #22262a;
  --fury-steel: #73787d;
  --fury-ash: #d8d0c5;
  --fury-bone: #fff2df;
  --fury-oxblood: #541b1f;
  --fury-ember: #c8452d;
  --fury-ember-bright: #dc5a3a;
  --fury-flare: #ff6a36;
  --fury-gold: #e4b84a;
  color: var(--text);
  background:
    radial-gradient(circle at 50% -18%, rgba(84, 27, 31, 0.18), transparent 48%),
    radial-gradient(circle at 18% 70%, rgba(200, 69, 45, 0.06), transparent 36%),
    linear-gradient(180deg, #111315 0%, #050505 76%);
}

body[data-card-skin="book-of-fury"] ::selection {
  color: var(--fury-soot);
  background: rgba(216, 208, 197, 0.88);
}

body[data-card-skin="book-of-fury"] .brand-panel,
body[data-card-skin="book-of-fury"] .join-card,
body[data-card-skin="book-of-fury"] .rules-card,
body[data-card-skin="book-of-fury"] .lobby-panel,
body[data-card-skin="book-of-fury"] .finish-panel,
body[data-card-skin="book-of-fury"] .table-shell,
body[data-card-skin="book-of-fury"] .game-header,
body[data-card-skin="book-of-fury"] .player-score,
body[data-card-skin="book-of-fury"] .capture-panel,
body[data-card-skin="book-of-fury"] .last-move-panel,
body[data-card-skin="book-of-fury"] .replay-panel,
body[data-card-skin="book-of-fury"] .room-tools-panel,
body[data-card-skin="book-of-fury"] .premium-panel,
body[data-card-skin="book-of-fury"] .final-score,
body[data-card-skin="book-of-fury"] .open-shift-header,
body[data-card-skin="book-of-fury"] .open-shift-lab,
body[data-card-skin="book-of-fury"] .open-shift-explanation,
body[data-card-skin="book-of-fury"] .open-shift-register-panel,
body[data-card-skin="book-of-fury"] .open-shift-sleeping-panel {
  border-color: rgba(115, 120, 125, 0.42);
  background-color: rgba(8, 9, 10, 0.96);
}

body[data-card-skin="book-of-fury"] .brand-panel,
body[data-card-skin="book-of-fury"] .join-card,
body[data-card-skin="book-of-fury"] .rules-card,
body[data-card-skin="book-of-fury"] .lobby-panel,
body[data-card-skin="book-of-fury"] .finish-panel {
  background: linear-gradient(145deg, rgba(24, 26, 28, 0.98), rgba(5, 5, 5, 0.99));
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.62), inset 0 0 0 1px rgba(216, 208, 197, 0.025);
}

body[data-card-skin="book-of-fury"] .eyebrow,
body[data-card-skin="book-of-fury"] h1,
body[data-card-skin="book-of-fury"] .rules-card summary,
body[data-card-skin="book-of-fury"] .lobby-panel h2,
body[data-card-skin="book-of-fury"] .finish-panel h2,
body[data-card-skin="book-of-fury"] .large-code,
body[data-card-skin="book-of-fury"] .room-line strong,
body[data-card-skin="book-of-fury"] .score-title,
body[data-card-skin="book-of-fury"] .seat-status.online,
body[data-card-skin="book-of-fury"] .stack-count b,
body[data-card-skin="book-of-fury"] .rail-heading strong,
body[data-card-skin="book-of-fury"] #selectionHint,
body[data-card-skin="book-of-fury"] .final-score strong,
body[data-card-skin="book-of-fury"] #replayIndex,
body[data-card-skin="book-of-fury"] .premium-panel h2,
body[data-card-skin="book-of-fury"] .system-on b,
body[data-card-skin="book-of-fury"] .room-tools-field label,
body[data-card-skin="book-of-fury"] .open-shift-title,
body[data-card-skin="book-of-fury"] .open-shift-section-title {
  color: var(--fury-ash);
}

body[data-card-skin="book-of-fury"] label,
body[data-card-skin="book-of-fury"] .motto,
body[data-card-skin="book-of-fury"] .room-line,
body[data-card-skin="book-of-fury"] .score-values,
body[data-card-skin="book-of-fury"] .stack-count,
body[data-card-skin="book-of-fury"] .rail-heading,
body[data-card-skin="book-of-fury"] .diagonal-key,
body[data-card-skin="book-of-fury"] .game-log,
body[data-card-skin="book-of-fury"] .final-score span,
body[data-card-skin="book-of-fury"] .rematch-status,
body[data-card-skin="book-of-fury"] .replay-text,
body[data-card-skin="book-of-fury"] .inspect-register,
body[data-card-skin="book-of-fury"] .room-tools-note,
body[data-card-skin="book-of-fury"] .open-shift-register-copy,
body[data-card-skin="book-of-fury"] .open-shift-summary {
  color: #aaa39b;
}

body[data-card-skin="book-of-fury"] .turn-message,
body[data-card-skin="book-of-fury"] .last-move,
body[data-card-skin="book-of-fury"] .history-slide,
body[data-card-skin="book-of-fury"] .rules-card {
  color: #e4ddd3;
}

body[data-card-skin="book-of-fury"] input,
body[data-card-skin="book-of-fury"] .card-skin-select,
body[data-card-skin="book-of-fury"] .open-shift-skin-select {
  border-color: rgba(115, 120, 125, 0.60);
  color: var(--fury-bone);
  background: #08090a;
}

body[data-card-skin="book-of-fury"] input:focus,
body[data-card-skin="book-of-fury"] .card-skin-select:focus,
body[data-card-skin="book-of-fury"] .open-shift-skin-select:focus {
  border-color: var(--fury-ash);
  outline: none;
  box-shadow: 0 0 0 3px rgba(216, 208, 197, 0.13);
}

/* Shared institutional controls are ash, not fire. */
body[data-card-skin="book-of-fury"] button:not(.card):not(.secondary):not(.ghost):not(.end-room-button):not(.intake-button) {
  color: #101214 !important;
  border-color: var(--fury-bone) !important;
  background: var(--fury-ash) !important;
  box-shadow: 0 0 18px rgba(216, 208, 197, 0.10);
}

body[data-card-skin="book-of-fury"] button.secondary {
  color: var(--fury-ash) !important;
  border-color: rgba(115, 120, 125, 0.70) !important;
  background: rgba(24, 26, 28, 0.94) !important;
}

body[data-card-skin="book-of-fury"] button.ghost {
  color: #d3cbc1 !important;
  border-color: rgba(115, 120, 125, 0.56) !important;
  background: #151719 !important;
}

body[data-card-skin="book-of-fury"] .game-header {
  border-color: rgba(115, 120, 125, 0.50);
  background: rgba(7, 8, 9, 0.96);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.44);
}

body[data-card-skin="book-of-fury"] .connection.online {
  color: var(--fury-ash);
  background: rgba(216, 208, 197, 0.09);
}

body[data-card-skin="book-of-fury"] .table-shell {
  border-color: rgba(115, 120, 125, 0.56);
  background: linear-gradient(180deg, rgba(10, 11, 12, 0.99), rgba(3, 3, 3, 0.99));
  box-shadow: inset 0 0 72px rgba(84, 27, 31, 0.08);
}

body[data-card-skin="book-of-fury"] .table-shell::before {
  background-image:
    linear-gradient(rgba(7, 8, 9, 0.70), rgba(2, 2, 2, 0.94)),
    radial-gradient(circle at center, rgba(84, 27, 31, 0.14), transparent 58%),
    var(--board);
  opacity: 0.60;
  filter: saturate(0.36) sepia(0.10) contrast(1.20) brightness(0.66);
}

body[data-card-skin="book-of-fury"] .player-score {
  border-color: rgba(115, 120, 125, 0.50);
  background: rgba(8, 9, 10, 0.94);
}

body[data-card-skin="book-of-fury"] .player-score.active-seat {
  border-color: rgba(200, 69, 45, 0.86) !important;
  box-shadow: 0 0 18px rgba(200, 69, 45, 0.13), inset 0 0 16px rgba(84, 27, 31, 0.10);
}

body[data-card-skin="book-of-fury"] .player-score.active-seat .score-title,
body[data-card-skin="book-of-fury"] .player-score.active-seat .seat-status.online {
  color: var(--fury-ember-bright);
}

body[data-card-skin="book-of-fury"] .status-panel {
  border-left-color: var(--fury-ember);
  background: linear-gradient(90deg, rgba(84, 27, 31, 0.72), rgba(12, 13, 14, 0.97) 58%);
}

body[data-card-skin="book-of-fury"] h3,
body[data-card-skin="book-of-fury"] .capture-panel summary,
body[data-card-skin="book-of-fury"] .rail-axis .axis-name {
  color: var(--fury-ash);
}

body[data-card-skin="book-of-fury"] .rail-axis { color: var(--fury-bone); }

body[data-card-skin="book-of-fury"] .opponent-hand-area {
  background: linear-gradient(180deg, rgba(34, 38, 42, 0.16), transparent 74%);
}

body[data-card-skin="book-of-fury"] .your-hand-area {
  background: linear-gradient(0deg, rgba(84, 27, 31, 0.16), transparent 74%);
}

body[data-card-skin="book-of-fury"] .rail-area {
  border-color: rgba(115, 120, 125, 0.42);
  background: rgba(7, 8, 9, 0.42);
  box-shadow: inset 0 0 24px rgba(84, 27, 31, 0.05);
}

/* Generic camera mode uses coolant teal. Fury keeps the shared Rail in ash, iron, and oxblood. */
body[data-card-skin="book-of-fury"].camera-mode .rail-area {
  border-color: rgba(216, 208, 197, 0.44) !important;
  background: rgba(7, 8, 9, 0.78) !important;
  box-shadow: inset 0 0 28px rgba(84, 27, 31, 0.14) !important;
}

body[data-card-skin="book-of-fury"] .card-back-mini {
  border-color: rgba(115, 120, 125, 0.72);
  filter: saturate(0.36) sepia(0.12) hue-rotate(335deg) contrast(1.22) brightness(0.72);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.66), 0 0 8px rgba(84, 27, 31, 0.12);
}

/* Ordinary cards are iron. Ember identifies the deck; Gold identifies lit channels. */
body[data-card-skin="book-of-fury"] .card:not(.empty),
body[data-card-skin="book-of-fury"] .mini-card,
body[data-card-skin="book-of-fury"] .replay-card,
body[data-card-skin="book-of-fury"] #yourHand > button.card.selectable,
body[data-card-skin="book-of-fury"] #yourHand > button.card.selectable:hover,
body[data-card-skin="book-of-fury"] #yourHand > button.card.selectable:focus-visible,
body[data-card-skin="book-of-fury"] #yourHand > button.card.selectable:active,
body[data-card-skin="book-of-fury"] #yourHand > button.card.selectable:disabled {
  position: relative;
  overflow: hidden;
  border-color: rgba(115, 120, 125, 0.82) !important;
  background-color: #121415 !important;
  background-image: linear-gradient(155deg, #1b1e20 0%, #0f1112 52%, #151719 100%) !important;
  box-shadow: 0 0 0 1px rgba(200, 69, 45, 0.22) inset, 0 7px 16px rgba(0, 0, 0, 0.68) !important;
}

body[data-card-skin="book-of-fury"] .card.selectable.selected {
  border-color: var(--fury-flare) !important;
  box-shadow: 0 0 0 3px rgba(255, 106, 54, 0.34), 0 0 28px rgba(255, 106, 54, 0.26), 0 12px 22px rgba(0, 0, 0, 0.80) !important;
}

body[data-card-skin="book-of-fury"] .card.empty {
  border-color: rgba(115, 120, 125, 0.44) !important;
  color: #686c70;
  background-color: rgba(17, 19, 20, 0.82);
}

body[data-card-skin="book-of-fury"] .intake-button {
  color: #cfc7bd !important;
  border-color: rgba(115, 120, 125, 0.58) !important;
  background: rgba(12, 13, 14, 0.97) !important;
}

body[data-card-skin="book-of-fury"] .intake-button.ready {
  color: #160805 !important;
  border-color: var(--fury-flare) !important;
  background: var(--fury-flare) !important;
  box-shadow: 0 0 24px rgba(255, 106, 54, 0.24) !important;
}

body[data-card-skin="book-of-fury"] .capture-panel {
  border-color: rgba(115, 120, 125, 0.42);
  background: rgba(8, 9, 10, 0.95);
}

body[data-card-skin="book-of-fury"] .last-move-panel,
body[data-card-skin="book-of-fury"] .replay-panel {
  border-color: rgba(115, 120, 125, 0.36);
  background: rgba(6, 7, 8, 0.96);
}

body[data-card-skin="book-of-fury"] .final-score.winner {
  border-color: var(--fury-flare) !important;
  box-shadow: 0 0 24px rgba(255, 106, 54, 0.18);
}

body[data-card-skin="book-of-fury"] .toast {
  border-color: var(--fury-ash) !important;
  background: rgba(8, 9, 10, 0.99);
  box-shadow: 0 10px 40px black, 0 0 18px rgba(216, 208, 197, 0.08);
}

/* Nuclear fire is an event color, not ordinary furniture. */
body[data-card-skin="book-of-fury"] .slide-result-banner {
  border-color: var(--fury-flare) !important;
  color: #170704 !important;
  background: var(--fury-flare) !important;
  box-shadow: 0 0 26px rgba(255, 106, 54, 0.24) !important;
}

body[data-card-skin="book-of-fury"] .end-room-button {
  color: #e5c7c1 !important;
  border-color: rgba(84, 27, 31, 0.88) !important;
  background: rgba(84, 27, 31, 0.54) !important;
}

/* Open Shift follows the same hierarchy without inventing player territory. */
body[data-card-skin="book-of-fury"] .open-shift-mode {
  border-color: rgba(115, 120, 125, 0.54) !important;
  color: #cfc7bd !important;
  background: rgba(20, 22, 24, 0.94) !important;
}

body[data-card-skin="book-of-fury"] .open-shift-mode.is-active,
body[data-card-skin="book-of-fury"] .open-shift-slot.is-selected {
  border-color: var(--fury-ember) !important;
  box-shadow: 0 0 18px rgba(200, 69, 45, 0.15) !important;
}

body[data-card-skin="book-of-fury"] .open-shift-status[data-color="gold"],
body[data-card-skin="book-of-fury"] .open-shift-axis.is-gold .axis-name,
body[data-card-skin="book-of-fury"] .open-shift-path-bit.is-gold b {
  color: var(--fury-gold) !important;
  text-shadow: 0 0 8px rgba(228, 184, 74, 0.28) !important;
}

body[data-card-skin="book-of-fury"] .open-shift-status[data-color="black"],
body[data-card-skin="book-of-fury"] .open-shift-axis.is-black .axis-name,
body[data-card-skin="book-of-fury"] .open-shift-path-bit.is-black b {
  color: var(--fury-bone) !important;
  text-shadow: 0 0 8px rgba(84, 27, 31, 0.38) !important;
}

/* Deterministic Book of Fury card face. Geometry is preserved from V08. */
body[data-card-skin="book-of-fury"] .book-of-fury-face {
  position: absolute;
  inset: 2.3%;
  z-index: 3;
  display: grid;
  grid-template-rows: 7% 16% 2% 31% 6% 22% 14%;
  min-width: 0;
  min-height: 0;
  padding: 3.5%;
  border: 1px solid rgba(200, 69, 45, 0.50);
  border-radius: 4%;
  color: var(--fury-ash);
  background:
    linear-gradient(90deg, rgba(84, 27, 31, 0.13), transparent 16%, transparent 84%, rgba(84, 27, 31, 0.13)),
    rgba(15, 17, 18, 0.92);
  box-shadow: 0 0 0 1px rgba(5, 5, 5, 0.96), 0 0 8px rgba(84, 27, 31, 0.14) inset;
  font-size: clamp(3.1px, 1.1vw, 6.2px);
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.025em;
  pointer-events: none;
  text-align: left;
  text-transform: uppercase;
}

body[data-card-skin="book-of-fury"] .bf-top,
body[data-card-skin="book-of-fury"] .bf-title,
body[data-card-skin="book-of-fury"] .bf-stars,
body[data-card-skin="book-of-fury"] .bf-weights,
body[data-card-skin="book-of-fury"] .bf-gold,
body[data-card-skin="book-of-fury"] .bf-footer { min-width: 0; }

body[data-card-skin="book-of-fury"] .bf-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 3%;
  color: #87837f;
  font-size: 0.62em;
  white-space: nowrap;
}

body[data-card-skin="book-of-fury"] .bf-top small:last-child { color: #b9b1a8; text-align: right; }

body[data-card-skin="book-of-fury"] .bf-title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 5%;
  overflow: hidden;
}

body[data-card-skin="book-of-fury"] .bf-title strong {
  align-self: center;
  color: var(--fury-ember-bright);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 4.65em;
  font-weight: 800;
  letter-spacing: -0.08em;
  line-height: 0.8;
  text-shadow: 0 0 7px rgba(200, 69, 45, 0.34);
}

body[data-card-skin="book-of-fury"] .bf-title em {
  overflow: hidden;
  padding-bottom: 4%;
  color: #bdb5ab;
  font-size: 0.88em;
  font-style: normal;
  font-weight: 850;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-card-skin="book-of-fury"] .bf-rule {
  align-self: center;
  height: 1px;
  background: linear-gradient(90deg, var(--fury-ember), rgba(115, 120, 125, 0.16));
}

body[data-card-skin="book-of-fury"] .bf-stars {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 1%;
}

body[data-card-skin="book-of-fury"] .bf-channel {
  display: grid;
  grid-template-rows: 1fr auto auto;
  place-items: center;
  min-width: 0;
  color: #cbc3b9;
  font-style: normal;
}

body[data-card-skin="book-of-fury"] .bf-channel b {
  color: #2d2a28;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3.2em;
  font-weight: 400;
  line-height: 0.95;
  text-shadow: 0 0 1px #7b7f82;
}

body[data-card-skin="book-of-fury"] .bf-channel.is-lit b {
  color: var(--fury-gold);
  text-shadow: 0 0 2px var(--fury-bone), 0 0 8px rgba(228, 184, 74, 0.58);
}

body[data-card-skin="book-of-fury"] .bf-channel i {
  margin-top: 8%;
  color: #e6ded4;
  font-size: 0.92em;
  font-style: normal;
  font-weight: 900;
}

body[data-card-skin="book-of-fury"] .bf-channel small {
  overflow: hidden;
  width: 100%;
  margin-top: 8%;
  color: #88837d;
  font-size: 0.48em;
  text-align: center;
  white-space: nowrap;
}

body[data-card-skin="book-of-fury"] .bf-weights {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  color: #8f8a84;
  font-size: 0.75em;
  text-align: center;
}

body[data-card-skin="book-of-fury"] .bf-weights i { font-style: normal; }

body[data-card-skin="book-of-fury"] .bf-gold {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  align-items: center;
  padding: 5% 6%;
  border: 1px solid rgba(228, 184, 74, 0.56);
  border-radius: 7%;
  background: rgba(10, 11, 12, 0.88);
  box-shadow: 0 0 7px rgba(228, 184, 74, 0.08) inset;
}

body[data-card-skin="book-of-fury"] .bf-gold small {
  color: var(--fury-gold);
  font-size: 0.86em;
  font-weight: 900;
}

body[data-card-skin="book-of-fury"] .bf-gold b {
  grid-row: 2;
  color: var(--fury-gold);
  font-size: 2.8em;
  font-weight: 800;
  line-height: 0.8;
}

body[data-card-skin="book-of-fury"] .bf-gold code {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: #d8d0c5;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 1.25em;
  letter-spacing: 0.08em;
}

body[data-card-skin="book-of-fury"] .bf-footer {
  align-self: end;
  display: grid;
  gap: 10%;
  color: #d3cbc1;
  font-size: 0.72em;
  text-align: center;
}

body[data-card-skin="book-of-fury"] .bf-footer small { color: #817d78; font-size: 0.8em; }

body[data-card-skin="book-of-fury"] .mini-card .book-of-fury-face,
body[data-card-skin="book-of-fury"] .replay-card .book-of-fury-face {
  grid-template-rows: 34% 4% 42% 20%;
  padding: 5%;
  font-size: 3px;
}

body[data-card-skin="book-of-fury"] .mini-card .bf-top,
body[data-card-skin="book-of-fury"] .mini-card .bf-weights,
body[data-card-skin="book-of-fury"] .mini-card .bf-gold,
body[data-card-skin="book-of-fury"] .mini-card .bf-footer,
body[data-card-skin="book-of-fury"] .mini-card .bf-title em,
body[data-card-skin="book-of-fury"] .replay-card .bf-top,
body[data-card-skin="book-of-fury"] .replay-card .bf-weights,
body[data-card-skin="book-of-fury"] .replay-card .bf-footer,
body[data-card-skin="book-of-fury"] .replay-card .bf-channel small { display: none; }

body[data-card-skin="book-of-fury"] .mini-card .bf-title,
body[data-card-skin="book-of-fury"] .replay-card .bf-title { display: block; }

body[data-card-skin="book-of-fury"] .mini-card .bf-title strong,
body[data-card-skin="book-of-fury"] .replay-card .bf-title strong { font-size: 5em; }

body[data-card-skin="book-of-fury"] .mini-card .bf-channel b,
body[data-card-skin="book-of-fury"] .replay-card .bf-channel b { font-size: 2.5em; }

body[data-card-skin="book-of-fury"] .mini-card .bf-channel i { display: none; }

body[data-card-skin="book-of-fury"] .replay-card .bf-gold {
  display: flex;
  justify-content: space-between;
  padding: 3% 6%;
}

body[data-card-skin="book-of-fury"] .replay-card .bf-gold b { font-size: 2em; }
body[data-card-skin="book-of-fury"] .replay-card .bf-gold code { font-size: 0.9em; }

@media (max-width: 430px) {
  body[data-card-skin="book-of-fury"] .card .book-of-fury-face { font-size: clamp(2.8px, 1vw, 4.8px); }
  body[data-card-skin="book-of-fury"] .card .bf-channel small,
  body[data-card-skin="book-of-fury"] .card .bf-top small:first-child { display: none; }
  body[data-card-skin="book-of-fury"] .card .bf-top { justify-content: flex-end; }
}