/* ChessMarathon — Braise. Every rule is gated by the saved Ember skin. */
@font-face{font-family:Outfit;src:url('chess/fonts/outfit-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('chess/fonts/outfit-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('chess/fonts/outfit-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
:root[data-skin="ember"]{
 --bg:#100d0c;--bg-img:radial-gradient(ellipse at 85% 0%,#47201655,transparent 55%),linear-gradient(155deg,#1a1210,#100d0c 65%);
 --surface:#1d1512;--surface2:#2a1c16;--ink:#fff2e8;--muted:#c5aca0;--faint:#8f7163;--line:#ff955f24;--line2:#e18b5655;
 --accent:#ffab72;--accent2:#ef652e;--accent-ink:#251209;--gold:#ffab72;--sage:#c5aca0;
 --good:#91d6b2;--bad:#ff8076;--warn:#ffd08c;
 --font-d:'Outfit',system-ui,sans-serif;--font-b:'DM Sans',system-ui,sans-serif;--d-track:-.015em;--d-track2:0;--d-weight:600;--d-weight2:600;--radius:12px;
 --btn-bg:linear-gradient(155deg,#ffd09b,#ff9b57 42%,#e45e2b);--btn-ink:#281207;--btn-border:#ffb47c;
 --ab-ring:#e8915c;--ab-gap:#25150e;--ab-top:#ffd4a4;--ab-mid:#ffad6b;--ab-low:#f18748;--ab-bot:#dd6030;--ab-ink:#281207;--ab-lite:#ffe1c4aa;
 --cta-glow:0 7px 20px -10px #ff642a99;
 --frame-bg:linear-gradient(145deg,#44271c,#20130f);--frame-line:#cd794b80;
 --light-bg:linear-gradient(135deg,#ecd0b0,#d9b48f);--dark-bg:linear-gradient(135deg,#774733,#593426);--coord-l:#693a23;--coord-d:#f6dbc0;
 --pw:#fff7eb;--pw-line:#43241b;--pw-glow:transparent;--pb:#231815;--pb-line:#f3ac78;--pb-glow:transparent;
 --tb-bg:#100c0ab3;--tb-ink:#ffceaa;--wave-a:#ff7d39;--wave-b:#ffc17f;--wave-c:#fff0df;
 --hero-bg:radial-gradient(ellipse at 95% 30%,#7e351e44,transparent 55%),#1d1512;
 --gm-bg:linear-gradient(135deg,#42251c,#251712 70%);--gm-bd:#d88854;--gm-ink:#fff2e8;--gm-sub:#dac1b1;--gm-pat:none;
 --shadow:0 20px 55px #0008;color-scheme:dark;
}
html[data-skin="ember"],:root[data-skin="ember"] body{color:var(--ink);background-color:var(--bg);font-family:var(--font-b)}
:root[data-skin="ember"] body{background-image:var(--bg-img);background-attachment:fixed}
:root[data-skin="ember"] :is(h1,h2,h3,h4,.disp,.sr-content h2,.wh){font-family:var(--font-d);letter-spacing:-.018em}
:root[data-skin="ember"] :is(.eyebrow,.salon-eyebrow,.cm-eyebrow,.ra-eyebrow){color:var(--accent);letter-spacing:.16em}
/* Decorative scene never blocks controls, never recolors the brand. */
:root[data-skin="ember"] .salon-light{background:linear-gradient(90deg,#100d0c88,#100d0c55),url('assets/braise/dragon-citadel.webp') center right/cover no-repeat;opacity:.85}
:root[data-skin="ember"] .salon-grid{opacity:.12;background-image:repeating-linear-gradient(60deg,transparent 0 70px,#ff975b22 71px,transparent 72px),repeating-linear-gradient(-60deg,transparent 0 70px,#ff975b22 71px,transparent 72px);background-size:auto}
:root[data-skin="ember"] #hbg{background:linear-gradient(90deg,#100d0cc9,#100d0c55),url('assets/braise/dragon-citadel.webp') right top/cover no-repeat!important}
:root[data-skin="ember"] #hbg .hb-l{opacity:0!important}
:root[data-skin="ember"] #hbg .hb-v{background:linear-gradient(180deg,#100d0c11,#100d0c77 70%,#100d0c)}
:root[data-skin="ember"] body.vh{background:transparent}
:root[data-skin="ember"] .salon h1 em{color:#ffb77f}
:root[data-skin="ember"] :is(.salon-subtitle,.salon-footer,.salon-edition){color:#d8c3b4}
:root[data-skin="ember"] .salon-edition i{background:#ff8949;box-shadow:0 0 14px #ff642a88}
:root[data-skin="ember"] :is(header.top,.dock,.dockwrap .dock,.popmenu,.pp-box,.vs-box,.msg-feed,.mg-sheet,.mg-bar,#lvBar){background:linear-gradient(145deg,#291a15f5,#17110ff5);border-color:var(--line2);color:var(--ink)}
/* Distinct forged geometry for filled / outlined / icon-only controls. */
:root[data-skin="ember"] :is(.btn,.gbtn,.pf-btn,.cm-action,.hx-b,.so-back,.ra-filter,.skinc,.cd-o,.cd-tg button,.lvl button,.gmodes button,.sr-action){border-radius:10px}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold,.gbtn,.cm-action,.sr-action,.msg-send,.hx-b.pri){background:var(--btn-bg);border-color:#f9b47b;color:var(--btn-ink);text-shadow:none;box-shadow:inset 0 1px 0 #ffe8cf99,0 6px 18px #0005;animation:none}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *){border-radius:10px;color:var(--ab-ink);letter-spacing:.025em;text-shadow:none;animation:none}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold)::before{border-radius:7px;background:var(--ab-grad)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold)::after{border-radius:7px}
:root[data-skin="ember"] :is(.btn:not(.primary):not(.save):not(.danger),.hx-b,.so-back){background:#231813aa;border-color:#c980505e;color:#ffd4b4}
:root[data-skin="ember"] :is(.btn.danger,.qbtn.danger){--ab-ring:#e77c73;--ab-top:#ffb1a2;--ab-mid:#ef8a78;--ab-low:#d96354;--ab-bot:#b9443b;--ab-ink:#260e0b}
:root[data-skin="ember"] :is(.ibtn,.orbsq,.dbtn,.rw-icon,.sr-medallion){border-radius:12px;background:linear-gradient(145deg,#3a251b,#1b120e);border-color:var(--line2);color:#ffc18f;animation:none;text-shadow:none}
:root[data-skin="ember"] :is(.ibtn.on,.dbtn.on,.orb.on .orbsq,.gmodes button.on,.cd-tg button[aria-pressed=true],.cd-o[aria-pressed=true],.lvl button.on,.chip.on,.wlang button.on,.popmenu button.on,.rg-tabs button[aria-selected=true],.btn.on,.pz-pill.go,.ra-filter.is-active){background:linear-gradient(145deg,#65331e,#3a2117);border-color:#f6a46b;color:#ffe4ce;box-shadow:inset 0 1px 0 #ffb77b33,0 0 0 1px #fd9b5222}
:root[data-skin="ember"] :is(button,a,[role=button]):focus-visible{outline:2px solid #ffd6a7;outline-offset:4px}
:root[data-skin="ember"] :is(button,a)[aria-disabled=true],:root[data-skin="ember"] button:disabled{filter:saturate(.35);opacity:.5}
:root[data-skin="ember"] input,:root[data-skin="ember"] select,:root[data-skin="ember"] textarea{accent-color:#ff9e60;caret-color:#ffb57f}
:root[data-skin="ember"] :is(input[type=text],input[type=search],input[type=number],textarea,select){border-color:#b46b444d;color:var(--ink);background-color:#160f0c}
@media(hover:hover){:root[data-skin="ember"] :is(.btn,.gbtn,.sr-action,.cm-action):hover{filter:brightness(1.1);box-shadow:0 7px 24px -12px #ff783c88}:root[data-skin="ember"] :is(.lc,.hv-card,.sr-card):hover{filter:drop-shadow(0 9px 17px #d657232b)}}
/* Shared frame variables; decorations use angular forged corners. */
:root[data-skin="ember"] :is(.cm-elo,.cm-progress){--cm-frame-img:url('assets/braise/frame.svg');--cm-outline-img:url('assets/braise/outline.svg');--cm-flourish-img:url('assets/braise/flame.svg');--cm-art-adv:url('assets/braise/learn.webp');--cm-art-puz:url('assets/braise/friend.webp');--cm-art-cpu:url('assets/braise/cpu.webp')}
:root[data-skin="ember"] :is(.pf-sec.hx,.ra-academy){border-image-source:url('assets/braise/frame.svg')}
:root[data-skin="ember"] #modal:not(.royal):not(.endmodal):not(.psmodal) #mIcon::before{border-image-source:url('assets/braise/outline.svg')}
:root[data-skin="ember"] :is(.fr,.dcard,.so-set,.sal-card,.hx-card,.lc,.hv-card,.pf-det,.rw-row,.ra-search){border-color:var(--line2);background-color:#201610;color:var(--ink)}
:root[data-skin="ember"] :is(.cm-progress .cm-card-art,.hv-card .hv-img,.hist-art img,.pc-img img,.gallery img,.rg-art){filter:sepia(.45) saturate(.8) hue-rotate(338deg)}
:root[data-skin="ember"] .cm-progress .cm-card-art::after{background:linear-gradient(90deg,transparent 28%,#20161044 52%,#20161066),linear-gradient(0deg,#201610,transparent 20%)}
:root[data-skin="ember"] .cm-progress .pg-row{background:#201610}
:root[data-skin="ember"] .cm-elo .elo-big{color:#ffd0a0;text-shadow:0 2px 4px #000a}
:root[data-skin="ember"] .cm-progress .cm-endnote i::before{mask-image:url('assets/braise/flame.svg');-webkit-mask-image:url('assets/braise/flame.svg')}
/* Dialogs: smoked glass, copper edge, no Royal gold. */
:root[data-skin="ember"] :is(.modal,.modal.royal,.endmodal,.psmodal){background:radial-gradient(ellipse at 50% 0%,#5b2b1b55,transparent 65%),#1d1512;border-color:#cc794b88;border-radius:18px;box-shadow:0 30px 100px #000a,inset 0 0 0 4px #1d1512,inset 0 0 0 5px #d47e4933}
:root[data-skin="ember"] :is(#overlay,.overlay,.vs-wrap){backdrop-filter:blur(8px)}
:root[data-skin="ember"] .modal.royal #mIcon{background:radial-gradient(circle at 40% 20%,#633720,#22140f 75%);border-color:#e78b54;border-radius:18px;box-shadow:0 0 0 5px #1d1512,0 0 0 6px #d47e4944;color:#ffc087}
:root[data-skin="ember"] .modal.royal #mIcon::before,:root[data-skin="ember"] .modal.royal #mIcon::after{background:linear-gradient(#ffc18c,#b7522d);mask-image:url('assets/braise/wing.svg');-webkit-mask-image:url('assets/braise/wing.svg')}
:root[data-skin="ember"] .modal.royal .actions .btn{border-radius:10px;font-family:var(--font-d);letter-spacing:.025em}
:root[data-skin="ember"] :is(.toast,.snack,.msg-toast){background:#281a14ee;border-color:#cb7c4f80;color:#fff0e5}
:root[data-skin="ember"] :is(.pg-bar i,.xpbar i,.hx-prog i,.msg-toast .life){background:linear-gradient(90deg,#cc542c,#ffb774)}
/* Salon: the four illustrations are theme assets, never brand replacements. */
:root[data-skin="ember"] .sr-royal{--sr-gold:#df8a55;color:#fff2e8}
:root[data-skin="ember"] .sr-surface{background:#1c130f;clip-path:polygon(0 24px,24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}
:root[data-skin="ember"] .sr-card::after{background:url('assets/braise/card-frame.svg') center/100% 100% no-repeat}
:root[data-skin="ember"] .sr-art{height:69%;inset:0;object-position:center 25%}
:root[data-skin="ember"] .sr-fade{background:linear-gradient(180deg,transparent 32%,#1c130f88 47%,#1c130f 65%)}
:root[data-skin="ember"] .sr-medallion{background:linear-gradient(145deg,#59321e,#24150f);color:#ffc18d;border-color:#c97a49;box-shadow:0 0 0 4px #1c130f;transform:rotate(45deg);border-radius:10px}
:root[data-skin="ember"] .sr-medallion svg{transform:rotate(-45deg)}
:root[data-skin="ember"] .sr-content h2{font-weight:600;letter-spacing:-.015em}
:root[data-skin="ember"] .sr-content p{color:#d9bfae}
:root[data-skin="ember"] .sr-tag{border-color:#e5915666;background:#21140ee8;color:#ffd6b7}
:root[data-skin="ember"] .sr-action{box-shadow:inset 0 0 0 2px #452619,inset 0 0 0 3px #ffbf8b;border-width:1px;border-color:#eda16e;font-family:var(--font-d);font-weight:600;letter-spacing:.01em}
:root[data-skin="ember"] .sr-controls button{background:#281a14;border-color:#bd704480;color:#ffc18d}
:root[data-skin="ember"] .sr-dots button[aria-current=true]{background:#ffae6e;box-shadow:0 0 0 3px #ff803322}
:root[data-skin="ember"] .salon-footer a{border-color:#c97a49;color:#ffbf8d;box-shadow:none}
.cm-theme-switch{display:flex;align-items:center;gap:4px;border:1px solid #c89d604d;border-radius:10px;padding:3px;background:#14151099}
.cm-theme-switch button{min-height:32px;padding:5px 10px;background:transparent;border:0;border-radius:7px;color:#d6c7ab;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.cm-theme-switch button[aria-pressed=true]{background:#d4a95a;color:#201308}
:root[data-skin="ember"] .cm-theme-switch{background:#211710c9;border-color:#b66a424d}
:root[data-skin="ember"] .cm-theme-switch button[aria-pressed=true]{background:#f4a06a;color:#29140a}
:root[data-skin="ember"] .cm-theme-switch button{color:#e8c9b4}
:root[data-skin="ember"] :is(.wframe,.cm-question-panel,.cm-choice,.choice,.language){border-color:#d3844f66}
:root[data-skin="ember"] :is(.salon h1,.wh){text-wrap:balance}
:root[data-skin="ember"] .hx-mini i.l{background:#ecd0b0}:root[data-skin="ember"] .hx-mini i.d{background:#67402e}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb{background:#ab633d}
@media(max-width:700px){:root[data-skin="ember"] .salon-light{background-position:67% top;opacity:.6}.cm-theme-switch button{font-size:11px;padding:5px 8px}.salon-header{flex-wrap:wrap;gap:12px}.cm-theme-switch{margin-left:auto}:root[data-skin="ember"] #hbg{background-position:64% top!important}}
@media(prefers-reduced-motion:reduce){:root[data-skin="ember"] *,:root[data-skin="ember"] *::before,:root[data-skin="ember"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Background illustrations: retain their subject and add warm reflected light. */
:root[data-skin="ember"] :is(.hero,.hero.fd,.hv-slide,.hv-slide.fd){--hfade:#201610}
:root[data-skin="ember"] :is(.hero,.hero.fd,.hv-slide,.hv-slide.fd)::after{background:linear-gradient(180deg,transparent 20%,#20161099 66%,#201610 100%)}
:root[data-skin="ember"] .ra-academy .ra-hero{background:linear-gradient(90deg,#201610 10%,#201610e6 44%,#20161066),url('assets/braise/dragon-citadel.webp') right 35%/cover no-repeat;border-radius:8px;padding:20px 16px;min-height:145px}
:root[data-skin="ember"] .ra-academy .ra-content{position:relative;z-index:1;max-width:65%}
:root[data-skin="ember"] .ra-academy .ra-resume-slot{right:16px;top:20px}
:root[data-skin="ember"] :is(.pc-img img,.hist-art img,.pbanner img,.rg-cover img,.gal img){filter:sepia(.7) saturate(.75) hue-rotate(338deg)}
:root[data-skin="ember"] .cm-progress .cm-card-art{filter:none}
@media(max-width:900px){:root[data-skin="ember"] .ra-academy .ra-content{max-width:none}:root[data-skin="ember"] .ra-academy .ra-resume-slot{position:static;margin-top:16px}:root[data-skin="ember"] .ra-academy .ra-hero{padding:18px 8px}}
:root[data-skin="ember"] .hv-slide.fd::after{background:var(--hart) center var(--hpos,35%)/cover no-repeat}
:root[data-skin="ember"] :is(.btn,.gbtn,.cm-action,.pf-btn,.sr-action){border-radius:10px!important}
:root[data-skin="ember"] :is(.btn,.gbtn,.cm-action,.pf-btn,.sr-action)::before,:root[data-skin="ember"] :is(.btn,.gbtn,.cm-action,.pf-btn,.sr-action)::after{border-radius:7px!important}
.cm-braise-prev,.cm-braise-next{display:none}
@media(max-width:760px){:root[data-skin="ember"] :is(.cm-braise-prev,.cm-braise-next){display:grid;place-items:center;flex:none;border-radius:9px;font-size:26px}:root[data-skin="ember"] .sr-dots button{flex:none}}
:root[data-skin="ember"] :is(.pc-img img,.hist-art img,.pbanner img,.rg-cover img,.gal img,.hist-zoom){filter:sepia(1) saturate(.85) hue-rotate(338deg)}
@media(max-width:760px){:root[data-skin="ember"] .sr-dots button{background:#b88a6d}:root[data-skin="ember"] .sr-dots button[aria-current=true]{background:#ffd0a0;box-shadow:0 0 0 3px #ff803333}}