/* Color layer only. Banner and bottom navigation retain their existing styles. */
:root {
  --fire-text: #fff2e7;
  --fire-muted: #bc9f92;
  --fire-line: #743726;
  --fire-panel: linear-gradient(145deg, #301913, #1b100d 76%);
  --fire-control: linear-gradient(145deg, #4b2318, #2d1510);
  --fire-action: linear-gradient(145deg, #ff9b3d, #ef5727 47%, #c92e19);
  --fire-gold: #ffd27b;
  background: #100b09;
}

body,
html body[data-route],
html body[data-case-view="detail"] {
  background: linear-gradient(155deg, #241510 0%, #17100d 58%, #100b09 100%) fixed;
}

body .top-panel {
  border-color: #74372659;
  background: var(--fire-panel);
  box-shadow: inset 0 1px #ffd0a40d, 0 14px 30px #0005;
}
body:is([data-route="cases"], [data-route="games"], [data-route="upgrader"], [data-case-view="detail"]) .top-panel {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.top-panel .profile-summary { color: var(--fire-text); }
.top-panel .profile-chevron { color: #d6a68c; }
.top-panel .profile-handle { color: var(--fire-muted); }
.top-panel .avatar {
  border-color: #ed9b53b3;
  color: #fff3d7;
  box-shadow: 0 0 0 3px #120a084d, 0 0 18px #f87b2d38;
}
.top-panel .avatar:not(.has-photo) {
  background: radial-gradient(circle at 32% 26%, #f7b354 0 8%, #95451f 25%, #3a1c12 58%, #160b08 100%);
}
.top-panel .avatar.has-photo { background-color: #2a160f; }
body .top-panel .balance-row {
  color: var(--fire-text);
  background: #382019 !important;
  box-shadow: inset 0 1px #ffcf9e14;
}
.top-panel .star-mark { color: #ffd34f; text-shadow: 0 2px 7px #ffae2b7a; }
.top-panel .balance-plus {
  color: #fff4e5;
  background: linear-gradient(145deg, #ff913b, #d33c1b);
  box-shadow: inset 0 1px #ffe9c647, 0 3px 8px #210a0866;
}
body .top-panel .top-deposit {
  border-color: #ffb66c !important;
  color: #fff5e7 !important;
  background: var(--fire-action) !important;
  box-shadow: inset 0 1px #ffe3b882, inset 0 -3px #84221172, 0 5px 16px #ba341c6b !important;
  text-shadow: 0 1px 2px #7e2717a6 !important;
}
body .top-panel .top-deposit:hover {
  box-shadow: inset 0 1px #ffe3b882, inset 0 -3px #84221172, 0 7px 19px #ba341ca3 !important;
}
.top-panel .deposit-icon-shell {
  border-color: #ffe3b875;
  background: #fff0c226;
  box-shadow: inset 0 1px #fff0ce40;
}
.top-panel .top-deposit::after { background: linear-gradient(#ffedc630, #ffedc600); }

body .live-panel {
  border-color: #ff7d393d !important;
  background: radial-gradient(ellipse at 25% -40%, #c4411738, transparent 60%), linear-gradient(110deg, #301911, #1b100d 58%, #28130e) !important;
  box-shadow: inset 0 1px #ffd2a414, 0 12px 28px #0004 !important;
}
body .live-title { color: #ffe3c5 !important; }
html body[data-route] .live-dot,
html body[data-case-view] .live-dot {
  background: #ff7634;
  box-shadow: 0 0 0 3px #ff76341f, 0 0 10px #ff7634bf;
}
@keyframes live-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 3px #ff76341f, 0 0 10px #ff7634bf; }
  50% { opacity: .65; box-shadow: 0 0 0 5px #ff76340d, 0 0 5px #ff763466; }
}
.live-card, .live-card.is-collection {
  border-color: #e88a4e38;
  background: radial-gradient(circle at 50% 82%, #ff5c2321, transparent 66%), linear-gradient(145deg, #392117f5, #20130ff2);
  box-shadow: inset 0 1px #ffe1c414, 0 5px 12px #0004;
}
.live-card.is-premium {
  border-color: #ffbf5873;
  background: radial-gradient(circle at 50% 75%, #ffb4363d, transparent 66%), linear-gradient(145deg, #45301b, #28170f);
  box-shadow: inset 0 1px #ffe9ae33, 0 0 12px #ff9d2c21;
}
.live-drop { color: #f1c5a4; border-color: var(--fire-line); background: #351c13; }

body[data-route] #content, body[data-case-view] #content,
body .case-stage-bar, body .upgrader-bar { color: var(--fire-text); }
.screen-eyebrow, .case-kicker { color: #ff9d52; }
.screen-heading.narrow span, .screen-subtitle, .screen-footnote, .screen-loading,
.case-details p, .feature-panel p, .empty-screen p, .case-result p, .inventory-item p,
.catalog-empty, .case-detail > p, .designed-stage p, .designed-stage-note,
.prize-showcase-head > span, .prize-showcase .prize-showcase-note, .upgrader-picker-empty,
.upgrader-game-copy small, .sheet-setting small, .sheet-prize > small, .sheet-prize-empty,
.stage-caption, .stage-waiting-art, .daily-state { color: var(--fire-muted); }
.catalog-back, .text-button, .catalog-section-head button { color: #e4b798; }
.catalog-section-head { border-bottom-color: #ba704c33; }
.catalog-section-head h2, .catalog-tile, .designed-stage h1, .prize-showcase-head h2,
.prize-showcase-card > strong, .profile-card h2, .inventory-item h3,
.upgrader-field h2, .upgrader-game-card { color: var(--fire-text); }

.case-card, .feature-panel, .empty-screen, .case-result, .inventory-item, .package-card {
  border-color: var(--fire-line);
  background: radial-gradient(circle at 80% 0%, #46251a, #281710 50%, #1a100c);
  box-shadow: inset 0 1px #ffdbb60b, 0 14px 30px #0004;
}
.catalog-tile-designed { border-color: #d6744233; background: #301b14; }
.catalog-tile-designed:focus-visible { outline-color: #ffc47d; }
.designed-art { --case-glow: #ff672b; --case-particle: #ffd29c; background: #1d120e; }
.designed-footer { color: var(--fire-text); background: #301b14; }
.designed-badge, .designed-badge.is-free { color: #ffe3aa; background: #77371b; }
.designed-price, .designed-stage-price, .prize-showcase-value {
  border-color: #ffaa5c66;
  color: #fff0ce;
  background: linear-gradient(145deg, #69402199, #392013cc);
  box-shadow: inset 0 1px #ffe3b81f;
}
.designed-price-stars, .designed-stage-price strong, .package-card strong, .profile-card strong { color: #ffe3a3; }
.designed-stage-note { background: #5c301b40; }
.prize-showcase-card { border-color: #bd683c38; background: var(--fire-panel); }
.prize-showcase-art { background: radial-gradient(circle at 50% 60%, #bf4e2438, transparent 70%); }
.case-art, .case-detail-art { background: radial-gradient(ellipse at center, #b74c2269, transparent 68%); }
.case-art img, .stage-cover-image { filter: drop-shadow(0 12px 22px #e2652777); }
.result-gift { filter: drop-shadow(0 10px 20px #f2793388); }
.drop-list span, .bonus-list span {
  border-color: var(--fire-line);
  color: #f1c5a4;
  background: #3b2015;
}
.profile-large-avatar { border-color: #ed9b53; color: #ffe8c5; background-color: #563019; }
.catalog-filter, .catalog-filter-menu { color: var(--fire-text); border-color: var(--fire-line); background: #321c15; }
.catalog-filter-menu button { color: var(--fire-text); }
.catalog-filter-menu button:hover, .catalog-filter-menu button:focus-visible { background: #562c1d; }
.catalog-chevron { color: #d8a688; }

.feature-button, .stage-open, .designed-demo-button, .upgrader-sheet-done,
.daily-claim, .roulette-result .feature-button {
  border-color: #ffb76d;
  color: #fff4e7;
  background: var(--fire-action);
  box-shadow: inset 0 1px #ffe3b840, 0 8px 22px #b6381c55;
  text-shadow: 0 1px 2px #6d211499;
}
.stage-open:disabled, .upgrader-play { color: #ca9b7d; background: #67301e; box-shadow: inset 0 1px #d9874330; }
.stage-preview-roll, .stage-secondary button, .case-stage-bar button,
.inventory-actions button, .upgrader-back, .upgrader-bar-tools, .upgrader-bar-tools button {
  border-color: #8f492c;
  color: #ffe0c3;
  background: var(--fire-control);
}
.inventory-actions button:last-child { color: #ffe2a1; border-color: #a96b30; background: #4d2c16; }
.stage-prize-value, .sheet-prize-value { color: #ffedcd; background: #5a301c; }
.stage-arrow { color: #ffcc87; }
.promo-form input, .referral-row code {
  border-color: var(--fire-line);
  color: var(--fire-text);
  background: #190e0a;
}
.promo-form input::placeholder { color: #a77f69; }
.promo-form input:focus { border-color: #ff9b4b; }
.package-card span { color: #d8b29a; }
.screen-notice { border-color: #95502b; color: #ffdbaf; background: #3c2014; }
.screen-notice.error { border-color: #a0442a; color: #ffd0bc; background: #441b14; }
.screen-notice.success { border-color: #a16a2e; color: #ffe4ad; background: #3c2915; }

.case-sheet, .upgrader-sheet, .daily-dialog {
  border-color: #ad613d59;
  color: var(--fire-text);
  background: linear-gradient(145deg, #351e16, #1c100d 75%);
  box-shadow: 0 -15px 50px #0009;
}
.case-sheet-backdrop, .upgrader-sheet-backdrop, .daily-backdrop { background: #100704d8; }
.sheet-handle, .upgrader-sheet-handle { background: #82503b; }
.sheet-x, .sheet-close, .upgrader-sheet-head button { color: var(--fire-text); background: #4b281b; }
.daily-close { color: #ce9b7d; }
.sheet-setting input { background: #704330; }
.sheet-setting input::before { background: #fff3e5; }
.sheet-setting input:checked { background: #ec6028; }
.sheet-setting input:focus-visible { outline-color: #ffc47d; }

.upgrader-game-card { background: linear-gradient(115deg, #352018, #281711); box-shadow: inset 0 1px #ffd0a410; }
.upgrader-game-line em { color: #fff0d3; background: #d55323; }
.upgrader-game-chevron { color: #bc815f; }
.upgrader-game-art img, .upgrader-about-icon img {
  filter: drop-shadow(0 3px 5px #0007) drop-shadow(0 0 5px #ff64245c);
}
.upgrader-utility button, .upgrader-utility button:last-child { color: #efbf98; background: #3c2218; }
.upgrader-wheel { border-color: #72432c; background: #25150f; }
.upgrader-wheel-pointer { border-top-color: #ffe0a5; }
.upgrader-add { color: var(--fire-text); background: #352018; }
.upgrader-add-icon { color: #ffe2bf; background: #573020; }
.upgrader-multipliers i { color: #ffe1c4; background: #703822; }
.upgrader-multipliers i:nth-child(2) { background: #805126; }
.upgrader-multipliers i:nth-child(3) { background: #9b4425; }
.upgrader-multipliers i:nth-child(4) { background: #8c2e21; }
.upgrader-about-hero { background: radial-gradient(circle at 50% 0%, #7e351c, #3c1b10 52%, #241009); }
.upgrader-about-callout, .upgrader-steps li { background: #3c2419; }
.upgrader-steps li > span { color: #ffe5c6; background: #643723; }
.upgrader-about-gift { color: #ffaf63; }
.upgrader-fair-mark { border-color: #ffaf63; color: #ffaf63; }

.case-roulette {
  background: radial-gradient(ellipse at 50% 48%, #a7471d 0%, #642818 43%, #26100c 100%);
  box-shadow: inset 0 0 34px #260b06, 0 16px 42px #822a153d;
}
.case-roulette::before { background: linear-gradient(90deg, #2b100aa8, transparent 19%, transparent 81%, #2b100aa8); }
.roulette-art { filter: drop-shadow(0 11px 13px #301108a3); }
.roulette-value { color: #fff2bd; background: #794021cc; box-shadow: inset 0 1px #ffe3b834; }
.roulette-item.is-selected .roulette-value { background: #b55b22; box-shadow: 0 0 22px #ff9b45b0, inset 0 1px #ffe8b16e; }
.roulette-pointer { filter: drop-shadow(0 1px 4px #2f0e05); }
.roulette-pointer.top { border-top-color: #ffe5b2; }
.roulette-pointer.bottom { border-bottom-color: #ffe5b2; }
.roulette-result { background: radial-gradient(circle at 50% 43%, #a7471d 0%, #642818 45%, #26100c 100%); }
.roulette-result::before { background: repeating-conic-gradient(from 8deg, #ffd5a1 0deg 12deg, transparent 12deg 24deg); }
.roulette-result .screen-eyebrow { color: #ffd5a1; }
.roulette-result h2 { color: var(--fire-text); }
.roulette-result p { color: #f0c7a8; }
.result-prize-value { color: #fff3cb; border-color: #fbd47577; background: #8f4a23a3; box-shadow: 0 0 22px #ff8a3070; }
.stage-result .result-sell, .roulette-result .result-sell {
  border-color: #ffdd89;
  color: #3b2309;
  background: linear-gradient(125deg, #ffe19a, #ffb83f);
  box-shadow: 0 8px 22px #bd7c2e80;
  text-shadow: none;
}
.stage-result .result-inventory, .roulette-result .result-inventory:not(:first-of-type) {
  border-color: #d8915859;
  color: #ffe1c4;
  background: #71341f59;
  box-shadow: inset 0 1px #ffd5a128;
}
.roulette-result .text-button { color: #ffe1c4; }
.stage-result:not(.roulette-result) { border-color: transparent; background: transparent; box-shadow: none; }
.upgrader-sheet-body, .sheet-prize-grid { scrollbar-color: #8c5235 #26150f; }