/* BRAISE V59 — Ignition. Component-specific theme, loaded after all inherited styles. */
:root[data-skin="ember"]{
 --bg:#13090b;--bg-img:radial-gradient(ellipse at 90% 0,#74122155,transparent 55%),linear-gradient(160deg,#230c11,#13090b 70%);
 --surface:#261015;--surface2:#38151c;--line:#ee493829;--line2:#e6513d66;--ink:#fff0e6;--ivory:#fff0e6;--muted:#d2a9a0;--faint:#a16a65;--gold:#ff9260;--accent:#ff905d;--accent2:#e8242e;
 --btn-bg:linear-gradient(145deg,#ffbc78,#ff713d 50%,#e93829);--btn-ink:#250b08;--ab-top:#ffc080;--ab-mid:#ff8848;--ab-low:#f45632;--ab-bot:#df252b;--ab-ring:#ff8058;--ab-gap:#3b0d15;--ab-ink:#230a08;
 --magma:linear-gradient(135deg,#ff7840 0%,#ef2e2b 36%,#b70926 70%,#7c061e 100%);--magma-bright:linear-gradient(120deg,#ffb45f,#ff4532 45%,#bd0b2b);
 --light-bg:radial-gradient(ellipse at 25% 15%,#ffe1bc99,transparent 65%),linear-gradient(135deg,#f4cba7,#e5ab89);
 --dark-bg:url('/assets/braise/lava-tile.svg') center/cover,linear-gradient(145deg,#711d29,#3b0d17);--frame-bg:linear-gradient(145deg,#7e2827,#230b13);--frame-line:#ef5d42;
 --coord-l:#6b1d24;--coord-d:#ffd4ad;--pw:#fff5e7;--pw-line:#4a151a;--pb:#210b13;--pb-line:#ffb175;
 --font-d:'Outfit',system-ui,sans-serif;--font-b:'DM Sans',system-ui,sans-serif;
}
/* Correct the actual questionnaire, including its local aura and action layout. */
:root[data-skin="ember"] .onboarding{max-width:700px}
:root[data-skin="ember"] .onboarding .choices{row-gap:22px}
:root[data-skin="ember"] .choice .beam{background:radial-gradient(ellipse at 50% 88%,#ff3c3566,transparent 69%);filter:blur(12px)}
:root[data-skin="ember"] .choice .pool{background:radial-gradient(ellipse,#fff1aa 0%,#ff8a4a99 16%,#e924373d 42%,transparent 73%)}
:root[data-skin="ember"] .choice .sparks{background:#ffd39b;box-shadow:-24px -25px 1px #ff6b33,22px -58px 1px #ed2b35,-14px -93px 1px #ffbe76}
:root[data-skin="ember"] .choice.is-selected .piece{filter:drop-shadow(0 0 8px #ff493b66)}
:root[data-skin="ember"] .choice .radio{display:block;width:28px;height:36px;border:0!important;border-radius:0;background:url('/assets/braise/flame-outline.svg') center/contain no-repeat;transition:filter .2s;flex:none}
:root[data-skin="ember"] .choice .radio::after{display:none!important;content:none!important}
:root[data-skin="ember"] .choice.is-selected .radio{background-image:url('/assets/braise/flame-selected.svg');filter:drop-shadow(0 0 8px #ff4b3399)}
:root[data-skin="ember"] .choice .ornament{height:10px;margin:2px 0 13px;color:#ff8554}
:root[data-skin="ember"] .choice .ornament::before,:root[data-skin="ember"] .choice .ornament::after{background:linear-gradient(90deg,transparent,#ec4d3f88)}
:root[data-skin="ember"] :is(.language,.language-choice .flag){background:#3c111b;border-color:#e45c46}
:root[data-skin="ember"] .language.active{background:#611623;border-color:#ffb57b;box-shadow:0 0 0 3px #d8243033}
:root[data-skin="ember"] .onboarding .actions{position:static!important;isolation:auto;border:0!important;border-top:0!important;box-shadow:none!important;background:none!important;padding:24px 0 0!important;margin:24px 0 0!important;gap:16px;align-items:center}
:root[data-skin="ember"] .onboarding .actions::before,:root[data-skin="ember"] .onboarding .actions::after{display:none!important;content:none!important}
:root[data-skin="ember"] .onboarding .actions .btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;isolation:auto;overflow:visible;min-height:50px;padding:13px 22px;font:600 15px/1.25 var(--font-d);letter-spacing:.015em;text-transform:none;text-shadow:none!important;border-radius:12px!important;animation:none!important;box-shadow:none!important;color:#ffe9df}
:root[data-skin="ember"] .onboarding .actions .btn::before,:root[data-skin="ember"] .onboarding .actions .btn::after{display:none!important;content:none!important}
:root[data-skin="ember"] .onboarding .actions .continue{min-width:160px;border:1px solid #ff946a!important;background:var(--magma)!important;color:#fff8ef!important}
:root[data-skin="ember"] .onboarding .actions .back{min-width:100px;background:#2b0f16!important;border:1px solid #b3474088!important;color:#ffc8b1!important}
:root[data-skin="ember"] .onboarding .actions .btn:disabled{opacity:.48!important;filter:saturate(.6)!important;color:#ffe8dc!important}
:root[data-skin="ember"] .steps span{background:#662630}:root[data-skin="ember"] .steps span.done{background:var(--magma-bright)}
:root[data-skin="ember"] .sound{background:#300e17;color:#ffb789;border-color:#a83a3b66}
/* Dedicated loading environment. */
:root[data-skin="ember"] .loading-background{background:#13090b url('/assets/braise/v59/loading-forge.webp') center/cover no-repeat}
:root[data-skin="ember"] .loading-screen .veil{background:radial-gradient(ellipse at 50% 48%,#13090b9c,#13090b44 60%),linear-gradient(0deg,#13090be6,transparent 40%,#13090b88)}
:root[data-skin="ember"] .loading-screen .mist{background:radial-gradient(ellipse at 65% 50%,#ef3a3544,transparent 55%),radial-gradient(ellipse at 30% 70%,#ff6c3422,transparent 65%)}
:root[data-skin="ember"] .progress-track{height:5px;background:#64172388;border-radius:5px}
:root[data-skin="ember"] .progress-fill{background:var(--magma-bright);box-shadow:0 0 16px #ff393b66}
:root[data-skin="ember"] .loading-screen .royal{font-size:0}:root[data-skin="ember"] .loading-screen .royal::after{content:'BRAISE';font-size:11px;letter-spacing:.18em;color:#ff9a70}
/* Salon: restore compact desktop proportions. The theme control is absent. */
.cm-theme-switch{display:none!important}
:root[data-skin="ember"] .salon-light{background-image:linear-gradient(90deg,#13090bcc,#13090b55),url('/assets/braise/dragon-citadel.webp')}
:root[data-skin="ember"] .salon-edition{margin-left:auto;color:#f0b7a3;font-size:10px}
:root[data-skin="ember"] .sr-card{filter:drop-shadow(0 8px 16px #0005)}
:root[data-skin="ember"] .sr-surface{background:#210c13}
:root[data-skin="ember"] .sr-fade{background:linear-gradient(180deg,transparent 33%,#210c1380 48%,#210c13 65%)}
:root[data-skin="ember"] .sr-medallion{width:48px;height:48px;margin-top:-19px;background:linear-gradient(135deg,#7d1a2a,#2b0d18);border-color:#ec684a;box-shadow:0 0 0 4px #210c13}
:root[data-skin="ember"] .sr-medallion svg{width:28px;height:28px}
:root[data-skin="ember"] .sr-content h2{font-size:clamp(17px,1.35vw,21px);margin:11px 0 8px}
:root[data-skin="ember"] .sr-content p{font-size:13px;line-height:1.45}
:root[data-skin="ember"] .sr-action{min-height:43px;font-size:12px;background:var(--magma-bright);color:#260909;border-color:#ff9568;box-shadow:inset 0 0 0 2px #50111b,inset 0 0 0 3px #ff9f72}
@media(min-width:1051px){:root[data-skin="ember"] .sr-track{grid-template-columns:repeat(4,minmax(0,clamp(196px,calc((100svh - 385px)*.5818),250px)));gap:22px}:root[data-skin="ember"] .salon{padding-top:18px}:root[data-skin="ember"] .salon-intro{margin-bottom:5px}:root[data-skin="ember"] .salon h1{font-size:clamp(28px,3vw,40px)!important}}
/* Home art is separate from the salon, with framing anchored at the top. */
:root[data-skin="ember"] .hv-slide.fd::before,:root[data-skin="ember"] .hv-slide.fd::after{background-position:center top!important}
:root[data-skin="ember"] .hv-slide.fd::before{filter:blur(5px)}
:root[data-skin="ember"] .hv-slide.fd::after{mask-image:linear-gradient(#000 0%,#000 60%,#0009 76%,transparent 96%);-webkit-mask-image:linear-gradient(#000 0%,#000 60%,#0009 76%,transparent 96%)}
:root[data-skin="ember"] :is(.pc-img img,.pbanner img)[src*="/braise/v59/"]{object-position:center top!important;transform:none!important;filter:none!important}
:root[data-skin="ember"] .pc-img{background:#2b1017}
:root[data-skin="ember"] .pbanner{background:#2b1017}
:root[data-skin="ember"] .cm-progress{--cm-art-adv:url('/assets/braise/v59/shortcut-adventure.webp');--cm-art-puz:url('/assets/braise/v59/shortcut-puzzle.webp');--cm-art-cpu:url('/assets/braise/v59/shortcut-cpu.webp')}
:root[data-skin="ember"] .cm-progress .cm-card-art{background-position:center top!important;filter:none!important}
:root[data-skin="ember"] .cm-progress .cm-card-art::after{background:linear-gradient(90deg,transparent 35%,#210d1744 65%,#210d17aa),linear-gradient(0deg,#210d17,transparent 30%)}
/* Progress is blood-red incandescent; core calls to action have clean text. */
:root[data-skin="ember"] :is(.pg-bar i,.pf-bar i,.xpbar i,.xp-fill,.hx-prog i,.cm-rating-track .pg-bar i,.progress-fill,.pc-bar i,.hx-bar .w){background:var(--magma-bright)!important;box-shadow:0 0 12px #e7232833}
:root[data-skin="ember"] :is(#dojoBtn,.gbtn,.btn.primary,.sr-action,.cm-action){text-shadow:none!important}
:root[data-skin="ember"] #dPlay{background:var(--magma)!important;border-color:#ff7958!important;color:#fff1e7!important;box-shadow:inset 0 1px 0 #ffc08266,0 5px 18px #0005!important;text-shadow:none!important}
:root[data-skin="ember"] #dPlay::before{background:var(--magma)!important;border-color:#ed6951!important}
:root[data-skin="ember"] #dPlay :is(.orbsq,svg){color:#fff0e7!important;background:none!important;filter:none!important}
:root[data-skin="ember"] .cm-elo .elo-big{font-size:clamp(27px,3.7vw,49px)!important;left:24%;width:52%;top:43%;line-height:1.1;letter-spacing:-.045em;color:#ffe1bc;text-shadow:0 2px 5px #000a}
:root[data-skin="ember"] :is(.pf-me,.pf-card.pf-me,.pf-mebg){background-color:#2d1019!important;background-image:linear-gradient(155deg,#5b1426aa,#200d16e8)!important;border-color:#a93c4866!important}
:root[data-skin="ember"] :is(.pf-handle,.pf-bio,.pf-rank){color:#edbca9}
/* Gambit: molten red selections, smouldering surfaces, restrained highlights. */
:root[data-skin="ember"] #modal{background:radial-gradient(ellipse at 50% -10%,#be1b2b3d,transparent 65%),#230d15;border-color:#d54c42;box-shadow:0 24px 80px #0009,inset 0 0 0 4px #230d15,inset 0 0 0 5px #df5e3f3d}
:root[data-skin="ember"] #modal :is(.gmodes,.dcard,.wz-p,.so-set,.cd){background-color:#310e1b;border-color:#ad394766}
:root[data-skin="ember"] #modal :is(.gmodes button.on,.lvl button.on,.cd-o[aria-pressed=true],.cd-tg button[aria-pressed=true],.dopt.on,.opt.right){background:var(--magma)!important;color:#fff2e7!important;border-color:#ff9365!important;box-shadow:inset 0 1px 0 #ffbb7b55}
:root[data-skin="ember"] #modal .wz-track button.on{border-color:#ff885b;background:#641426;color:#fff0e6}
:root[data-skin="ember"] #modal #mIcon{background:radial-gradient(ellipse at 50% 0,#9b2036,#2b0b17)!important;color:#ffc096}
/* Plateau: cooled obsidian, lava seams, readable ivory pieces, flame-shaped destinations. */
:root[data-skin="ember"] .frame{border-color:#d85a46;box-shadow:0 0 0 1px #74192b,0 12px 40px #0008,inset 0 0 20px #ec2c3222}
:root[data-skin="ember"] .sq.dark{background:var(--dark-bg)}
:root[data-skin="ember"] .sq.light{background:var(--light-bg)}
:root[data-skin="ember"] .sq.last::before{background:linear-gradient(135deg,#ff5c2e55,#c00a2c33);box-shadow:inset 0 0 0 2px #ff9f5f99}
:root[data-skin="ember"] .sq.sel{box-shadow:inset 0 0 0 2px #ff7d46,inset 0 0 22px #ff302444}
:root[data-skin="ember"] .sq.sel::after,:root[data-skin="ember"] .sq.hint::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border:0;border-radius:0;background:url('/assets/braise/flame-square.svg') center/96% 96% no-repeat;animation:braiseFlicker 1.5s ease-in-out infinite alternate}
:root[data-skin="ember"] .dot{width:42%;height:54%;border-radius:0;background:url('/assets/braise/flame-outline.svg') center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 1px 2px #24030c) drop-shadow(0 0 3px #ff6b3577)}
:root[data-skin="ember"] .promofx .pcrown{font-size:0;width:76px;height:84px;left:-38px;top:-55px;background:url('/assets/braise/flame-crown.svg') center/contain no-repeat;filter:drop-shadow(0 0 10px #ff4f27aa)}
:root[data-skin="ember"] .promofx .pring{border-color:#ff663b;box-shadow:0 0 24px #ff372c,inset 0 0 18px #ef273b;background:radial-gradient(circle,transparent 45%,#c3162633)}
:root[data-skin="ember"] .promofx i{background:#ff722e!important;box-shadow:0 0 5px #ff392f}
@keyframes braiseFlicker{0%{opacity:.7;filter:drop-shadow(0 0 2px #ff5b35)}100%{opacity:1;filter:drop-shadow(0 0 5px #ff5b35)}}
/* Embedded opponents: independent page, explicitly styled instead of inherited Royal. */
:root[data-skin="ember"] :is(.world-shade){background:linear-gradient(90deg,#21081122,transparent 40%,#21081166 60%,#1b0914f5 78%),linear-gradient(180deg,#21081188,transparent 28%,#170911ee)}
:root[data-skin="ember"] .world>img{object-fit:contain;object-position:left top;filter:none}
:root[data-skin="ember"] :is(.gallery,.details,.roster,.topbar){color:var(--ink);border-color:#d44d4b55}
:root[data-skin="ember"] .gallery{--font-d:'Outfit',system-ui,sans-serif;--font-b:'DM Sans',system-ui,sans-serif;--ivory:#fff0e6;--muted:#d6aba3;--gold:#ff9468;--line:#d84d4855}
:root[data-skin="ember"] .gallery .tabs{border-color:#b9464d;background:#3b0e1b;border-radius:12px}
:root[data-skin="ember"] .gallery .tabs button[aria-selected=true]{background:var(--magma);border-color:#f17d60;color:#fff2e8;box-shadow:none;border-radius:9px}
:root[data-skin="ember"] .gallery :is(.trait-choice,.roster button,.round){background:#2b0d19;border-color:#c1484b66;color:#ffd0b9}
:root[data-skin="ember"] .gallery .roster button[aria-pressed=true]{background:linear-gradient(135deg,#771c31,#3b0e1c);border-color:#f47253;box-shadow:0 0 0 1px #e6524833}
:root[data-skin="ember"] .gallery #challenge{background:var(--magma)!important;color:#fff3e9!important;border-color:#ff8a62!important;box-shadow:inset 0 1px 0 #ffc38a77!important;text-shadow:none!important;border-radius:12px}
:root[data-skin="ember"] .gallery .identity h1{color:#ffd3b4;font-family:var(--font-d)}
:root[data-skin="ember"] .gallery :is(.character-title,.description,.identity p,blockquote){color:#f1c8b8}
@media(max-width:760px){:root[data-skin="ember"] .sr-content h2{font-size:20px}:root[data-skin="ember"] .sr-content p{font-size:13px}:root[data-skin="ember"] .sr-medallion{width:46px;height:46px}:root[data-skin="ember"] .onboarding .actions{margin-top:18px!important;padding-top:20px!important;gap:12px}:root[data-skin="ember"] .onboarding .actions .btn{padding:12px 16px;font-size:14px}:root[data-skin="ember"] .onboarding .actions .continue{min-width:145px}:root[data-skin="ember"] .cm-elo .elo-big{font-size:clamp(18px,6.2vw,34px)!important}:root[data-skin="ember"] .world-shade{background:linear-gradient(0deg,#170911 12%,#17091155 65%,#17091133)}}
@media(prefers-reduced-motion:reduce){:root[data-skin="ember"] .sq.sel::after,:root[data-skin="ember"] .sq.hint::after{animation:none}}
@font-face{font-family:Outfit;src:url('/chess/fonts/outfit-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root[data-skin="ember"],:root[data-skin="ember"] body{background-color:var(--bg);color:var(--ink)}
:root[data-skin="ember"] :is(.hist-art img,.hist-zoom,[data-braise-history="true"] img){filter:none!important}
:root[data-skin="ember"] .tile,:root[data-skin="ember"] .tile.cap{inset:0;border-radius:0;box-shadow:none;background:url('/assets/braise/flame-square.svg') center/97% 97% no-repeat;animation:braiseFlicker 1.5s ease-in-out infinite alternate}
:root[data-skin="ember"] .ring{inset:0;border:0;border-radius:0;box-shadow:none;background:url('/assets/braise/flame-square.svg') center/97% 97% no-repeat;animation:braiseFlicker 1.3s ease-in-out infinite alternate}
:root[data-skin="ember"] #dPlay{background:transparent!important;border:0!important;box-shadow:none!important;color:#f6ba9f!important}
:root[data-skin="ember"] #dPlay::before{background:transparent!important}
:root[data-skin="ember"] #dPlay .orbsq{background:var(--magma)!important;border:1px solid #ff805d;color:#fff1e7!important;box-shadow:0 0 0 4px #2b101b,0 6px 18px #0006!important}
:root[data-skin="ember"] :is(header.top,.dock,.popmenu,.pp-box,.msg-feed,.mg-sheet,.mg-bar,#lvBar){background:linear-gradient(145deg,#3a101cf5,#1f0c16f5);border-color:#b33d485e}
:root[data-skin="ember"] :is(.fr,.dcard,.so-set,.sal-card,.hx-card,.lc,.hv-card,.pf-det,.rw-row,.ra-search){background-color:#2b111b;border-color:#a23c4c66}
:root[data-skin="ember"] .ra-academy .ra-hero{background-image:linear-gradient(90deg,#2b111b 10%,#2b111be6 44%,#2b111b66),url('/assets/braise/dragon-citadel.webp')}

:root[data-skin="ember"] .pf-avw .laurel{color:#e85e4a!important}
:root[data-skin="ember"] .cm-elo .cm-stat-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
:root[data-skin="ember"] .cm-elo .cm-stat{min-width:0;gap:7px}
:root[data-skin="ember"] .cm-elo .cm-stat+div{padding-left:10px}
:root[data-skin="ember"] .cm-elo .cm-stat b{font-size:24px}

:root[data-skin="ember"] .pp-h{display:flex;align-items:center;justify-content:center;gap:10px;color:#ffe4cc}
:root[data-skin="ember"] .pp-h::before{content:'';display:block;width:34px;height:38px;background:url('/assets/braise/flame-crown.svg') center/contain no-repeat;filter:drop-shadow(0 0 5px #ff4b3355)}
:root[data-skin="ember"] .pp-box{background:linear-gradient(150deg,#57142a,#230c18)!important;border-color:#ef6b50!important}
:root[data-skin="ember"] .pp-t{background:#300c19;border-color:#b7464966}
:root[data-skin="ember"] .pp-t:hover,:root[data-skin="ember"] .pp-t:focus-visible{background:var(--magma);border-color:#ffb079}
:root[data-skin="ember"] .gallery .roster-image img{filter:none!important;object-position:center 16%}
:root[data-skin="ember"] .ra-filter.is-active{background:var(--magma)!important;color:#fff0e4!important}
:root[data-skin="ember"] .cm-progress .pg-row{background-color:#260e19}

:root[data-skin="ember"] .choice-name{font-family:var(--font-d)!important;font-weight:600;letter-spacing:0;font-size:clamp(12px,1.3vw,15px)}

/* Theme selection belongs in Settings > Appearance, outside the quick header. */

:root[data-skin="ember"] .nickname-input{background:#28101699;color:#fff0e6;border-color:#b6564677}
:root[data-skin="ember"] .nickname-input::placeholder{color:#cca89c99}
:root[data-skin="ember"] .nickname-input:focus{border-color:#ff925f;box-shadow:0 0 0 3px #ff5a3026}
:root[data-skin="ember"] .avail[data-s="ok"]{background:#bd462e;box-shadow:0 0 10px #ff6e3944}
:root[data-skin="ember"] .nickname-avail[data-s="ok"]{color:#ffbc8e}

/* Red glass surfaces and one action colour, refined from the home-page review. */
:root[data-skin="ember"]{
 --action-fire:linear-gradient(135deg,#f83b35 0%,#e51b32 38%,#b70929 74%,#85091f 100%);
 --magma-bright:var(--action-fire);
 --btn-bg:var(--action-fire);--btn-ink:#fff;--ab-ink:#fff;
 --ab-top:#f83b35;--ab-mid:#e51b32;--ab-low:#b70929;--ab-bot:#85091f;
 --ab-ring:#ed6266;--ab-gap:#a31528;--ab-lite:#ffb5b330;
 --home-glass:linear-gradient(125deg,rgba(205,12,32,.19),rgba(117,0,15,.11) 48%,rgba(32,0,4,.07));
}
:root[data-skin="ember"] header.top{
 background:transparent!important;border-color:transparent!important;box-shadow:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
:root[data-skin="ember"] header.top::before,:root[data-skin="ember"] header.top::after{background:none!important;box-shadow:none!important}
:root[data-skin="ember"] .ra-academy{
 border-image-source:url('/assets/braise/outline.svg');border-image-slice:20;
 background:var(--home-glass)!important;background-clip:padding-box;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 box-shadow:inset 0 1px 0 #ffd8d315,0 14px 36px #0002;
}
:root[data-skin="ember"] .ra-academy :is(.ra-hero,.ra-console){background:transparent!important}
:root[data-skin="ember"] :is(.cm-elo,.cm-progress) .cm-frame{
 border-image-source:url('/assets/braise/outline.svg');border-image-slice:20;
 background:var(--home-glass)!important;background-clip:padding-box;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 filter:none;box-shadow:inset 0 1px 0 #ffd8d315,0 14px 36px #0002;
}
:root[data-skin="ember"] .cm-progress .pg-row{background-color:transparent!important}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold,.gbtn,.cm-action,.sr-action,.msg-send,.hx-b.pri,#dojoBtn,.gallery #challenge,.onboarding .continue){
 background:var(--action-fire)!important;color:#fff!important;border-color:#ed6266!important;
 text-shadow:none!important;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #0002!important;
}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold,.gbtn,.cm-action,.sr-action,.msg-send,.hx-b.pri,#dojoBtn,.gallery #challenge,.onboarding .continue)::before{
 background:var(--action-fire)!important;box-shadow:none!important;
}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold,.gbtn,.cm-action,.sr-action,.msg-send,.hx-b.pri,#dojoBtn,.gallery #challenge,.onboarding .continue)::after{border-color:#ffb5b330!important;box-shadow:none!important}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold,.gbtn,.cm-action,.sr-action,.msg-send,.hx-b.pri,#dojoBtn,.gallery #challenge,.onboarding .continue) :is(svg,span,b,strong,em){color:inherit!important;text-shadow:none!important;filter:none!important}
:root[data-skin="ember"] .ra-filter.is-active{background:var(--action-fire)!important;color:#fff!important}
:root[data-skin="ember"] .ra-filter.is-active::before{background:var(--action-fire)!important;box-shadow:none!important}
:root[data-skin="ember"] .ra-filter.is-active :is(svg,span){color:inherit!important}
/* The navigation has one shared surface; only the central play action is filled. */
:root[data-skin="ember"] .dock{
 background:linear-gradient(125deg,#270609d9,#120405cc)!important;border-color:#e84c5b66;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
:root[data-skin="ember"] .dock .dbtn{
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#eee4e4!important;text-shadow:none!important;
}
:root[data-skin="ember"] .dock .dbtn::before{display:none!important}
:root[data-skin="ember"] .dock .dbtn :is(span,svg){color:inherit!important;filter:none!important;text-shadow:none!important}
:root[data-skin="ember"] .dock .dbtn.on{color:#fff!important}
:root[data-skin="ember"] .dock .dbtn.on::after{background:#f63b47;box-shadow:none}
:root[data-skin="ember"] .dock #dPlay .orbsq{
 background:var(--action-fire)!important;color:#fff!important;border:1px solid #ed6266;
 box-shadow:0 0 0 4px #24070b,0 5px 14px #0004!important;
}
:root[data-skin="ember"] .dock #dPlay{color:#fff!important}

/* One continuous glass layer, including the space occupied by decorative borders. */
:root[data-skin="ember"]{--control-surface:linear-gradient(125deg,#270609d9,#120405cc)}
:root[data-skin="ember"] :is(.ra-academy,.cm-elo .cm-frame,.cm-progress .cm-frame,.pf-sec.hx){
 --glass-edge:18px;position:relative;isolation:isolate;
 background:none!important;box-shadow:none!important;
 border-image-source:url('/assets/braise/outline.svg')!important;border-image-slice:20!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
:root[data-skin="ember"] :is(.ra-academy,.cm-elo .cm-frame,.cm-progress .cm-frame,.pf-sec.hx)::before{
 content:'';display:block;position:absolute;inset:calc(1px - var(--glass-edge));z-index:-1;pointer-events:none;
 background:var(--home-glass) border-box no-repeat!important;
 clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
@media(max-width:520px){:root[data-skin="ember"] .ra-academy{--glass-edge:14px}}
/* The streak shares the glass, without inheriting the activity cards' framing. */
:root[data-skin="ember"] #srCard{
 background:var(--home-glass) border-box no-repeat!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 border:1px solid #e84c5b66;border-radius:18px;box-shadow:none!important;filter:none!important;
}
:root[data-skin="ember"] #srCard::before,:root[data-skin="ember"] #srCard::after{content:none!important;display:none!important}
/* Secondary icon controls use the same surface and white content as navigation. */
:root[data-skin="ember"] :is(.dock,.ibtn:not(.dojo):not(.cta),.popmenu,.qb-chip){
 background:var(--control-surface)!important;color:#fff!important;border-color:#e84c5b66!important;
 text-shadow:none!important;box-shadow:none;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
:root[data-skin="ember"] :is(.ibtn:not(.dojo):not(.cta),.popmenu button,.qb-chip) :is(svg,span,b,i){color:#fff!important;text-shadow:none!important;filter:none!important}
:root[data-skin="ember"] .popmenu button{color:#fff!important;text-shadow:none!important}
/* Activity frames are angular. Remove the inherited rounded streak-card border. */
:root[data-skin="ember"] .sr-royal .sr-card{
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-skin="ember"] .sr-royal .sr-surface{border:0;border-radius:0;box-shadow:none}

/* Shared materials for archives, profile tools, lessons, and game menus. */
:root[data-skin="ember"]{
 --lesson-panel:radial-gradient(ellipse at 12% 0%,#49312733,transparent 70%),linear-gradient(155deg,#221712,#100b09 80%);
 --gambit-dialog:radial-gradient(ellipse at 50% -10%,#be1b2b3d,transparent 65%),#230d15;
 --gambit-gold:#ffdb9a;
}
:root[data-skin="ember"] .pf-sec.hx{filter:none!important}
@media(max-width:720px){:root[data-skin="ember"] .pf-sec.hx{--glass-edge:14px}}
:root[data-skin="ember"] .pf-edcover{
 background:var(--control-surface)!important;color:#fff!important;border-color:#e84c5b66;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-shadow:none;box-shadow:none;
}
:root[data-skin="ember"] .pf-edcover :is(svg,span){color:#fff!important;filter:none;text-shadow:none}
:root[data-skin="ember"] .ra-academy .ra-filter:not(.is-active)::before,
:root[data-skin="ember"] :is(.lc:not(.lc-gm),.pfeat,.ptests){background:var(--lesson-panel)!important}
:root[data-skin="ember"] .lc.lc-gm{
 background:var(--action-fire)!important;color:var(--gambit-gold)!important;border-color:#eec17c!important;
 --gm-ink:var(--gambit-gold);--gm-sub:#fff0d5;--gm-bd:#eec17c;
}
:root[data-skin="ember"] .lc.lc-gm::before{background:none!important}
:root[data-skin="ember"] .lc.lc-gm :is(.pc-body b,.pc-top small,.pc-new,.pc-foot svg){color:var(--gambit-gold)!important}
:root[data-skin="ember"] .lc.lc-gm :is(.pc-desc,.pc-foot){color:#fff0d5!important}
:root[data-skin="ember"] :is(#modal:has(.gmodes),.pp-box.vs-box){
 background:var(--gambit-dialog)!important;border:1px solid #d54c42!important;border-radius:20px;
 box-shadow:0 24px 80px #0009,inset 0 0 0 4px #230d15,inset 0 0 0 5px #df5e3f3d!important;
 color:#fff0e6;
}
:root[data-skin="ember"] .vs-box .vs-t{background:#310e1b;border-color:#ad394766;color:#fff0e6}
:root[data-skin="ember"] .vs-box .vs-t :is(.vs-ic,b){color:var(--gambit-gold)}
:root[data-skin="ember"] .vs-box .vs-t small{color:#d2a9a0}
:root[data-skin="ember"] .vs-box .vs-t:hover,:root[data-skin="ember"] .vs-box .vs-t:focus-visible{background:var(--action-fire);border-color:#eec17c;color:#fff}

/* The lesson Gambit and each saved game use the same panel as the Versus menu. */
:root[data-skin="ember"] :is(.lc.lc-gm,.hx-card){
 background:var(--gambit-dialog)!important;border:1px solid #d54c42!important;border-radius:20px!important;
 box-shadow:0 24px 80px #0009,inset 0 0 0 4px #230d15,inset 0 0 0 5px #df5e3f3d!important;
 color:#fff0e6;
}
:root[data-skin="ember"] .lc.lc-gm::after{display:none!important}
:root[data-skin="ember"] .lc.lc-gm{--gm-bd:#ad394766}
:root[data-skin="ember"] .hx-card{padding:14px}
:root[data-skin="ember"] .hx-card .hx-vs{color:var(--gambit-gold)}
:root[data-skin="ember"] .hx-card .hx-b:not(.pri){background:#310e1b;color:var(--gambit-gold);border-color:#ad394766}
:root[data-skin="ember"] .hx-card .hx-b:not(.pri):hover{background:var(--control-surface);border-color:#d54c42}

/* The A–Z wallpaper catalogue now drives the real home background. */
:root[data-skin="ember"] #hbg{background:linear-gradient(180deg,#260b0c,#13090b)!important}
:root[data-skin="ember"] #hbg .hb-l{opacity:0!important;object-position:50% 28%}
:root[data-skin="ember"] #hbg.on .hb-l{opacity:1!important}
:root[data-skin="ember"] #hbg .hb-v{background:linear-gradient(180deg,#10040645,#10040660 55%,#13090b88)}
:root[data-skin="ember"] #hbgSet .hbs-g button.on{border-color:#f44a4a;box-shadow:0 0 0 2px #ff544433}
@media(orientation:portrait){:root[data-skin="ember"] #hbg .hb-l{object-position:center top}}

/* Character traits remain unfilled, including their selected and focused states. */
:root[data-skin="ember"] .gallery :is(.trait-choice,.trait-icon,.trait-section li){
 background:transparent!important;box-shadow:none!important;
}
:root[data-skin="ember"] .gallery .trait-choice[aria-pressed=true] .trait-icon{border-color:#ffe2a5;outline:1px solid #ffe2a5;outline-offset:3px}
:root[data-skin="ember"] .world>img{object-fit:cover!important;object-position:left center!important}
:root[data-skin="ember"] .world-shade{background:linear-gradient(90deg,#1007090d,transparent 35%,#13070b55 53%,#13070bbd 77%),linear-gradient(0deg,#13070bb3,transparent 30%)}
@media(max-width:760px){
 :root[data-skin="ember"] .world>img{object-fit:cover!important;object-position:center top!important}
 :root[data-skin="ember"] .world-shade{background:linear-gradient(180deg,#10070933,transparent 16%,transparent 35%,#170911a6 58%,#170911f5 76%)}
}

/* v62: marqueurs de plateau Braise, durcis (aucun rond crème possible) */
:root[data-skin="ember"] .sq .dot{width:42%!important;height:54%!important;border-radius:0!important;background:url('/assets/braise/flame-outline.svg') center/contain no-repeat!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
:root[data-skin="ember"] .sq .tile,:root[data-skin="ember"] .sq .tile.cap{border-radius:0!important;box-shadow:none!important;background:url('/assets/braise/flame-square.svg') center/97% 97% no-repeat!important;background-color:transparent!important;border:0!important}
:root[data-skin="ember"] .sq .ring{border:0!important;border-radius:0!important;box-shadow:none!important;background:url('/assets/braise/flame-square.svg') center/97% 97% no-repeat!important;background-color:transparent!important}
:root[data-skin="ember"] .sq.focus-piece::after{border-radius:0!important;border:0!important;background:url('/assets/braise/flame-square.svg') center/96% 96% no-repeat!important}
:root[data-skin="ember"] .sq.hint::after,:root[data-skin="ember"] .sq.sel::after{border:0!important;border-radius:0!important;background-color:transparent!important}
/* v62: le calque de flèches ne doit pas hériter du trait global des svg (rond crème géant) */
:root[data-skin="ember"] #arrow{fill:none;stroke:none}

/* v63 : cases capturables en flammes or et rouge plus fortes ; fumée d'une seconde après une prise */
:root[data-skin="ember"] .sq .ring,:root[data-skin="ember"] .sq .tile.cap,:root[data-skin="ember"] .tile.cap{background:url('/assets/braise/flame-capture.svg') center/104% 104% no-repeat!important;background-color:transparent!important;animation:braiseFlickerCap 1.05s ease-in-out infinite alternate!important}
@keyframes braiseFlickerCap{0%{opacity:.82;transform:scale(1);filter:drop-shadow(0 0 3px #ffb347) drop-shadow(0 0 7px #ff3b1f)}100%{opacity:1;transform:scale(1.045);filter:drop-shadow(0 0 6px #ffd27a) drop-shadow(0 0 13px #ff4a1f)}}
.bsmoke{position:fixed;z-index:60;pointer-events:none;overflow:visible}
.bsmoke i{position:absolute;left:50%;bottom:30%;width:46%;height:46%;margin-left:-23%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(240,232,224,.95),rgba(132,116,110,.75) 55%,rgba(60,48,46,0) 72%);opacity:0;filter:blur(1.5px);animation:bsmokeUp 2s ease-out forwards}
.bsmoke i:nth-child(2){left:36%;animation-delay:.12s;width:40%;height:40%}
.bsmoke i:nth-child(3){left:64%;animation-delay:.25s;width:38%;height:38%}
@keyframes bsmokeUp{0%{opacity:0;transform:translate(0,12%) scale(.45)}14%{opacity:.9}65%{opacity:.55}100%{opacity:0;transform:translate(8%,-130%) scale(1.8)}}
@media(prefers-reduced-motion:reduce){.bsmoke{display:none}}
/* v63 : blocs d'onglets et bascules en rectangle aux coins légèrement arrondis (plus de pilule) */
:root[data-skin="ember"] :is(.tabs,.gmodes,.cd-tg,.stabs){border-radius:12px!important}
:root[data-skin="ember"] :is(.tabs button,.tabs .tab,.gmodes button,.cd-tg button,.stabs .tab){border-radius:8px!important}
:root[data-skin="ember"] .cd-chips .cd-o{border-radius:10px!important}

/* v209 nav: hover, active red, orb glow, puzzle background */
:root[data-skin="ember"] .dock .dbtn{transition:color .18s ease,transform .18s ease}
:root[data-skin="ember"] .dock .dbtn:not(.on):not(.orb):hover,:root[data-skin="ember"] .dock .dbtn:not(.on):not(.orb):focus-visible{color:#ff7a68!important;transform:translateY(-2px)}
:root[data-skin="ember"] .dock .dbtn:not(.on):not(.orb):hover svg{filter:drop-shadow(0 0 6px #ff4a3acc)!important}
:root[data-skin="ember"] .dock .dbtn:not(.on):not(.orb):hover span{text-shadow:0 0 10px #ff4a3a99!important}
:root[data-skin="ember"] .dock .dbtn.on:not(.orb),:root[data-skin="ember"] .dock .dbtn.on:not(.orb) :is(svg,span){color:#f63b47!important}
:root[data-skin="ember"] .dock .dbtn.on:not(.orb) span{font-weight:800}
:root[data-skin="ember"] .dock .dbtn.on:not(.orb) svg{filter:drop-shadow(0 0 6px #f63b4799)!important}
:root[data-skin="ember"] .dock .dbtn.on:not(.orb):hover{color:#ff5a64!important}
:root[data-skin="ember"] .dock #dPlay .orbsq{transition:filter .18s ease,box-shadow .18s ease}
:root[data-skin="ember"] .dock #dPlay:hover .orbsq,:root[data-skin="ember"] .dock #dPlay:focus-visible .orbsq{filter:brightness(1.2) saturate(1.1);box-shadow:0 0 0 2px #ff8a6a,0 0 22px #ff4a2acc,0 0 52px #f63b4788!important}
:root[data-skin="ember"] .ibtn.dojo.cta{transition:filter .18s ease,box-shadow .18s ease}
:root[data-skin="ember"] .ibtn.dojo.cta:hover,:root[data-skin="ember"] .ibtn.dojo.cta:focus-visible{filter:brightness(1.2) saturate(1.1);box-shadow:0 0 0 1px #ff8a6a,0 0 22px #ff4a2acc,0 0 48px #f63b4766!important}
:root[data-skin="ember"] body.pz-open #hbg{display:block!important;opacity:1!important;visibility:visible!important}
:root[data-skin="ember"] body.pz-open #hbg .hb-l{opacity:1!important}
:root[data-skin="ember"] .hv-slide.fd{--vv:20,10,5}
:root[data-skin="ember"] .cm-progress .pg-row{--cv:33,13,23}

/* Ajouter APRÈS breeze-v59.css ; portée stricte : thème ember et bloc Classement Elo. */
:root[data-skin="ember"] .cm-elo .cm-badge{position:relative;width:196px;aspect-ratio:1/1;container-type:inline-size;margin:-28px 0 -10px -3px;align-self:center;filter:drop-shadow(0 5px 8px #10000488)}
:root[data-skin="ember"] .cm-elo .cm-badge img{display:block;width:100%;height:100%;object-fit:contain}
:root[data-skin="ember"] .cm-elo .cm-badge .elo-big{position:absolute!important;left:24%!important;top:49%!important;width:52%!important;margin:0!important;transform:translateY(-50%)!important;text-align:center;white-space:nowrap;z-index:2;color:#ffe9cb!important;font-family:var(--font-d,"Cinzel",serif)!important;font-size:40px!important;font-size:clamp(24px,21cqw,43px)!important;font-weight:600!important;font-style:normal!important;font-variant-numeric:tabular-nums;line-height:1!important;letter-spacing:-.055em!important;text-shadow:0 1px 2px #180508,0 2px 3px #180508!important}
:root[data-skin="ember"] .cm-elo .cm-badge .elo-big.cm-score-wide{font-size:33px!important;font-size:clamp(20px,17.5cqw,35px)!important}
@media(max-width:820px){:root[data-skin="ember"] .cm-elo .cm-badge{width:144px;margin:-10px 0 -6px -3px}}
@media(max-width:450px){:root[data-skin="ember"] .cm-elo .cm-badge{width:112px;margin:-6px 0 -4px -4px}}
:root[data-skin="ember"] .cm-elo .cm-rank{padding-left:22px}
:root[data-skin="ember"] :is(.sr-card svg,.wz-flame){--glint:255,95,45}

/* Parcours des Braises : titre un peu plus petit sur PC pour ne plus toucher « Reprendre la leçon » */
@media(min-width:901px){:root[data-skin="ember"] .ra-academy .ra-content h2{font-size:clamp(28px,3.4vw,45px)!important}}