:root{--cosmetic-accent:#d9b45e;--cosmetic-glow:#d9b45e24;--cosmetic-panel:#11191f}
:root[data-game-theme="theme_sand"]{--cosmetic-accent:#d0a267;--cosmetic-glow:#d0a2672e;--cosmetic-panel:#211b16}
:root[data-game-theme="theme_night"]{--cosmetic-accent:#6f99d0;--cosmetic-glow:#527fbd32;--cosmetic-panel:#101827}
:root[data-game-theme="theme_royal"]{--cosmetic-accent:#e1bd68;--cosmetic-glow:#a33b4d38;--cosmetic-panel:#26131a}

:root[data-game-theme]:not([data-game-theme="theme_majlis"]) .tg-panel,
:root[data-game-theme]:not([data-game-theme="theme_majlis"]) .bo-majlis-frame,
:root[data-game-theme]:not([data-game-theme="theme_majlis"]) .fast-card,
:root[data-game-theme]:not([data-game-theme="theme_majlis"]) .million-card{
  border-color:color-mix(in srgb,var(--cosmetic-accent) 48%,transparent)!important;
  box-shadow:0 18px 48px #0007,0 0 24px var(--cosmetic-glow)!important
}

[data-card-skin="card_sadu_crimson"]{--skin-edge:#d9ae67;--skin-a:#842c38;--skin-b:#37141c;--skin-pattern:repeating-linear-gradient(45deg,transparent 0 7px,#e0b8642d 7px 9px)}
[data-card-skin="card_diwan_navy"]{--skin-edge:#9ec8df;--skin-a:#173b59;--skin-b:#091c2b;--skin-pattern:repeating-linear-gradient(135deg,transparent 0 9px,#8ec2d52b 9px 11px)}
[data-card-skin="card_pearl"]{--skin-edge:#55b7ad;--skin-a:#f3ead5;--skin-b:#b9dfd7;--skin-pattern:radial-gradient(circle at 30% 30%,#fff9 0 2px,transparent 3px)}
[data-card-skin="card_royal_obsidian"]{--skin-edge:#dfbc63;--skin-a:#1d2023;--skin-b:#050607;--skin-pattern:repeating-linear-gradient(45deg,transparent 0 10px,#dcb85d30 10px 12px)}

.bo-card[data-card-skin]:not(.back),.color-card[data-card-skin]{border-color:var(--skin-edge,#f8f2e6)!important;box-shadow:0 9px 19px #0008,0 0 0 2px color-mix(in srgb,var(--skin-edge,#fff) 25%,transparent)!important}
.bo-card.back[data-card-skin],.colors-card-back[data-card-skin],.bo-deck[data-card-skin] .bo-deck-half{
  border-color:var(--skin-edge,#e5d7bc)!important;
  background:var(--skin-pattern,repeating-linear-gradient(45deg,#123c2e 0 5px,#d0a84d 5px 7px)),linear-gradient(145deg,var(--skin-a,#123c2e),var(--skin-b,#071b14))!important;
  box-shadow:0 7px 15px #0008,inset 0 0 0 3px var(--skin-b,#153d30),inset 0 0 0 5px var(--skin-edge,#e2c66d)!important
}
.colors-card-back{width:25px;height:36px;display:inline-block;border:1px solid #e5d7bc;border-radius:5px;background:repeating-linear-gradient(45deg,#4c2037 0 5px,#d4a749 5px 7px)}

.msl-die[data-dice-skin="dice_amber"]{border-color:#efc66f!important;background:linear-gradient(145deg,#f4c768,#b87527)!important;color:#2c1907!important;box-shadow:inset 0 0 0 2px #ffe3a4,0 4px 10px #0007!important}
.msl-die[data-dice-skin="dice_amber"] .pip{background:#2c1907}
.msl-die[data-dice-skin="dice_turquoise"]{border-color:#92ebe1!important;background:linear-gradient(145deg,#4bc6ba,#176f6a)!important;color:#fff!important;box-shadow:inset 0 0 0 2px #8de4dc,0 4px 10px #0007!important}
.msl-die[data-dice-skin="dice_turquoise"] .pip{background:#fff}
.msl-die[data-dice-skin="dice_obsidian"]{border-color:#caaa59!important;background:linear-gradient(145deg,#34393d,#080a0b)!important;color:#e5c469!important;box-shadow:inset 0 0 0 2px #555d62,0 4px 10px #0009!important}
.msl-die[data-dice-skin="dice_obsidian"] .pip{background:#e5c469}
.msl-die[data-dice-skin="dice_royal"]{border-color:#e2bd68!important;background:linear-gradient(145deg,#a3404c,#4d1420)!important;color:#ffe39b!important;box-shadow:inset 0 0 0 2px #c86470,0 4px 12px #0008!important}
.msl-die[data-dice-skin="dice_royal"] .pip{background:#ffe39b}

@media(prefers-reduced-motion:reduce){.bo-card[data-card-skin],.color-card[data-card-skin],.msl-die[data-dice-skin]{transition:none!important}}
.msl-audio-toggle{min-height:44px;padding:7px 11px;position:fixed;z-index:90;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--cosmetic-accent) 48%,#566);border-radius:999px;color:#fff;background:#10171de8;box-shadow:0 5px 18px #0007;font:700 10px Tahoma,Arial,sans-serif;backdrop-filter:none;-webkit-backdrop-filter:none}
.colors-player{grid-template-columns:35px 1fr auto!important}.colors-player .colors-card-back{transform:rotate(5deg)}
@media(max-width:520px){.colors-player{grid-template-columns:27px 1fr auto!important}.msl-audio-toggle{min-height:44px;font-size:9px}}
