/* Braise: scoped paint migration, with original cascade resets retained. */

:root[data-skin="ember"]{--bg:#0d1314;--bg-img:radial-gradient(120% 70% at 50% -10%,#442e25 0%,#2b1d17 35%,#0d1314 75%);--surface:#231813;--surface2:#2f2019;--line:rgba(220,128,82,.14);--line2:rgba(220,128,82,.3);--ink:#f5e1d0;--muted:#a9b3a8;--faint:#865641;--accent:#dc8052;--accent2:#895742;--accent-ink:#1e0f07;--btn-bg:linear-gradient(180deg,#eeaf77,#c06436);--btn-ink:#1e0f07;--btn-border:transparent;--good:#7fd1a0;--bad:#ff7a6b;--warn:#efa361;--font-d:'Cinzel',Georgia,serif;--font-b:'DM Sans',system-ui,sans-serif;--d-track:.04em;--d-case:none;--d-weight:500;--d-weight2:600;--d-track2:.02em;--radius:22px;--frame-bg:linear-gradient(145deg,#6f3d24,#3e2011);--frame-line:rgba(220,128,82,.35);--light-bg:linear-gradient(135deg,#f3d0b2,#deb189);--dark-bg:linear-gradient(135deg,#6d4534,#463026);--coord-l:#8f5437;--coord-d:#edcaac;--pw:#f9dbc1;--pw-line:#4d2714;--pw-glow:transparent;--pb:#2a1a10;--pb-line:rgba(220,128,82,.65);--pb-glow:transparent;--tb-bg:rgba(0,0,0,.28);--tb-ink:#f7d6b9;--wave-a:#dc8052;--wave-b:#895742;--wave-c:#fbe9da;--hero-bg:radial-gradient(110% 90% at 50% 40%,rgba(220,128,82,.14) 0%,transparent 60%),#201612;--shadow:0 18px 40px rgba(0,0,0,.45)}
:root[data-skin="ember"]{--bg:#050505;--bg-img:radial-gradient(70% 45% at 50% 105%,#ff4a1a 0%,#8a1c06 32%,#1a0603 62%,#050505 82%);--surface:#0f0d0d;--surface2:#171313;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.16);--ink:#ffffff;--muted:#a39592;--faint:#4a3f3c;--accent:#ff4b1f;--accent2:#ff8a3d;--accent-ink:#fff;--btn-bg:#0b0b0b;--btn-ink:#fff;--btn-border:rgba(255,255,255,.8);--good:#ff8a3d;--bad:#ff4b4b;--warn:#ee8a58;--font-d:'Outfit',sans-serif;--font-b:'Outfit',sans-serif;--d-track:-.02em;--d-weight:800;--radius:24px;--frame-bg:linear-gradient(#1a0b08,#0b0505);--frame-line:rgba(255,90,40,.5);--light-bg:#3a1912;--dark-bg:#1f0c08;--coord-l:#ff8a5c;--coord-d:#8a4a36;--pw:#ffffff;--pw-line:#3a120a;--pw-glow:rgba(255,90,40,.6);--pb:#ff5a2b;--pb-line:#2a0904;--pb-glow:rgba(255,60,20,.55);--tb-bg:rgba(255,255,255,.08);--tb-ink:#ffb59a;--wave-a:#ff4b1f;--wave-b:#ee834e;--wave-c:#fff;--hero-bg:radial-gradient(90% 90% at 50% 50%,rgba(255,75,31,.35) 0%,rgba(120,20,5,.25) 40%,#0b0606 75%)}
html[data-skin="ember"]{background:var(--bg)}
:root[data-skin="ember"] body{background:var(--bg-img),var(--bg);background-attachment:fixed;color:var(--ink)}
:root[data-skin="ember"] button:focus-visible,:root[data-skin="ember"] input:focus-visible,:root[data-skin="ember"] select:focus-visible,:root[data-skin="ember"] textarea:focus-visible,:root[data-skin="ember"] a:focus-visible,:root[data-skin="ember"] summary:focus-visible,:root[data-skin="ember"] [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] #board .sq:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
:root[data-skin="ember"] svg.i{fill:none;stroke:currentColor}
:root[data-skin="ember"] .welcome{background:var(--bg-img),var(--bg);color:var(--ink)}
:root[data-skin="ember"] .wlang button{border:1px solid var(--line2);background:var(--surface2);color:var(--muted);border-radius:999px}
:root[data-skin="ember"] .wlang button.on{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent}
:root[data-skin="ember"] .wlogo{filter:drop-shadow(0 14px 30px rgba(0,0,0,.45))}
:root[data-skin="ember"] .weyebrow{color:var(--muted)}
:root[data-skin="ember"] .wtitle small{color:var(--muted)}
:root[data-skin="ember"] .wtag{color:var(--muted)}
:root[data-skin="ember"] .wcard{border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);border-radius:20px}
:root[data-skin="ember"] .wcard:hover{border-color:var(--accent)}
:root[data-skin="ember"] .wcard.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .wcard span{color:var(--muted)}
:root[data-skin="ember"] .winput{border-radius:18px;border:1px solid var(--line2);background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .winput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .werr{color:var(--bad)}
:root[data-skin="ember"] .wdots i{border-radius:99px;background:color-mix(in srgb,var(--ink) 16%,transparent)}
:root[data-skin="ember"] .wdots i.on{background:var(--accent)}
:root[data-skin="ember"] .wnote{color:var(--muted)}
:root[data-skin="ember"] .wframe{border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:26px;background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:0 26px 70px -30px rgba(0,0,0,.7)}
:root[data-skin="ember"] .wframe::before,:root[data-skin="ember"] .wframe::after{background:repeating-conic-gradient(color-mix(in srgb,var(--accent2,var(--accent)) 20%,transparent) 0 25%,transparent 0 50%) 0 0/30px 30px;-webkit-mask:linear-gradient(135deg,#000,transparent 70%);mask:linear-gradient(135deg,#000,transparent 70%)}
:root[data-skin="ember"] .wsteps i{border-radius:99px;background:color-mix(in srgb,var(--ink) 16%,transparent)}
:root[data-skin="ember"] .wsteps i.on{background:var(--accent)}
:root[data-skin="ember"] .wcount{color:var(--muted)}
:root[data-skin="ember"] .wopt{border:1px solid var(--line2);background:color-mix(in srgb,var(--surface2) 80%,transparent);color:var(--ink);border-radius:18px}
:root[data-skin="ember"] .wopt:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line2))}
:root[data-skin="ember"] .wopt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
:root[data-skin="ember"] .wico{border-radius:14px;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--accent)}
:root[data-skin="ember"] .wtxt small{color:var(--muted)}
:root[data-skin="ember"] .wradio{border-radius:50%;border:1.6px solid var(--muted)}
:root[data-skin="ember"] .wopt.on .wradio{border-color:var(--accent)}
:root[data-skin="ember"] .wopt.on .wradio::after{border-radius:50%;background:var(--accent)}
:root[data-skin="ember"] .wtall .wico{border:0;background:none}
:root[data-skin="ember"] .wrule{color:var(--accent)}
:root[data-skin="ember"] .wrule i{background:color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-skin="ember"] .wbadge{border-radius:50%;border:1.5px solid var(--accent);color:var(--accent)}
:root[data-skin="ember"] .wlabel{color:var(--muted)}
:root[data-skin="ember"] .wfield .winput{border-radius:16px}
:root[data-skin="ember"] .wcheck{color:var(--accent)}
:root[data-skin="ember"] .wfield.ok .winput{border-color:var(--accent)}
:root[data-skin="ember"] .toast{border-radius:999px;color:var(--btn-ink);background:var(--btn-bg);box-shadow:var(--shadow)}
:root[data-skin="ember"] .pseudo{color:var(--muted)}
:root[data-skin="ember"] .pseudo b{color:var(--accent)}
:root[data-skin="ember"] .pill{background:var(--surface2);border:1px solid var(--line);border-radius:10px}
:root[data-skin="ember"] .live{border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}
:root[data-skin="ember"] .rank{border-radius:14px}
:root[data-skin="ember"] .rank:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:root[data-skin="ember"] .badge{filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
:root[data-skin="ember"] .rtitle{color:var(--ink)}
:root[data-skin="ember"] .xp{color:var(--muted)}
:root[data-skin="ember"] .xpbar{border-radius:99px;background:var(--line2)}
:root[data-skin="ember"] .xpbar i{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
:root[data-skin="ember"] .ibtn{border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--muted)}
:root[data-skin="ember"] .ibtn[aria-pressed="true"]{color:var(--ink);border-color:var(--line2)}
:root[data-skin="ember"] .ibtn .dotc{border-radius:50%;background:var(--faint)}
:root[data-skin="ember"] .ibtn[aria-pressed="true"] .dotc{background:var(--good);box-shadow:0 0 6px var(--good)}
:root[data-skin="ember"] .ibtn.skin{color:var(--ink);border-color:var(--line2)}
:root[data-skin="ember"] .sw{border-radius:5px;background:linear-gradient(135deg,var(--accent) 50%,var(--accent2) 50%);border:1px solid var(--line2)}
:root[data-skin="ember"] .hero{border-radius:calc(var(--radius) + 6px);background:var(--hero-bg);border:1px solid var(--line)}
:root[data-skin="ember"] .hero-top{color:var(--muted)}
:root[data-skin="ember"] .hero.mission{background:var(--hero-bg)}
:root[data-skin="ember"] .hero.mission::before{background-image:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent) 0%,color-mix(in srgb,var(--bg) 82%,transparent) 62%,color-mix(in srgb,var(--bg) 94%,transparent) 100%),var(--hart);background-size:cover;background-position:center 30%}
:root[data-skin="ember"] .hero.mission .hlabel{color:var(--ink)}
:root[data-skin="ember"] .hero.mission .status{background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px}
:root[data-skin="ember"] .hdots i{border-radius:50%;background:color-mix(in srgb,var(--muted) 45%,transparent)}
:root[data-skin="ember"] .hdots i.done{background:var(--accent)}
:root[data-skin="ember"] .hdots i.cur{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent),0 0 14px var(--accent)}
:root[data-skin="ember"] .bars i{border-radius:2px;background:var(--accent)}
:root[data-skin="ember"] .status{color:var(--ink)}
:root[data-skin="ember"] .rec{border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}
:root[data-skin="ember"] .rec.red{background:var(--bad);box-shadow:0 0 8px var(--bad)}
:root[data-skin="ember"] .lines .faint{color:var(--muted)}
:root[data-skin="ember"] .lines .main{color:var(--ink)}
:root[data-skin="ember"] .lines .threat{color:var(--muted)}
:root[data-skin="ember"] .lines .threat.hot{color:var(--bad)}
:root[data-skin="ember"] .mv{border-radius:8px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
:root[data-skin="ember"] .mv.last{color:var(--ink);border-color:var(--accent)}
:root[data-skin="ember"] .frame{background:var(--frame-bg);border:1px solid var(--frame-line);border-radius:var(--radius);box-shadow:var(--shadow)}
:root[data-skin="ember"] #board{border-radius:6px}
:root[data-skin="ember"] .sq{border:0}
:root[data-skin="ember"] .sq.light{background:var(--light-bg)}
:root[data-skin="ember"] .sq.dark{background:var(--dark-bg)}
:root[data-skin="ember"] .sq.last::before{background:rgba(184,130,106,.36)}
:root[data-skin="ember"] .sq.sel{box-shadow:inset 0 0 0 .8cqw var(--accent),inset 0 0 3.5cqw color-mix(in srgb,var(--accent) 65%,transparent)}
:root[data-skin="ember"] .sq.sel .pc{filter:drop-shadow(0 1.2cqw .8cqw rgba(0,0,0,.4))}
:root[data-skin="ember"] .sq.check::before{background:radial-gradient(circle,color-mix(in srgb,var(--bad) 90%,transparent) 0%,color-mix(in srgb,var(--bad) 30%,transparent) 55%,transparent 75%),color-mix(in srgb,var(--bad) 22%,transparent)}
:root[data-skin="ember"] .sq.hint::after{border-radius:12%;border:.8cqw solid #ff7a2f}
:root[data-skin="ember"] .sq.focus-piece::after{border-radius:50%;border:.6cqw dashed var(--accent)}
:root[data-skin="ember"] .sq.mark::after{background:rgba(61,123,224,.36)}
:root[data-skin="ember"] .pc.w{color:var(--pw);text-shadow:1px 1px 0 var(--pw-line),-1px -1px 0 var(--pw-line),1px -1px 0 var(--pw-line),-1px 1px 0 var(--pw-line),0 1px 0 var(--pw-line),0 -1px 0 var(--pw-line),1px 0 0 var(--pw-line),-1px 0 0 var(--pw-line),0 0 12px var(--pw-glow),0 3px 3px rgba(0,0,0,.25)}
:root[data-skin="ember"] .pc.b{color:var(--pb);text-shadow:1px 1px 0 var(--pb-line),-1px -1px 0 var(--pb-line),1px -1px 0 var(--pb-line),-1px 1px 0 var(--pb-line),0 0 12px var(--pb-glow),0 3px 3px rgba(0,0,0,.25)}
:root[data-skin="ember"] .pc.ghost{filter:grayscale(1);text-shadow:none}
:root[data-skin="ember"] .tile{border-radius:14%;background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 0 0 .45cqw color-mix(in srgb,var(--accent) 80%,transparent),0 0 1.8cqw color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-skin="ember"] .tile.cap{background:radial-gradient(circle,transparent 50%,rgba(255,74,58,.4) 52%);box-shadow:inset 0 0 0 .5cqw rgba(255,74,58,.95),0 0 2cqw rgba(255,74,58,.6)}
:root[data-skin="ember"] .dot{border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff,var(--accent) 62%);box-shadow:0 0 0 .4cqw color-mix(in srgb,var(--accent) 35%,transparent),0 0 2cqw var(--accent)}
:root[data-skin="ember"] .ring{border-radius:50%;border:.6cqw dashed rgba(255,74,58,.95);box-shadow:0 0 1.6cqw rgba(255,74,58,.7)}
:root[data-skin="ember"] .tile::after{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 6px var(--accent)}
:root[data-skin="ember"] .coord.hot{color:var(--accent)!important;text-shadow:0 0 6px var(--accent),0 0 2px #000}
:root[data-skin="ember"] .sq.light .coord{color:var(--coord-l)}
:root[data-skin="ember"] .sq.dark .coord{color:var(--coord-d)}
:root[data-skin="ember"] .tbtn{border:0;background:var(--tb-bg);color:var(--tb-ink);border-radius:999px}
:root[data-skin="ember"] .turn{color:var(--tb-ink)}
:root[data-skin="ember"] .turn i{border-radius:50%;border:2px solid var(--tb-ink)}
:root[data-skin="ember"] .demo-bar{background:rgba(8,8,10,.88);color:#fff;border-radius:14px}
:root[data-skin="ember"] .demo-bar button{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:999px}
:root[data-skin="ember"] .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
:root[data-skin="ember"] .tabs{background:var(--surface2);border:1px solid var(--line);border-radius:14px}
:root[data-skin="ember"] .tab{border:0;background:transparent;color:var(--muted);border-radius:10px}
:root[data-skin="ember"] .tab.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line2)}
:root[data-skin="ember"] .panel .sub{color:var(--muted)}
:root[data-skin="ember"] .step-dot{border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--muted)}
:root[data-skin="ember"] .step-dot.cur{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
:root[data-skin="ember"] .step-dot.done:not(.cur){color:var(--good)}
:root[data-skin="ember"] .task{background:var(--surface2);border:1px solid var(--line);border-radius:16px}
:root[data-skin="ember"] .opt{border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:12px}
:root[data-skin="ember"] .opt:hover:not(:disabled){border-color:var(--accent)}
:root[data-skin="ember"] .opt.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 16%,transparent)}
:root[data-skin="ember"] .opt.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}
:root[data-skin="ember"] .opt small{color:var(--muted)}
:root[data-skin="ember"] .explain{color:var(--muted)}
:root[data-skin="ember"] .explain b{color:var(--ink)}
:root[data-skin="ember"] .nextmods p{color:var(--muted)}
:root[data-skin="ember"] .timer .tbar{border-radius:99px;background:var(--line2)}
:root[data-skin="ember"] .timer .tbar i{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
:root[data-skin="ember"] .timer.low{color:var(--bad)}
:root[data-skin="ember"] .timer.low .tbar i{background:var(--bad)}
:root[data-skin="ember"] .app.panic .hero{box-shadow:0 0 0 2px var(--bad),0 0 30px color-mix(in srgb,var(--bad) 45%,transparent)}
:root[data-skin="ember"] .msg{border-radius:12px;border:1px solid transparent}
:root[data-skin="ember"] .msg.bad{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,transparent)}
:root[data-skin="ember"] .msg.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
:root[data-skin="ember"] .msg.ok{background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good);border-color:color-mix(in srgb,var(--good) 25%,transparent)}
:root[data-skin="ember"] .btn{border:1px solid var(--line2);background:var(--surface2);color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .btn.primary{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-border)}
:root[data-skin="ember"] .toggle{color:var(--muted)}
:root[data-skin="ember"] .bubble{border-radius:16px}
:root[data-skin="ember"] .bubble.me{background:var(--btn-bg);color:var(--btn-ink);border-bottom-right-radius:5px}
:root[data-skin="ember"] .bubble.coach{background:var(--surface2);border:1px solid var(--line);border-bottom-left-radius:5px}
:root[data-skin="ember"] .bubble.err{color:var(--bad)}
:root[data-skin="ember"] .bubble.wait{color:var(--muted)}
:root[data-skin="ember"] .demo-btn{border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .suggest button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px}
:root[data-skin="ember"] .ask textarea{border:1px solid var(--line2);border-radius:16px;background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .ask textarea::placeholder{color:var(--muted)}
:root[data-skin="ember"] .ask textarea:focus{outline:none;border-color:var(--accent)}
:root[data-skin="ember"] .sec-head span{color:var(--muted)}
:root[data-skin="ember"] .phero{border-radius:22px;border:1px solid var(--line2);background:var(--hero-bg)}
:root[data-skin="ember"] .phero-art{background-size:cover;background-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 100%);mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}
:root[data-skin="ember"] .eyebrow{color:var(--muted)}
:root[data-skin="ember"] .phero-sub{color:var(--muted)}
:root[data-skin="ember"] .gbtn{border:1.5px solid var(--accent);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--accent);border-radius:12px}
:root[data-skin="ember"] .gbtn:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-skin="ember"] .cat-search{background:color-mix(in srgb,var(--bg) 50%,transparent);border:1px solid var(--line2);border-radius:12px;color:var(--muted)}
:root[data-skin="ember"] .cat-search:focus-within{border-color:var(--accent)}
:root[data-skin="ember"] .cat-search input{background:transparent;border:0;outline:0;color:var(--ink)}
:root[data-skin="ember"] .chip{border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 40%,transparent);color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .chip:hover{border-color:var(--accent)}
:root[data-skin="ember"] .chip.on{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent}
:root[data-skin="ember"] .pcount{color:var(--muted)}
:root[data-skin="ember"] .cat-empty{color:var(--muted)}
:root[data-skin="ember"] .psec::after{background:linear-gradient(90deg,var(--line2),transparent)}
:root[data-skin="ember"] .lc{color:var(--ink);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--line);border-radius:16px}
:root[data-skin="ember"] .lc:hover:not(.locked){border-color:var(--accent)}
:root[data-skin="ember"] .lc.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
:root[data-skin="ember"] .lc.lc-gm{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--surface)),color-mix(in srgb,var(--accent) 7%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
:root[data-skin="ember"] .lc.lc-gm .pc-body b,:root[data-skin="ember"] .lc.lc-gm .pc-top small{color:var(--accent)}
:root[data-skin="ember"] .lc.lc-gm .pc-img{border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}
:root[data-skin="ember"] .lc.lc-sb{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 26%,var(--surface)),color-mix(in srgb,var(--accent2) 7%,var(--surface)));border-color:color-mix(in srgb,var(--accent2) 65%,transparent)}
:root[data-skin="ember"] .lc.lc-sb .pc-body b,:root[data-skin="ember"] .lc.lc-sb .pc-top small{color:var(--accent2)}
:root[data-skin="ember"] .lc.lc-sb .pc-img{border-color:var(--accent2)}
:root[data-skin="ember"] .pc-img{border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:var(--surface2)}
:root[data-skin="ember"] .pc-img.lock{color:var(--accent)}
:root[data-skin="ember"] .pc-top small{color:var(--muted)}
:root[data-skin="ember"] .pc-new{color:var(--accent);border:1px solid var(--accent);border-radius:8px}
:root[data-skin="ember"] .pc-desc{color:var(--muted)}
:root[data-skin="ember"] .pc-foot{border-top:1px solid var(--line);color:var(--muted)}
:root[data-skin="ember"] .pc-foot.ok{color:var(--good)}
:root[data-skin="ember"] .pc-foot svg{color:var(--ink)}
:root[data-skin="ember"] .pc-bar{border-radius:3px;background:var(--line)}
:root[data-skin="ember"] .pc-bar i{background:var(--accent)}
:root[data-skin="ember"] .pfeat{color:var(--ink);border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:16px;background:var(--surface)}
:root[data-skin="ember"] .pfeat .pf-art{background-size:cover;background-position:center}
:root[data-skin="ember"] .pfeat::before{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 25%,transparent),color-mix(in srgb,var(--bg) 78%,transparent) 40%,color-mix(in srgb,var(--bg) 55%,transparent))}
:root[data-skin="ember"] .pfeat small{color:var(--accent)}
:root[data-skin="ember"] .pfeat span.sub{color:var(--muted)}
:root[data-skin="ember"] .ptests{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
:root[data-skin="ember"] .ptests .pt-ic{color:var(--accent)}
:root[data-skin="ember"] .ptests .pt-lbl small{color:var(--accent)}
:root[data-skin="ember"] .ptests .pt-lbl span{color:var(--muted)}
:root[data-skin="ember"] .ptests .gbtn em{color:var(--muted)}
@media(max-width:640px){:root[data-skin="ember"] .pfeat .pf-art{background-position:center top}}
:root[data-skin="ember"] .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}
:root[data-skin="ember"] .card:hover:not(.locked){border-color:var(--line2)}
:root[data-skin="ember"] .card.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
:root[data-skin="ember"] .tag{background:var(--surface2);border:1px solid var(--line);border-radius:8px;color:var(--muted)}
:root[data-skin="ember"] .tag.new{color:var(--accent);border-color:var(--accent)}
:root[data-skin="ember"] .meta{color:var(--muted)}
:root[data-skin="ember"] .meta.ok{color:var(--good)}
:root[data-skin="ember"] .card-desc{color:var(--muted)}
:root[data-skin="ember"] .dock{background:color-mix(in srgb,var(--surface2) 92%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:30px;box-shadow:var(--shadow)}
:root[data-skin="ember"] .dbtn{border:0;background:transparent;color:var(--muted);border-radius:14px}
:root[data-skin="ember"] .dbtn.on{color:var(--accent)}
:root[data-skin="ember"] .dbtn.on svg.i{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 70%,transparent))}
:root[data-skin="ember"] .dbtn.on::after{border-radius:2px;background:var(--accent)}
:root[data-skin="ember"] .orb.on .orbsq{box-shadow:0 0 0 4px color-mix(in srgb,var(--surface2) 92%,transparent),0 0 30px color-mix(in srgb,var(--accent) 70%,transparent)}
@media (hover:hover){:root[data-skin="ember"] .dbtn:not(.orb):hover{color:var(--accent)}
:root[data-skin="ember"] .dbtn:not(.orb):hover svg.i{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}
:root[data-skin="ember"] .orb:hover .orbsq{filter:brightness(1.12) saturate(1.1);box-shadow:0 0 0 4px color-mix(in srgb,var(--surface2) 92%,transparent),0 0 38px color-mix(in srgb,var(--accent) 85%,transparent),0 0 70px color-mix(in srgb,var(--accent) 35%,transparent)}}
:root[data-skin="ember"] .dbtn:hover{color:var(--ink)}
:root[data-skin="ember"] .orb{color:var(--accent)}
:root[data-skin="ember"] .orbsq{border-radius:17px;background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--surface2) 92%,transparent),0 0 24px color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-skin="ember"] .orb span{color:var(--accent)}
:root[data-skin="ember"] .modal.wide #mIcon:has(svg){border-radius:14px;border:1.5px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
:root[data-skin="ember"] .modal.wide:has(.stabs) h3::after{border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}
:root[data-skin="ember"] .stabs .tab.on .tic{color:var(--accent)}
:root[data-skin="ember"] .modal .sec2 h4::after{background:linear-gradient(90deg,var(--accent),transparent)}
:root[data-skin="ember"] .modal .snote{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted)}
:root[data-skin="ember"] .modal .snote::before{border-radius:50%;border:1.5px solid var(--accent);color:var(--accent)}
:root[data-skin="ember"] .tabs .tab.on{border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)}
:root[data-skin="ember"] .tabs .tab.on .tic{color:var(--accent)}
:root[data-skin="ember"] .dcard{background:color-mix(in srgb,var(--surface2) 70%,transparent);border:1px solid var(--line);border-radius:16px}
:root[data-skin="ember"] .dcard h4 b{color:var(--accent)}
:root[data-skin="ember"] .lvrow{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 35%,transparent);color:var(--ink);border-radius:12px}
:root[data-skin="ember"] .lvrow:hover{border-color:var(--accent)}
:root[data-skin="ember"] .lvrow .rd{border-radius:50%;border:1.5px solid var(--muted)}
:root[data-skin="ember"] .lvrow.on{--gold:color-mix(in srgb,var(--accent) 55%,#f9dabe);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 42%,#0b0e0c),color-mix(in srgb,var(--accent) 16%,#0b0e0c));border-color:var(--gold);color:var(--gold);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent),0 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 0 18px -4px var(--accent)}
:root[data-skin="ember"] .lvrow.on .rd{border-color:var(--gold)}
:root[data-skin="ember"] .lvrow.on .rd::after{border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
:root[data-skin="ember"] .lvbars i{border-radius:1px;background:color-mix(in srgb,var(--muted) 40%,transparent)}
:root[data-skin="ember"] .lvbars i.f{background:var(--accent)}
:root[data-skin="ember"] .lvrow.on .lvbars i.f{background:var(--gold);box-shadow:0 0 6px var(--gold)}
:root[data-skin="ember"] .chkrow{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 30%,transparent)}
:root[data-skin="ember"] .chkrow svg{color:var(--muted)}
:root[data-skin="ember"] .dfoot{border-top:1px solid var(--line)}
:root[data-skin="ember"] body.dojo #nextBtn{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
:root[data-skin="ember"] .fr .sub{color:var(--muted)}
:root[data-skin="ember"] .frow input[type=text]{background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--line2);border-radius:12px;color:var(--ink);outline:0}
:root[data-skin="ember"] .frow input[type=text]:focus{border-color:var(--accent)}
:root[data-skin="ember"] .fchip{border:1px solid var(--line2);background:transparent;color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .fchip small{color:var(--muted)}
:root[data-skin="ember"] .fchip:hover,:root[data-skin="ember"] .fchip.on{border-color:var(--accent);color:var(--accent)}
:root[data-skin="ember"] .fchip.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin="ember"] .fset{color:var(--muted)}
:root[data-skin="ember"] .room{border:1.5px solid var(--accent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--accent) 4%,var(--surface)))}
:root[data-skin="ember"] .room .rc{color:var(--accent)}
:root[data-skin="ember"] .room small{color:var(--muted)}
:root[data-skin="ember"] .fnote{color:var(--muted)}
:root[data-skin="ember"] .endico{border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}
:root[data-skin="ember"] .endpill{border:1px solid var(--accent);color:var(--accent);border-radius:999px}
:root[data-skin="ember"] .endlvl{color:var(--muted);border-top:1px solid var(--line)}
:root[data-skin="ember"] .endr{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface2) 55%,transparent)}
:root[data-skin="ember"] .endr h4{color:var(--muted)}
:root[data-skin="ember"] .endacc{color:var(--accent);border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .endq span{color:var(--ink)}
:root[data-skin="ember"] .endrow i{border-radius:50%}
:root[data-skin="ember"] .endrow b{color:var(--accent)}
:root[data-skin="ember"] .endrow em{border-radius:9px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--line)}
:root[data-skin="ember"] .endrow u{border-radius:9px}
:root[data-skin="ember"] .modal.endmodal .actions .btn{border-radius:999px}
:root[data-skin="ember"] .modal.endmodal .actions .btn:not(.primary){background:transparent;border:1px solid var(--line2)}
:root[data-skin="ember"] .modal.endmodal .actions .btn:not(.primary):hover{border-color:var(--accent);color:var(--accent)}
:root[data-skin="ember"] .profile{background:transparent}
:root[data-skin="ember"] .pf-cover{background-size:cover;background-position:center;background-color:var(--surface2)}
:root[data-skin="ember"] .pf-cover::before{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 40%,transparent),color-mix(in srgb,var(--bg) 25%,transparent) 45%,var(--bg))}
:root[data-skin="ember"] .pf-card{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line2);border-radius:20px}
:root[data-skin="ember"] .pf-me{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--good) 10%,var(--surface)) 55%,color-mix(in srgb,var(--surface) 90%,transparent))}
:root[data-skin="ember"] .pf-mebg{border-radius:inherit}
:root[data-skin="ember"] .pf-mebg::before{background-image:var(--mi);background-size:cover;background-position:center 30%;-webkit-mask-image:linear-gradient(0deg,#000 20%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 20%,transparent);mask-image:linear-gradient(0deg,#000 20%,transparent)}
:root[data-skin="ember"] .pf-avw .laurel{color:color-mix(in srgb,var(--good) 75%,var(--bg))}
:root[data-skin="ember"] .pf-hex2{color:var(--accent);background:color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .pf-hex2::before{background:var(--surface2)}
:root[data-skin="ember"] .pf-hex2 svg{fill:currentColor;stroke:none}
:root[data-skin="ember"] .pf-av{border-radius:50%;border:3px solid var(--accent);background-size:cover;background-position:center;box-shadow:0 0 0 5px color-mix(in srgb,var(--bg) 90%,transparent),0 8px 30px rgba(0,0,0,.4);background-color:var(--surface2)}
:root[data-skin="ember"] .pf-pen{border-radius:50%;border:1.5px solid var(--accent);background:var(--surface2);color:var(--accent)}
:root[data-skin="ember"] .pf-handle{color:var(--muted)}
:root[data-skin="ember"] .pf-rank{border:1.5px solid var(--accent);color:var(--accent);border-radius:999px}
:root[data-skin="ember"] .pf-bar{border-radius:8px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--line2)}
:root[data-skin="ember"] .pf-bar i{background:var(--btn-bg)}
:root[data-skin="ember"] .pf-btn{border-radius:12px;border:1.5px solid var(--accent);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .pf-btn.gold{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent}
:root[data-skin="ember"] .pf-btn:hover:not(.gold){background:color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin="ember"] .pf-edcover{border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--ink);border-radius:12px}
:root[data-skin="ember"] .pf-edcover svg{color:var(--accent)}
:root[data-skin="ember"] .pf-edcover:hover{border-color:var(--accent)}
:root[data-skin="ember"] .pf-stat{border:1px solid var(--line2);border-radius:16px;background-size:cover;background-position:center}
:root[data-skin="ember"] .pf-stat::before{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 70%,transparent))}
:root[data-skin="ember"] .pf-stat svg{color:var(--accent)}
:root[data-skin="ember"] .pf-stat span{color:var(--muted)}
:root[data-skin="ember"] .pf-tabs{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .pf-tab{border:0;background:transparent;color:var(--muted);border-bottom:2px solid transparent}
:root[data-skin="ember"] .pf-tab.on{color:var(--accent);border-bottom-color:var(--accent)}
:root[data-skin="ember"] .pf-tab:hover{color:var(--ink)}
:root[data-skin="ember"] .pf-sec{border:1px solid var(--line2);border-radius:18px;background:color-mix(in srgb,var(--surface) 85%,transparent)}
:root[data-skin="ember"] .pf-sec.art::before{background-image:var(--pa);background-size:cover;background-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
:root[data-skin="ember"] .pf-sec .sub{color:var(--muted)}
:root[data-skin="ember"] .pf-link{border:0;background:transparent;color:var(--ink)}
:root[data-skin="ember"] .pf-link:hover{color:var(--accent)}
:root[data-skin="ember"] .pf-pil{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
:root[data-skin="ember"] .pf-pil p{color:var(--muted)}
:root[data-skin="ember"] .pf-segs i{border-radius:5px;background:color-mix(in srgb,var(--muted) 30%,transparent)}
:root[data-skin="ember"] .pf-segs i.f{background:var(--good)}
:root[data-skin="ember"] .pf-segs i.h{background:linear-gradient(90deg,var(--good) 50%,color-mix(in srgb,var(--muted) 30%,transparent) 50%)}
:root[data-skin="ember"] .pf-row{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 35%,transparent);color:var(--ink)}
:root[data-skin="ember"] button.pf-row:hover{border-color:var(--accent)}
:root[data-skin="ember"] .pf-row .th{border-radius:10px;background-size:cover;background-position:center;border:1px solid var(--line2)}
:root[data-skin="ember"] .pf-row .ico{border-radius:50%;border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
:root[data-skin="ember"] .pf-row .tx small{color:var(--muted)}
:root[data-skin="ember"] .pf-win{color:var(--good)}
:root[data-skin="ember"] .pf-loss{color:var(--bad)}
:root[data-skin="ember"] .pf-draw{color:var(--muted)}
:root[data-skin="ember"] .pf-badge{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 30%,transparent)}
:root[data-skin="ember"] .pf-badge.on{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-skin="ember"] .pf-hex{color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 26%,var(--surface2)),color-mix(in srgb,var(--accent) 6%,var(--surface2)))}
:root[data-skin="ember"] .pf-hex::before{background:var(--surface)}
:root[data-skin="ember"] .pf-badge:not(.on) .pf-hex{filter:grayscale(1) brightness(.75)}
:root[data-skin="ember"] .pf-badge small{color:var(--muted)}
:root[data-skin="ember"] .pf-badge .bp{border-radius:5px;background:color-mix(in srgb,var(--muted) 30%,transparent)}
:root[data-skin="ember"] .pf-badge .bp i{background:var(--accent)}
:root[data-skin="ember"] .pf-badge .got{color:var(--good)}
:root[data-skin="ember"] .pf-prow span:last-child{color:var(--muted)}
:root[data-skin="ember"] .pf-empty{color:var(--muted)}
:root[data-skin="ember"] .pf-demo{color:var(--muted)}
:root[data-skin="ember"] .pf-pick button{border:2px solid var(--line2);border-radius:12px;background-size:cover;background-position:center}
:root[data-skin="ember"] .pf-pick button:hover,:root[data-skin="ember"] .pf-pick button.on{border-color:var(--accent)}
:root[data-skin="ember"] .pf-field span{color:var(--muted)}
:root[data-skin="ember"] .pf-field input,:root[data-skin="ember"] .pf-field textarea{background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--line2);border-radius:12px;color:var(--ink);outline:0}
:root[data-skin="ember"] .pf-field input:focus,:root[data-skin="ember"] .pf-field textarea:focus{border-color:var(--accent)}
:root[data-skin="ember"] .dsdesc{color:var(--muted)}
:root[data-skin="ember"] .modal .gback{border:1.5px solid var(--accent);color:var(--accent)}
:root[data-skin="ember"] .gmodes{border:1px solid var(--line2);border-radius:14px;background:var(--surface2)}
:root[data-skin="ember"] .gmodes button{border:0;background:transparent;color:var(--muted);border-radius:10px}
:root[data-skin="ember"] .gmodes button:hover{color:var(--ink)}
:root[data-skin="ember"] .gmodes button.on{background:var(--btn-bg);color:var(--btn-ink)}
:root[data-skin="ember"] .qlv{border:1px solid var(--line2);border-radius:12px;background:var(--surface2)}
:root[data-skin="ember"] .qlv small{color:var(--muted)}
:root[data-skin="ember"] .qav{border-radius:50%;color:var(--btn-ink);background:var(--btn-bg);border:2px solid var(--accent)}
:root[data-skin="ember"] .qspin{border-radius:50%;border:3px solid var(--line2);border-top-color:var(--accent)}
:root[data-skin="ember"] .pf-st{border:1px solid var(--line2);border-radius:14px;background:var(--surface2)}
:root[data-skin="ember"] .pf-st b{color:var(--accent)}
:root[data-skin="ember"] .pf-st span{color:var(--muted)}
:root[data-skin="ember"] .pf-leg{color:var(--muted)}
:root[data-skin="ember"] .pf-leg i{border-radius:50%}
:root[data-skin="ember"] .pf-leg i.bar{border-radius:2px;background:var(--accent)}
:root[data-skin="ember"] .pf-det{color:var(--muted)}
:root[data-skin="ember"] .pf-tbl{border-collapse:collapse;color:var(--ink)}
:root[data-skin="ember"] .pf-tbl th,:root[data-skin="ember"] .pf-tbl td{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .pf-op{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .pf-op .ct{color:var(--muted)}
:root[data-skin="ember"] .pf-op .stk{border-radius:99px;background:var(--line)}
:root[data-skin="ember"] .rpb{border-radius:8px;border:2px solid var(--line2)}
:root[data-skin="ember"] .rpev{border-radius:7px;background:#15181a;border:1px solid var(--line2)}
:root[data-skin="ember"] .rpev i{background:#f3ece5}
:root[data-skin="ember"] .rpcap span{color:var(--muted)}
:root[data-skin="ember"] .rpcap .rpq{color:var(--accent)}
:root[data-skin="ember"] .rpmv{border:1px solid var(--line2);border-radius:12px;background:var(--surface2)}
:root[data-skin="ember"] .rpm{border:0;background:transparent;color:var(--ink);border-radius:8px}
:root[data-skin="ember"] .rpm .n{color:var(--muted)}
:root[data-skin="ember"] .rpm:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin="ember"] .rpm.on{background:var(--accent);color:var(--btn-ink)}
:root[data-skin="ember"] .rpm .q{border-radius:50%;background:var(--muted)}
:root[data-skin="ember"] .q.q5,:root[data-skin="ember"] .q.q4{background:var(--good)}
:root[data-skin="ember"] .q.q2,:root[data-skin="ember"] .q.q1{background:var(--bad)}
:root[data-skin="ember"] .q.q3{background:var(--muted)}
:root[data-skin="ember"] .modal .actions{background:linear-gradient(to bottom,transparent,var(--surface) 38%)}
:root[data-skin="ember"] #tacbar{border-radius:999px;background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow)}
:root[data-skin="ember"] #tacbar b{color:var(--accent)}
:root[data-skin="ember"] .overlay{background:rgba(0,0,0,.55)}
:root[data-skin="ember"] .modal{background:var(--surface2);background-image:linear-gradient(var(--surface),var(--surface));color:var(--ink);border:1px solid var(--line2);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow)}
:root[data-skin="ember"] .modal::before{background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}
:root[data-skin="ember"] .mascot{border-radius:16px;background:var(--surface2);border:1px solid var(--line2)}
:root[data-skin="ember"] .modal .rule{background:var(--surface2);border:1px solid var(--line2);border-radius:14px}
:root[data-skin="ember"] .skinc{border:1px solid var(--line2);border-radius:16px;color:#fff}
:root[data-skin="ember"] .skinc.on{outline:2px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] .skinc .mini{border-radius:8px}
:root[data-skin="ember"] .skinc .badge-main{border-radius:6px;background:rgba(0,0,0,.55);color:#fff}
:root[data-skin="ember"] .portal i{border-radius:50%;background:conic-gradient(from 0deg,var(--p1),var(--p2),#fff,var(--p1),var(--p2),var(--p1));filter:blur(8px);mask:radial-gradient(circle,transparent 0 8%,#000 30%);-webkit-mask:radial-gradient(circle,transparent 0 8%,#000 30%)}
:root[data-skin="ember"] .ibtn.d3[aria-pressed="true"]{color:var(--accent-ink);background:var(--btn-bg);border-color:transparent}
:root[data-skin="ember"] .ibtn.d3[aria-pressed="true"] .dotc{background:currentColor;box-shadow:none}
:root[data-skin="ember"] #view3d{border-radius:8px;background:#000}
:root[data-skin="ember"] .load3d{color:#fff;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 60%)}
:root[data-skin="ember"] .hud3d .tip{color:#fff;background:rgba(0,0,0,.5);border-radius:9px}
:root[data-skin="ember"] .hud3d button{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.5);color:#fff;border-radius:10px}
:root[data-skin="ember"] body.big .frame{border:0;border-radius:0;background:var(--bg-img),var(--bg);box-shadow:none}
:root[data-skin="ember"] body.big #view3d{border-radius:0}
:root[data-skin="ember"] body.big .hero,:root[data-skin="ember"] body.big .panel,:root[data-skin="ember"] body.big .toolbar,:root[data-skin="ember"] body.big .movepanel,:root[data-skin="ember"] body.big .demo-bar{background:color-mix(in srgb,var(--surface) 46%,transparent);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.35)}
:root[data-skin="ember"] body.big .toolbar,:root[data-skin="ember"] body.big .movepanel{border-radius:999px}
:root[data-skin="ember"] body.big .turn{color:var(--ink)}
:root[data-skin="ember"] body.big .turn i{border-color:var(--ink)}
:root[data-skin="ember"] body.big .tbtn{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}
:root[data-skin="ember"] body.big .demo-bar{color:var(--ink)}
:root[data-skin="ember"] body.big .demo-bar button{background:color-mix(in srgb,var(--ink) 15%,transparent);color:var(--ink)}
:root[data-skin="ember"] .rail-h{color:var(--muted)}
:root[data-skin="ember"] .rail-h::after{background:linear-gradient(90deg,var(--line2),transparent)}
:root[data-skin="ember"] .rail .empty{color:var(--muted);border:1px dashed var(--line2);border-radius:18px;background:color-mix(in srgb,var(--surface) 40%,transparent)}
:root[data-skin="ember"] .ccard{--cc:var(--accent);border-radius:20px;color:var(--ink);background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 74%,transparent),color-mix(in srgb,var(--surface) 42%,transparent));border:1px solid color-mix(in srgb,var(--cc) 32%,rgba(255,255,255,.08));box-shadow:0 18px 40px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
:root[data-skin="ember"] .ccard::before{background:radial-gradient(circle,color-mix(in srgb,var(--cc) 50%,transparent),transparent 65%)}
:root[data-skin="ember"] .ccard::after{border-radius:0 3px 3px 0;background:linear-gradient(var(--cc),color-mix(in srgb,var(--cc) 10%,transparent))}
:root[data-skin="ember"] .ccard.best{--cc:#b57c64}
:root[data-skin="ember"] .ccard.neutral{--cc:#eb7134}
:root[data-skin="ember"] .ccard.bad{--cc:#ff4d5e}
:root[data-skin="ember"] .ccard.tip{--cc:var(--accent)}
:root[data-skin="ember"] .ccard.watch{--cc:#ff8a3d}
:root[data-skin="ember"] .ccard.cpu{--cc:#8fa7ff}
:root[data-skin="ember"] .ccard.cpu.danger{--cc:#ff4d5e}
:root[data-skin="ember"] .cico{border-radius:12px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--cc) 80%,#fff),color-mix(in srgb,var(--cc) 75%,#000));box-shadow:0 8px 18px -8px var(--cc),inset 0 1px 0 rgba(255,255,255,.35)}
:root[data-skin="ember"] .ctit small{color:var(--cc)}
:root[data-skin="ember"] .meter i{border-radius:3px;background:color-mix(in srgb,var(--ink) 14%,transparent)}
:root[data-skin="ember"] .meter i.on{background:var(--cc);box-shadow:0 0 8px color-mix(in srgb,var(--cc) 70%,transparent)}
:root[data-skin="ember"] .ccard .mv{border-radius:8px;background:color-mix(in srgb,var(--cc) 18%,transparent);border:1px solid color-mix(in srgb,var(--cc) 38%,transparent)}
:root[data-skin="ember"] .ccard li{border-radius:11px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
:root[data-skin="ember"] .ccard .ev{color:var(--muted)}
:root[data-skin="ember"] .ccard .adv{border-radius:11px;background:color-mix(in srgb,var(--cc) 14%,transparent)}
:root[data-skin="ember"] .ccard .cx{border:0;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--muted);border-radius:7px}
:root[data-skin="ember"] .ccard .cbtns button{border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);background:color-mix(in srgb,var(--cc) 15%,transparent);color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .tbar{border-radius:16px;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--surface) 50%,transparent));border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.1));box-shadow:0 12px 30px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}
:root[data-skin="ember"] .tbar{--tc:var(--accent)}
:root[data-skin="ember"] .tbar.t30{--tc:#eb6e30;border-color:#eb6e30}
:root[data-skin="ember"] .tbar.t10{--tc:#ff5a1f;border-color:#ff5a1f;box-shadow:0 0 0 1px #ff5a1f,0 0 22px rgba(255,90,31,.45)}
:root[data-skin="ember"] .tbar.t5{--tc:#ff1a1a;border-color:#ff1a1a;box-shadow:0 0 0 2px #ff1a1a,0 0 34px rgba(255,0,0,.65)}
:root[data-skin="ember"] .tbar.t30 b,:root[data-skin="ember"] .tbar.t10 b,:root[data-skin="ember"] .tbar.t5 b{color:var(--tc)}
:root[data-skin="ember"] .tbar .hg{color:var(--tc,var(--accent))}
:root[data-skin="ember"] .hgs polygon{fill:currentColor}
:root[data-skin="ember"] .hgs .flow{stroke:currentColor}
:root[data-skin="ember"] .tbar .tl{color:var(--muted)}
:root[data-skin="ember"] .tbar .tprog{border-radius:99px;background:color-mix(in srgb,var(--ink) 14%,transparent)}
:root[data-skin="ember"] .tbar .tprog i{border-radius:99px;background:linear-gradient(90deg,var(--tc,var(--accent)),color-mix(in srgb,var(--tc,var(--accent)) 50%,#fff))}
:root[data-skin="ember"] .tbar.low{--tc:var(--bad);border-color:var(--bad)}
:root[data-skin="ember"] .tbar.low b{color:var(--bad)}
:root[data-skin="ember"] .starbar i{color:color-mix(in srgb,var(--ink) 22%,transparent)}
:root[data-skin="ember"] .starbar i.got{color:#ed834e;text-shadow:0 0 10px rgba(237,131,78,.7)}
:root[data-skin="ember"] .starbar i.cur{color:#ed834e}
:root[data-skin="ember"] .starbar small{color:var(--muted)}
:root[data-skin="ember"] .mav{border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent),0 8px 18px rgba(0,0,0,.35)}
:root[data-skin="ember"] .mbub{border-radius:16px 16px 16px 4px;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface) 55%,transparent));border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.1));box-shadow:0 10px 26px -12px rgba(0,0,0,.5)}
:root[data-skin="ember"] .mbub b{color:var(--accent)}
:root[data-skin="ember"] .mmute{border:0;background:var(--tb-bg);color:var(--tb-ink);border-radius:10px}
:root[data-skin="ember"] .tbtn .ldot{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
:root[data-skin="ember"] .tbtn .ldot.red{background:#ff3b30}
:root[data-skin="ember"] .tbtn .ldot.green{background:#a96c51}
:root[data-skin="ember"] .tbtn.on .ldot{box-shadow:0 0 8px currentColor}
:root[data-skin="ember"] .tbtn.on{outline:1px solid color-mix(in srgb,var(--tb-ink) 40%,transparent)}
:root[data-skin="ember"] .popmenu{border-radius:22px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line2);box-shadow:var(--shadow)}
:root[data-skin="ember"] .popmenu b{color:var(--ink)}
:root[data-skin="ember"] .popmenu button{border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink)}
:root[data-skin="ember"] .popmenu button.on{background:var(--btn-bg);color:var(--btn-ink)}
:root[data-skin="ember"] .srow{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .srow small{color:var(--muted)}
:root[data-skin="ember"] .sw2{border-radius:99px;background:color-mix(in srgb,var(--ink) 18%,transparent)}
:root[data-skin="ember"] .sw2::after{border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
:root[data-skin="ember"] .sw2:checked{background:var(--accent)}
:root[data-skin="ember"] .sq.check{box-shadow:inset 0 0 0 .5cqw var(--bad)}
:root[data-skin="ember"] .avcard{border-radius:18px;background:var(--surface2);border:1px solid var(--line)}
:root[data-skin="ember"] .avcard small{color:var(--muted)}
:root[data-skin="ember"] .mav.you{box-shadow:none}
:root[data-skin="ember"] body.big{--sh:100vh;--bs:min(calc(var(--sh) - 136px),calc(100vw - 660px));--sidew:min(400px,calc((100vw - var(--bs)) / 2 - 28px))}
@supports (height:100dvh){:root[data-skin="ember"] body.big{--sh:100dvh}}
:root[data-skin="ember"] body.big .toolbar,:root[data-skin="ember"] body.big .movepanel{border-radius:18px}
@media (max-width:860px){:root[data-skin="ember"] body.big{--bs:min(94vw,48vh)}}
:root[data-skin="ember"] body.siren::after{box-shadow:inset 0 0 140px 40px rgba(255,0,40,.6)}
:root[data-skin="ember"] .racechip{border-radius:999px;background:var(--tb-bg);color:var(--tb-ink)}
:root[data-skin="ember"] .racechip.low{background:var(--bad);color:#fff}
:root[data-skin="ember"] .pagefx i.d1{background:radial-gradient(120% 140% at 50% 100%,color-mix(in srgb,var(--accent) 38%,var(--bg)),var(--bg) 70%)}
:root[data-skin="ember"] .pagefx i.d2{background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--accent) 38%,var(--bg)),var(--bg) 70%)}
:root[data-skin="ember"] .pagefx .seam{background:linear-gradient(90deg,transparent,var(--accent),#fff,var(--accent),transparent);box-shadow:0 0 30px 6px var(--accent)}
:root[data-skin="ember"] .pagefx b{color:var(--ink);text-shadow:0 0 28px var(--accent)}
:root[data-skin="ember"] .pagefx small{color:var(--muted)}
:root[data-skin="ember"] .ibtn.dojo{color:var(--btn-ink);background:var(--btn-bg);border-color:transparent}
:root[data-skin="ember"] .lvl button{border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .lvl button.on{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent}
:root[data-skin="ember"] .evrow{color:var(--muted)}
:root[data-skin="ember"] .evrow b{color:var(--ink)}
:root[data-skin="ember"] .evalbar{border-radius:99px;background:#151515;border:1px solid var(--line2)}
:root[data-skin="ember"] .evalbar i{background:linear-gradient(90deg,#ffffff,#e8e8e8)}
:root[data-skin="ember"] .fd{border-radius:10px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line2);color:var(--ink)}
:root[data-skin="ember"] .fd.best{border-left-color:var(--good)}
:root[data-skin="ember"] .fd.neutral{border-left-color:var(--warn)}
:root[data-skin="ember"] .fd.bad{border-left-color:var(--bad)}
:root[data-skin="ember"] .fd.cpu{border-left-color:transparent}
:root[data-skin="ember"] .fd .stars{color:#ed834e}
:root[data-skin="ember"] .fd small{color:var(--muted)}
@media (min-width:861px){:root[data-skin="ember"] body.timer-on{--tbh:68px}
:root[data-skin="ember"] body.race-on{--rbh:68px}}
:root[data-skin="ember"] .btn.save{background:linear-gradient(180deg,#b9846d,#865540);color:#1b120e;border-color:transparent}
:root[data-skin="ember"] .btn.ghostbtn{background:transparent;color:var(--muted);border-color:var(--line2)}
:root[data-skin="ember"] .btn.danger{background:#d6382e;color:#fff;border-color:transparent}
:root[data-skin="ember"] .rsph{border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 68%,#fff) 0,var(--c) 52%,color-mix(in srgb,var(--c) 60%,#000) 100%);border:1.5px solid color-mix(in srgb,var(--c) 50%,#fff);box-shadow:inset 0 -.14em .22em rgba(0,0,0,.4),inset 0 .1em .16em rgba(255,255,255,.55),0 .1em .3em rgba(0,0,0,.55),0 0 .6em color-mix(in srgb,var(--c) 50%,transparent)}
:root[data-skin="ember"] .rsph::before{border-radius:50%;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,0))}
:root[data-skin="ember"] .rsph::after{border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.35),transparent 70%)}
:root[data-skin="ember"] .rsph b{text-shadow:0 1px 0 rgba(0,0,0,.35),0 .06em .12em rgba(0,0,0,.55)}
:root[data-skin="ember"] .ref-bubble{--c:#e96523;border-radius:50%!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.5);border:1.5px solid color-mix(in srgb,var(--c) 50%,#fff)!important;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 68%,#fff) 0,var(--c) 52%,color-mix(in srgb,var(--c) 60%,#000) 100%)!important;box-shadow:inset 0 -3px 5px rgba(0,0,0,.4),inset 0 2px 3px rgba(255,255,255,.55),0 2px 6px rgba(0,0,0,.5),0 0 14px 3px rgba(235,112,50,.7)}
:root[data-skin="ember"] .ref-bubble::before{border-radius:50%;background:linear-gradient(to bottom,rgba(255,255,255,.85),rgba(255,255,255,0))}
:root[data-skin="ember"] .ref-bubble:not(.on){filter:saturate(.5) brightness(.85);box-shadow:inset 0 -3px 5px rgba(0,0,0,.4),inset 0 2px 3px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.4)}
:root[data-skin="ember"] .ref-badge{filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}
:root[data-skin="ember"] .refsl{outline:none}
:root[data-skin="ember"] .refsl .rs-track{border-radius:99px;background:color-mix(in srgb,var(--ink) 14%,transparent);box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}
:root[data-skin="ember"] .refsl .rs-fill{border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,#000),var(--accent))}
:root[data-skin="ember"] .refsl .rs-dot{border-radius:50%;background:color-mix(in srgb,var(--ink) 45%,transparent)}
:root[data-skin="ember"] .refsl .rs-thumb{border-radius:50%;background:radial-gradient(circle at 40% 32%,#fae1cb,var(--accent) 55%,color-mix(in srgb,var(--accent) 55%,#000));border:2px solid color-mix(in srgb,var(--accent) 45%,#fff);box-shadow:0 2px 6px rgba(0,0,0,.55),inset 0 -2px 3px rgba(0,0,0,.3)}
:root[data-skin="ember"] .refsl:focus-visible .rs-thumb{outline:2px solid var(--ink);outline-offset:2px}
:root[data-skin="ember"] .refsl .rs-stops button{background:none;border:0;color:var(--ink2,var(--ink))}
:root[data-skin="ember"] .refsl .rs-stops button.on{color:var(--accent)}
:root[data-skin="ember"] .snote{color:var(--muted)}
:root[data-skin="ember"] .hintro{color:var(--muted)}
:root[data-skin="ember"] .hh{color:var(--accent)}
:root[data-skin="ember"] .hrow{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .hy{color:var(--accent)}
:root[data-skin="ember"] .hw em{color:var(--muted)}
:root[data-skin="ember"] .hv{color:var(--muted)}
:root[data-skin="ember"] .hrow p{color:var(--muted)}
:root[data-skin="ember"] .hloc{color:var(--muted)}
:root[data-skin="ember"] .evs{border-radius:99px}
:root[data-skin="ember"] .evs.done{background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--muted)}
:root[data-skin="ember"] .evs.soon{background:color-mix(in srgb,var(--good) 22%,transparent);color:var(--good)}
:root[data-skin="ember"] .evs.tbc{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
:root[data-skin="ember"] .promofx .pring{border-radius:50%;border:3px solid var(--accent);box-shadow:0 0 30px var(--accent),inset 0 0 20px var(--accent)}
:root[data-skin="ember"] .promofx .pcrown{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
:root[data-skin="ember"] .promofx .ptxt{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 18px var(--accent)}
:root[data-skin="ember"] .promofx i{border-radius:2px;background:hsl(calc(var(--h)*1deg) 90% 62%)}
:root[data-skin="ember"] .anhead{color:var(--muted)}
:root[data-skin="ember"] .anhead b{color:var(--ink)}
:root[data-skin="ember"] .anleg{color:var(--muted)}
:root[data-skin="ember"] .arow{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .al{color:var(--muted)}
:root[data-skin="ember"] .aest{color:var(--faint)}
:root[data-skin="ember"] .atrack::before{border-radius:99px;background:color-mix(in srgb,var(--ink) 14%,transparent)}
:root[data-skin="ember"] .ano{color:var(--faint)}
:root[data-skin="ember"] .afill{border-radius:99px}
:root[data-skin="ember"] .afill.g{background:linear-gradient(90deg,transparent,var(--good))}
:root[data-skin="ember"] .afill.r{background:linear-gradient(90deg,var(--bad),transparent)}
:root[data-skin="ember"] .adot,:root[data-skin="ember"] .aring{border-radius:50%}
:root[data-skin="ember"] .adot{background:var(--bad);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 80%,transparent)}
:root[data-skin="ember"] .adot.g{background:var(--good)}
:root[data-skin="ember"] .aring{border:3px solid var(--accent);background:var(--surface);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .antips{border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
:root[data-skin="ember"] .ldot.violet{background:#a66bff}
:root[data-skin="ember"] .sq.cpupick{box-shadow:inset 0 0 0 .9cqw #a66bff,inset 0 0 4cqw #a66bff}
:root[data-skin="ember"] .oppfloat{border-radius:16px;background:rgba(40,22,70,.82);border:1px solid #a66bff;box-shadow:0 10px 30px -8px #a66bff;color:#fff}
:root[data-skin="ember"] .oppfloat b{color:#d2b6ff}
:root[data-skin="ember"] .lrow{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .lrow:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root[data-skin="ember"] .lrow small{color:var(--muted)}
:root[data-skin="ember"] .lrow i{color:var(--accent)}
:root[data-skin="ember"] .lbanner{border-radius:12px;background:color-mix(in srgb,var(--warn) 18%,transparent);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent)}
:root[data-skin="ember"] .ldoc h4{color:var(--accent)}
:root[data-skin="ember"] .qslabel{color:var(--muted)}
:root[data-skin="ember"] .topdiv{background:var(--line2)}
:root[data-skin="ember"] .topdiv i{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .r2div{background:var(--line2)}
:root[data-skin="ember"] .xplabel{color:var(--muted)}
:root[data-skin="ember"] .xpnext{color:var(--ink)}
:root[data-skin="ember"] .xpcount{color:var(--accent)}
:root[data-skin="ember"] .xpcaption{color:var(--muted)}
:root[data-skin="ember"] .ibtn.cta{border-radius:14px;box-shadow:0 10px 26px -10px var(--accent)}
:root[data-skin="ember"] .ibtn.cta .chev{color:inherit}
:root[data-skin="ember"] .ibtn.cta.leaving{background:var(--surface2);color:var(--ink);border:1px solid var(--line2);box-shadow:none}
:root[data-skin="ember"] .movepanel{border-radius:calc(var(--radius) + 4px);background:var(--hero-bg);border:1px solid var(--line)}
:root[data-skin="ember"] .mp-diamond{background:var(--accent2);box-shadow:0 0 10px color-mix(in srgb,var(--accent2) 60%,transparent)}
:root[data-skin="ember"] .mp-close{border:1px solid var(--line2);background:var(--surface2);color:var(--ink);border-radius:50%}
:root[data-skin="ember"] .turn{color:var(--tb-ink);background:var(--tb-bg);border-radius:999px}
:root[data-skin="ember"] .mp-tile{border:1.5px solid color-mix(in srgb,var(--tc) 48%,var(--line2));background:var(--surface2);color:var(--ink);border-radius:13px}
:root[data-skin="ember"] .mp-tile b{color:var(--tc)}
:root[data-skin="ember"] .mp-tile .mp-ic{color:var(--tc)}
:root[data-skin="ember"] .mp-tile .mp-ic svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .mp-tile.c-red{--tc:var(--bad)}
:root[data-skin="ember"] .mp-tile.c-green{--tc:var(--good)}
:root[data-skin="ember"] .mp-tile.c-slate{--tc:#93a3b0}
:root[data-skin="ember"] .mp-tile.c-gold{--tc:var(--accent)}
:root[data-skin="ember"] .mp-tile.on{background:color-mix(in srgb,var(--tc) 16%,var(--surface2));border-color:var(--tc);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent),0 10px 22px -12px var(--tc)}
:root[data-skin="ember"] .mp-tile.danger{--tc:var(--bad);background:color-mix(in srgb,var(--bad) 13%,var(--surface2));border-color:color-mix(in srgb,var(--bad) 55%,var(--line2))}
:root[data-skin="ember"] .mp-tile.danger:hover{background:color-mix(in srgb,var(--tc) 20%,var(--surface2))}
:root[data-skin="ember"] .pbanner{border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-skin="ember"] .pbanner::after{background:linear-gradient(to top,var(--surface),transparent)}
:root[data-skin="ember"] .pdiam{background:var(--surface);border:1.5px solid var(--accent)}
:root[data-skin="ember"] .pstep{color:var(--muted);border-left:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-skin="ember"] .pstep b{color:var(--accent)}
:root[data-skin="ember"] .panel .step-dot{border-radius:50%;background:transparent;border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--ink)}
:root[data-skin="ember"] .panel .step-dot.cur{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .panel .step-dot.done:not(.cur){color:var(--good);border-color:color-mix(in srgb,var(--good) 60%,var(--line))}
:root[data-skin="ember"] .step-line{background:color-mix(in srgb,var(--accent) 40%,var(--line))}
:root[data-skin="ember"] body.big .movepanel{background:color-mix(in srgb,var(--surface) 46%,transparent)}
:root[data-skin="ember"] body.big .movepanel{border-radius:calc(var(--radius) + 4px)}
:root[data-skin="ember"] #panelsBtn{border-radius:13px;border:1.5px dashed var(--line2)}
:root[data-skin="ember"] .lblchk{color:var(--ink)}
:root[data-skin="ember"] .mp-close{border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface2));color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
:root[data-skin="ember"] .mp-close svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .mp-close:hover,:root[data-skin="ember"] .mp-close:focus-visible{background:color-mix(in srgb,var(--accent) 26%,var(--surface2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent),0 6px 16px -6px var(--accent);outline:none}
:root[data-skin="ember"] .sec2 h4{color:var(--ink)}
:root[data-skin="ember"] .sec2 p{color:var(--muted)}
:root[data-skin="ember"] .sic{border-radius:50%;background:var(--surface);border:1px solid var(--line2);color:var(--accent)}
:root[data-skin="ember"] .sic svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .snack{border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,var(--bg));border:1px solid var(--line2);border-left:4px solid var(--accent);box-shadow:var(--shadow),0 10px 30px rgba(0,0,0,.28);color:var(--ink)}
:root[data-skin="ember"] .snack.urgent{border-color:var(--accent)}
:root[data-skin="ember"] .sn-ic{border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
:root[data-skin="ember"] .sn-tx span{color:var(--muted)}
:root[data-skin="ember"] .sn-b{border:1px solid var(--line2);background:transparent;color:var(--ink);border-radius:999px}
:root[data-skin="ember"] .sn-b.primary{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-border)}
:root[data-skin="ember"] .sn-b:hover{border-color:var(--accent)}
:root[data-skin="ember"] .sn-x{border:0;background:transparent;color:var(--muted);border-radius:50%}
:root[data-skin="ember"] .sn-x:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent)}
:root[data-skin="ember"] .so-av{border-radius:50%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,hsl(var(--h) 52% 40%),hsl(calc(var(--h) + 38) 52% 28%));border:2px solid color-mix(in srgb,var(--accent) 75%,transparent);box-shadow:0 2px 8px rgba(0,0,0,.25)}
:root[data-skin="ember"] .so-st{color:var(--muted)}
:root[data-skin="ember"] .so-st i{border-radius:50%;background:var(--muted)}
:root[data-skin="ember"] .so-st.on{color:var(--good)}
:root[data-skin="ember"] .so-st.on i{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent)}
:root[data-skin="ember"] .so-st.game{color:var(--warn)}
:root[data-skin="ember"] .so-st.game i{background:var(--warn)}
:root[data-skin="ember"] .so-st.dnd{color:var(--bad)}
:root[data-skin="ember"] .so-st.dnd i{background:var(--bad)}
:root[data-skin="ember"] .so-conn{border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 60%,transparent);color:var(--muted)}
:root[data-skin="ember"] .so-conn i{border-radius:50%;background:var(--muted)}
:root[data-skin="ember"] .so-conn.on i{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent)}
:root[data-skin="ember"] .so-conn.on{color:var(--ink)}
:root[data-skin="ember"] .so-conn.wait i{background:var(--warn)}
:root[data-skin="ember"] .so-conn.err i{background:var(--bad)}
:root[data-skin="ember"] .so-conn.err{color:var(--ink)}
:root[data-skin="ember"] .so-link{border:0;background:none;color:var(--accent)}
:root[data-skin="ember"] .so-cta .btn{border-radius:14px}
:root[data-skin="ember"] .so-row{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 28%,transparent)}
:root[data-skin="ember"] .so-bil{color:var(--muted)}
:root[data-skin="ember"] .so-bil b{color:var(--accent)}
:root[data-skin="ember"] .so-empty{color:var(--muted);border:1px dashed var(--line2);border-radius:14px}
:root[data-skin="ember"] .so-empty b{color:var(--ink)}
:root[data-skin="ember"] .so-rewl i{border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--line2)}
:root[data-skin="ember"] .so-rewl small{color:var(--muted)}
:root[data-skin="ember"] .so-rewl em{color:var(--accent)}
:root[data-skin="ember"] .so-set summary::after{color:var(--accent)}
:root[data-skin="ember"] .chkrow small{color:var(--muted)}
:root[data-skin="ember"] .so-menu{border:1px solid var(--line2);border-radius:14px;background:var(--surface);box-shadow:var(--shadow),0 14px 34px rgba(0,0,0,.35)}
:root[data-skin="ember"] .so-menu>b{color:var(--muted)}
:root[data-skin="ember"] .so-menu button{border:0;background:transparent;color:var(--ink);border-radius:10px}
:root[data-skin="ember"] .so-menu button:hover,:root[data-skin="ember"] .so-menu button:focus-visible{background:color-mix(in srgb,var(--accent) 14%,transparent);outline:none}
:root[data-skin="ember"] .so-menu button.danger{color:var(--bad)}
:root[data-skin="ember"] .so-back{border:0;background:none;color:var(--accent)}
:root[data-skin="ember"] .so-seg button{border-radius:14px;border:1.5px solid var(--line2);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .so-seg button small{color:var(--muted)}
:root[data-skin="ember"] .so-seg button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
:root[data-skin="ember"] .so-seg button[aria-pressed=true] b{color:var(--accent)}
:root[data-skin="ember"] .so-build textarea{background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--line2);border-radius:12px;color:var(--ink);outline:none}
:root[data-skin="ember"] .so-build textarea:focus{border-color:var(--accent)}
:root[data-skin="ember"] .so-gif{border-radius:14px;border:1.5px solid var(--accent);background:var(--surface2);box-shadow:0 6px 20px rgba(0,0,0,.25)}
:root[data-skin="ember"] .so-gifld{color:var(--muted)}
:root[data-skin="ember"] .qspin.sm{border-width:2.5px}
:root[data-skin="ember"] .so-qrbox{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface2) 60%,transparent)}
:root[data-skin="ember"] .so-qr{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
:root[data-skin="ember"] .so-warn{border-radius:10px;border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--ink)}
:root[data-skin="ember"] .so-wait{border-radius:14px;border:1px solid var(--line2);background:color-mix(in srgb,var(--accent) 7%,transparent)}
:root[data-skin="ember"] .so-wait span{color:var(--muted)}
:root[data-skin="ember"] .so-wait.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent)}
:root[data-skin="ember"] .so-pulse{border-radius:50%;background:var(--good)}
:root[data-skin="ember"] .so-corrinfo{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface2) 60%,transparent)}
:root[data-skin="ember"] .so-corrinfo ol{color:var(--muted)}
:root[data-skin="ember"] .btn.so-wide{border-radius:14px}
:root[data-skin="ember"] .so-facts i{border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--line2)}
:root[data-skin="ember"] .nclk{border-radius:14px;background:color-mix(in srgb,var(--surface2) 85%,transparent);border:1px solid var(--line);color:var(--ink)}
:root[data-skin="ember"] .nclk .so-av{--s:30px}
:root[data-skin="ember"] .nc-side i{border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ink) 55%,transparent)}
:root[data-skin="ember"] .nc-side i.w{background:var(--pw,#f9dbc1)}
:root[data-skin="ember"] .nc-side i.b{background:var(--pb,#2b1a10)}
:root[data-skin="ember"] .nc-dot{border-radius:50%;background:transparent}
:root[data-skin="ember"] #ncTop .nc-dot.on{background:var(--good)}
:root[data-skin="ember"] #ncTop .nc-dot.off{background:var(--bad)}
:root[data-skin="ember"] .nc-time{border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--line)}
:root[data-skin="ember"] .nclk.turn{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .nclk.run{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .nclk.run .nc-time{color:var(--btn-ink);background:var(--btn-bg);border-color:var(--btn-border)}
:root[data-skin="ember"] .nclk.low .nc-time{color:var(--warn)}
:root[data-skin="ember"] .nclk.crit .nc-time{color:#fff;background:var(--bad);border-color:var(--bad)}
:root[data-skin="ember"] .ncstrip button{border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .ncstrip button:hover{border-color:var(--accent)}
:root[data-skin="ember"] .ncstrip .ncchat b{border-radius:9px;background:var(--bad);color:#fff}
:root[data-skin="ember"] .nc-float{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
:root[data-skin="ember"] .nc-bub{border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,#000);border:1px solid var(--accent);color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.4)}
:root[data-skin="ember"] .nc-bub b{color:var(--accent)}
:root[data-skin="ember"] .nc-card{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--surface2) 70%,transparent)}
:root[data-skin="ember"] .nc-turn{color:var(--muted)}
:root[data-skin="ember"] .nc-turn.me{color:var(--accent)}
:root[data-skin="ember"] .nc-offer{border-radius:14px;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
:root[data-skin="ember"] .nc-offer span{color:var(--muted)}
:root[data-skin="ember"] .nc-offer.wait{border-color:var(--line2);background:color-mix(in srgb,var(--surface2) 70%,transparent)}
:root[data-skin="ember"] .nc-offer.warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}
:root[data-skin="ember"] .nc-chat{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface2) 45%,transparent)}
:root[data-skin="ember"] .nc-none{color:var(--muted)}
:root[data-skin="ember"] .nc-m span{border-radius:14px}
:root[data-skin="ember"] .nc-m.me span{background:var(--btn-bg);color:var(--btn-ink);border-bottom-right-radius:5px}
:root[data-skin="ember"] .nc-m.opp span{background:color-mix(in srgb,var(--ink) 11%,transparent);border-bottom-left-radius:5px}
:root[data-skin="ember"] .nc-form input{background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--line2);border-radius:999px;color:var(--ink);outline:none}
:root[data-skin="ember"] .nc-form input:focus{border-color:var(--accent)}
:root[data-skin="ember"] .nc-mute{color:var(--muted)}
:root[data-skin="ember"] .nc-bil{border:1px solid var(--line2);border-radius:14px}
:root[data-skin="ember"] .nc-bil span{color:var(--muted)}
:root[data-skin="ember"] .nc-bil b{color:var(--accent)}
:root[data-skin="ember"] .nc-bigbtn{border-radius:16px}
:root[data-skin="ember"] .nc-turn{border-top:1px solid var(--line)}
:root[data-skin="ember"] .nc-score i{color:var(--muted)}
:root[data-skin="ember"] .nc-score b{color:var(--accent)}
:root[data-skin="ember"] .ps-av{border:0;background:none;border-radius:50%}
:root[data-skin="ember"] .ps-av:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-skin="ember"] .nclk .ps-av .so-av{--s:42px}
:root[data-skin="ember"] .ps-me,:root[data-skin="ember"] .ps-cpu{border-radius:50%;border:2px solid var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.3)}
:root[data-skin="ember"] .ps-me{background-size:cover;background-position:center;background-color:var(--surface2)}
:root[data-skin="ember"] .ps-cpu{color:#fff;border-color:color-mix(in srgb,var(--c) 55%,#fff);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 65%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 55%,#000))}
:root[data-skin="ember"] .ps-cpu svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
:root[data-skin="ember"] .ps-pop .so-av{--s:84px}
:root[data-skin="ember"] .nclk .nm small{color:var(--muted)}
:root[data-skin="ember"] .cp.w{color:var(--pw,#f9dbc1);text-shadow:0 0 1px #000,0 0 2px rgba(0,0,0,.7)}
:root[data-skin="ember"] .cp.b{color:var(--pb,#2b1a10);text-shadow:0 0 1px #fff,0 0 3px rgba(255,255,255,.75)}
:root[data-skin="ember"] .ps-plus{color:var(--accent)}
:root[data-skin="ember"] .nclk.think .nm::after{color:var(--accent)}
:root[data-skin="ember"] .ps-xpv{color:var(--ink)}
:root[data-skin="ember"] .ps-line .ps-rank,:root[data-skin="ember"] .ps-rank{border:1.5px solid var(--accent);border-radius:999px;color:var(--accent)}
:root[data-skin="ember"] .ps-bio{color:var(--muted)}
:root[data-skin="ember"] .ps-feats li{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .ps-feats li span{color:var(--muted)}
:root[data-skin="ember"] .ps-meter i{border-radius:3px;background:var(--line2)}
:root[data-skin="ember"] .ps-meter i.on{background:var(--accent)}
@media (max-width:860px) and (orientation:portrait){:root[data-skin="ember"] body.mg #layout{background:var(--bg-img),var(--bg);--bw:max(230px,min(calc(100vw - 8px),calc(100vh - var(--mgres,372px))))}
@supports (height:100dvh){:root[data-skin="ember"] body.mg #layout{--bw:max(230px,min(calc(100vw - 8px),calc(100dvh - var(--mgres,372px))))}}
:root[data-skin="ember"] .mg-quit{border-radius:50%;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--accent)}
:root[data-skin="ember"] body.mg .frame{border-radius:16px}
:root[data-skin="ember"] body.mg .hero{border-radius:var(--radius)}}
:root[data-skin="ember"] .nclk .ps-av .so-av{--s:52px}
:root[data-skin="ember"]{--rp-laurel:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 100%22%3E%3Cpath d=%22M46 98C8 80 2 34 34 4%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22/%3E%3Cellipse cx=%2233.7%22 cy=%2290.4%22 rx=%229.0%22 ry=%223.6%22 transform=%22rotate%28-193 33.7 90.4%29 translate%288.0 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2233.7%22 cy=%2290.4%22 rx=%229.0%22 ry=%223.6%22 transform=%22rotate%28-89 33.7 90.4%29 translate%288.0 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2223.4%22 cy=%2279.6%22 rx=%228.5%22 ry=%223.6%22 transform=%22rotate%28-178 23.4 79.6%29 translate%287.5 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2223.4%22 cy=%2279.6%22 rx=%228.5%22 ry=%223.6%22 transform=%22rotate%28-74 23.4 79.6%29 translate%287.5 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2216.6%22 cy=%2267.1%22 rx=%227.9%22 ry=%223.6%22 transform=%22rotate%28-162 16.6 67.1%29 translate%287.1 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2216.6%22 cy=%2267.1%22 rx=%227.9%22 ry=%223.6%22 transform=%22rotate%28-58 16.6 67.1%29 translate%287.1 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2213.5%22 cy=%2253.4%22 rx=%227.4%22 ry=%223.6%22 transform=%22rotate%28-147 13.5 53.4%29 translate%286.6 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2213.5%22 cy=%2253.4%22 rx=%227.4%22 ry=%223.6%22 transform=%22rotate%28-43 13.5 53.4%29 translate%286.6 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2214.2%22 cy=%2239.1%22 rx=%226.9%22 ry=%223.6%22 transform=%22rotate%28-132 14.2 39.1%29 translate%286.1 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2214.2%22 cy=%2239.1%22 rx=%226.9%22 ry=%223.6%22 transform=%22rotate%28-28 14.2 39.1%29 translate%286.1 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2218.7%22 cy=%2225.0%22 rx=%226.4%22 ry=%223.6%22 transform=%22rotate%28-117 18.7 25.0%29 translate%285.7 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2218.7%22 cy=%2225.0%22 rx=%226.4%22 ry=%223.6%22 transform=%22rotate%28-13 18.7 25.0%29 translate%285.7 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2227.0%22 cy=%2211.5%22 rx=%225.9%22 ry=%223.6%22 transform=%22rotate%28-103 27.0 11.5%29 translate%285.2 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2227.0%22 cy=%2211.5%22 rx=%225.9%22 ry=%223.6%22 transform=%22rotate%281 27.0 11.5%29 translate%285.2 0%29%22 fill=%22%23000%22/%3E%3Cellipse cx=%2234.0%22 cy=%224.0%22 rx=%227%22 ry=%223%22 transform=%22rotate%28-43 34.0 4.0%29 translate%285 0%29%22 fill=%22%23000%22/%3E%3C/svg%3E")}
:root[data-skin="ember"] .modal.royal{border-radius:30px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);background-image:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--accent2) 14%,var(--surface)),var(--surface) 62%);box-shadow:var(--shadow),inset 0 0 0 5px var(--surface),inset 0 0 0 6px color-mix(in srgb,var(--accent) 28%,transparent)}
:root[data-skin="ember"] .modal.royal .head::before{background:linear-gradient(90deg,transparent,var(--accent) 7%,var(--accent) 24%,transparent 24%,transparent 76%,var(--accent) 76%,var(--accent) 93%,transparent)}
:root[data-skin="ember"] .modal.royal .head::after{color:var(--accent)}
:root[data-skin="ember"] .modal.royal #mIcon{border-radius:50%;border:2px solid var(--accent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent2) 22%,var(--surface)),var(--surface) 75%);color:var(--accent);box-shadow:0 0 0 5px var(--surface),0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent),0 8px 24px rgba(0,0,0,.35)}
:root[data-skin="ember"] .modal.royal #mIcon::before,:root[data-skin="ember"] .modal.royal #mIcon::after{background:var(--accent);-webkit-mask:var(--rp-laurel) center/contain no-repeat;mask:var(--rp-laurel) center/contain no-repeat}
:root[data-skin="ember"] .modal.royal #mBody p{color:color-mix(in srgb,var(--ink) 78%,var(--muted))}
:root[data-skin="ember"] .modal.royal #mBody p b{color:var(--ink)}
:root[data-skin="ember"] .modal.royal .actions{background:none}
:root[data-skin="ember"] .modal.royal .actions .btn{border-radius:999px}
:root[data-skin="ember"] .modal.royal .actions .btn:not(.primary){background:color-mix(in srgb,var(--surface2) 55%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 50%,var(--line2));color:var(--ink)}
:root[data-skin="ember"] .modal.royal .actions .btn:not(.primary):hover{border-color:var(--accent);color:var(--accent)}
:root[data-skin="ember"] .modal.royal .actions .btn.danger{border-color:var(--bad);color:var(--bad)}
:root[data-skin="ember"] .rp-next{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line2));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface2) 80%,transparent),color-mix(in srgb,var(--accent2) 10%,var(--surface)))}
:root[data-skin="ember"] .rp-next::before{background:repeating-conic-gradient(var(--accent) 0 25%,transparent 0 50%) 0 0/26px 26px}
:root[data-skin="ember"] .rp-piece{border-right:1px solid var(--line2);background:linear-gradient(180deg,#f4bc8b,#d35f25 55%,#914119);background-clip:text;color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
:root[data-skin="ember"] .rp-kick{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
:root[data-skin="ember"] .rp-sub2{color:var(--muted)}
:root[data-skin="ember"] .btn.primary{box-shadow:var(--cta-glow,none)}
:root[data-skin="ember"] .btn.primary:hover{filter:brightness(1.07)}
:root[data-skin="ember"] .ibtn.cta:not(.leaving){box-shadow:var(--cta-glow,0 10px 26px -10px var(--accent))}
:root[data-skin="ember"] .lc.lc-gm{background:var(--gm-bg,linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--surface)),color-mix(in srgb,var(--accent) 7%,var(--surface))));border-color:var(--gm-bd,color-mix(in srgb,var(--accent) 70%,transparent));color:var(--gm-ink,var(--ink))}
:root[data-skin="ember"] .lc.lc-gm .pc-body b,:root[data-skin="ember"] .lc.lc-gm .pc-top small{color:var(--gm-ink,var(--accent))}
:root[data-skin="ember"] .lc.lc-gm .pc-desc,:root[data-skin="ember"] .lc.lc-gm .pc-foot,:root[data-skin="ember"] .lc.lc-gm .pc-foot span{color:var(--gm-sub,var(--muted))}
:root[data-skin="ember"] .lc.lc-gm .pc-foot{border-color:color-mix(in srgb,var(--gm-ink,#fff) 22%,transparent)}
:root[data-skin="ember"] .lc.lc-gm .pc-img{border-color:var(--gm-bd,var(--accent))}
:root[data-skin="ember"] .lc.lc-gm .pc-new{border-color:var(--gm-ink,var(--accent));color:var(--gm-ink,var(--accent))}
:root[data-skin="ember"] .lc.lc-gm::before{background:var(--gm-pat,none)}
:root[data-skin="ember"] .lc.lc-gm::after{background:var(--gm-art,none) right bottom/contain no-repeat}
:root[data-skin="ember"]{--btn-bg:linear-gradient(180deg,#f5c397 0%,#e18456 48%,#b15628 100%);--btn-ink:#271208;--btn-border:rgba(249,218,191,.55);--cta-glow:0 8px 22px -8px rgba(220,128,82,.7);--gm-bg:linear-gradient(135deg,#684232 0%,#3a271f 55%,#201611 100%);--gm-bd:#dc8052;--gm-ink:#f9dbc1;--gm-sub:rgba(249,219,193,.84);--gm-pat:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 %3E%3Cpath d=%22M20 0L40 20L20 40L0 20z%22 fill=%22none%22 stroke=%22%23efac71%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 0/34px 34px;--gm-pat-o:.16;--gm-art:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 100%22 %3E%3Cpath d=%22M8 88L16 30l30 28 14-38 14 38 30-28 8 58z%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2216%22 cy=%2226%22 r=%226%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2260%22 cy=%2214%22 r=%226%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22104%22 cy=%2226%22 r=%226%22 fill=%22%23fff%22/%3E%3C/svg%3E");--gm-art-size:110px 92px;--gm-art-o:.2}
:root[data-skin="ember"]{--btn-bg:linear-gradient(0deg,#ed824c 0%,#eb6e30 24%,#ff4510 56%,#b81803 100%);--btn-ink:#fff;--btn-border:rgba(245,194,150,.75);--cta-glow:0 0 24px rgba(255,90,20,.65),0 8px 26px -6px rgba(255,60,10,.7);--gm-bg:linear-gradient(0deg,#ff6a1a 0%,#c4260a 30%,#4a0e05 70%,#140605 100%);--gm-bd:#ff7a2e;--gm-ink:#fff;--gm-sub:rgba(252,237,223,.9);--gm-pat:none;--gm-pat-o:1;--gm-art:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 110%22 %3E%3Cpath d=%22M50 4C58 28 82 40 82 68c0 22-15 38-32 38S18 90 18 68c0-14 8-24 14-32 2 10 8 15 12 15C40 34 44 18 50 4z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M50 56c6 10 14 15 14 27 0 9-6 16-14 16s-14-7-14-16c0-8 5-12 8-18 1 5 4 7 6 7-2-6-1-11 0-16z%22 fill=%22%23000%22 opacity=%22.35%22/%3E%3C/svg%3E");--gm-art-size:96px 106px;--gm-art-o:.28}
:root[data-skin="ember"] .btn.primary,:root[data-skin="ember"] .ibtn.dojo,:root[data-skin="ember"] .orbsq{background-size:100% 230%;background-position:50% 100%;text-shadow:0 1px 0 rgba(110,15,0,.85),0 0 10px rgba(110,15,0,.55)}
:root[data-skin="ember"] .btn.primary:hover,:root[data-skin="ember"] .ibtn.dojo:hover{filter:brightness(1.12) saturate(1.1)}
:root[data-skin="ember"] .orbsq svg,:root[data-skin="ember"] .ibtn.dojo svg{filter:drop-shadow(0 1px 2px rgba(110,15,0,.7))}
:root[data-skin="ember"] .orb.on .orbsq{box-shadow:0 0 0 4px color-mix(in srgb,var(--surface2) 92%,transparent),0 0 32px rgba(255,90,20,.85),0 0 64px rgba(255,60,10,.4)}
:root[data-skin="ember"] #atelier{background:#0d0d10;color:#f4ece5}
:root[data-skin="ember"] .at-title h2{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
:root[data-skin="ember"] .at-title p{color:rgba(255,255,255,.75);text-shadow:0 1px 4px rgba(0,0,0,.4)}
:root[data-skin="ember"] .at-ib{border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,14,.55);color:#fff}
:root[data-skin="ember"] .at-x{border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,14,.55);color:#fff}
:root[data-skin="ember"] .at-left{background:linear-gradient(90deg,rgba(10,10,14,.78),rgba(10,10,14,.55));border-right:1px solid rgba(255,255,255,.08)}
:root[data-skin="ember"] .at-stage.loading::after{color:#fff;background:rgba(0,0,0,.35)}
:root[data-skin="ember"] .at-hint{color:rgba(255,255,255,.7);background:rgba(0,0,0,.35);border-radius:999px}
:root[data-skin="ember"] .at-stand svg{filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
:root[data-skin="ember"] .at-side{background:linear-gradient(270deg,rgba(10,10,14,.82),rgba(10,10,14,.6));border-left:1px solid rgba(255,255,255,.08)}
:root[data-skin="ember"] .at-h{color:#fff}
:root[data-skin="ember"] .at-h small{color:rgba(255,255,255,.6)}
:root[data-skin="ember"] .at-seg button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:999px}
:root[data-skin="ember"] .at-seg button.on{background:#fff;color:#111;border-color:#fff}
:root[data-skin="ember"] .at-dot{border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
:root[data-skin="ember"] .at-dot.on{border-color:#fff;box-shadow:0 0 0 2px #0d0d10,0 0 0 4px #fff}
:root[data-skin="ember"] .at-tile{border:1px solid transparent;border-radius:14px;background:transparent;color:rgba(255,255,255,.75)}
:root[data-skin="ember"] .at-tile:hover{background:rgba(255,255,255,.06)}
:root[data-skin="ember"] .at-tile.on{color:#fff}
:root[data-skin="ember"] .at-tile.on .at-tim{box-shadow:0 0 0 3px #0d0d10,0 0 0 5px #fff}
:root[data-skin="ember"] .at-tim{border-radius:50%;background:#eaddd2;box-shadow:0 6px 14px rgba(0,0,0,.35)}
:root[data-skin="ember"] .at-tog{color:#fff}
:root[data-skin="ember"] .at-bg{border-radius:10px;border:2px solid transparent}
:root[data-skin="ember"] .at-bg span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
:root[data-skin="ember"] .at-bg.on{border-color:#fff}
:root[data-skin="ember"] .at-sl{color:rgba(255,255,255,.8)}
:root[data-skin="ember"] .at-foot{background:linear-gradient(transparent,rgba(10,10,14,.75) 40%)}
:root[data-skin="ember"] .at-tabs{border-radius:999px;background:rgba(10,10,14,.7);border:1px solid rgba(255,255,255,.14)}
:root[data-skin="ember"] .at-tab{border:0;background:transparent;color:rgba(255,255,255,.75);border-radius:999px}
:root[data-skin="ember"] .at-tab.on{background:#fff;color:#111}
@media(max-width:860px){:root[data-skin="ember"] .at-side{border-left:0;border-top:1px solid rgba(255,255,255,.1);background:#121216}
:root[data-skin="ember"] .at-foot{background:linear-gradient(transparent,rgba(18,18,22,.95) 30%)}}
:root[data-skin="ember"] .at-setav img,:root[data-skin="ember"] .at-setav svg{border-radius:50%}
:root[data-skin="ember"] .pf-atel{border:1px solid var(--line2);background:var(--surface2);color:var(--ink);border-radius:14px}
:root[data-skin="ember"] .pf-atel-im{border-radius:50%;border:2px solid var(--accent)}
:root[data-skin="ember"] .pf-atel small{color:var(--muted)}
:root[data-skin="ember"] #f2f{background:#0e0a08 center/cover no-repeat;color:#f5e0cd}
:root[data-skin="ember"] #f2f.photo-desk{background-image:url(chess/img/c1ed7b30c96c0b.webp)}
:root[data-skin="ember"] #f2f.photo-mob{background-image:url(chess/img/4dd5c16521ea70.webp)}
:root[data-skin="ember"] body.f2f #f2f #view3d{border-radius:0;background:transparent;box-shadow:none;border:0}
:root[data-skin="ember"] body.f2f #f2f #view3d canvas{background:transparent}
:root[data-skin="ember"] .f2f-fig{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
:root[data-skin="ember"] .f2f-fig.turn{filter:drop-shadow(0 0 22px rgba(245,194,150,.55)) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
:root[data-skin="ember"] #f2f .f2f-hud{border-radius:14px;background:rgba(6,14,11,.78);border:1px solid rgba(220,128,82,.55);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
:root[data-skin="ember"] .f2f-hud.turn{border-color:rgba(245,194,150,.95);box-shadow:0 0 22px rgba(245,194,150,.3),0 10px 30px rgba(0,0,0,.5)}
:root[data-skin="ember"] .f2f-hud .ic{color:#df8a60}
:root[data-skin="ember"] .f2f-hud .ic svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .f2f-hud .nm{color:#fff}
:root[data-skin="ember"] .f2f-hud .nm small{color:rgba(245,224,205,.65)}
:root[data-skin="ember"] .f2f-hud .caps i.w{color:#fff;text-shadow:0 0 2px #000}
:root[data-skin="ember"] .f2f-hud .caps i.b{color:#1a1a1a;text-shadow:0 0 2px #fff}
:root[data-skin="ember"] .f2f-clock{color:#f4c195}
:root[data-skin="ember"] .f2f-menu,:root[data-skin="ember"] .f2f-back{border-radius:50%;border:1.5px solid rgba(220,128,82,.75);background:radial-gradient(circle at 35% 30%,#2e1f19,#120c09);color:#f5e0cd;box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-skin="ember"] .f2f-back svg{fill:none;stroke:#df8a60}
:root[data-skin="ember"] .f2f-menu[aria-expanded="true"]{border-color:#f0ad73;box-shadow:0 0 0 3px rgba(220,128,82,.2),0 8px 20px rgba(0,0,0,.5)}
:root[data-skin="ember"] .f2f-sheet{border-radius:18px;background:linear-gradient(180deg,rgba(26,18,14,.96),rgba(14,9,7,.97));border:1.5px solid rgba(220,128,82,.8);box-shadow:0 24px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.05)}
:root[data-skin="ember"] .f2f-sheet::before{background:#1a120e;border-left:1.5px solid rgba(220,128,82,.8);border-top:1.5px solid rgba(220,128,82,.8);border-radius:3px 0 0 0}
:root[data-skin="ember"] .f2f-sheet h3{color:#fff}
:root[data-skin="ember"] .f2f-sheet button{border:0;background:rgba(255,255,255,.035);color:#f5e0cd;border-radius:12px}
:root[data-skin="ember"] .f2f-sheet button:hover{background:rgba(220,128,82,.12)}
:root[data-skin="ember"] .f2f-sheet button i{color:#df8a60}
:root[data-skin="ember"] .f2f-sheet button i svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .f2f-sheet button .chev{fill:none;stroke:rgba(245,224,205,.5)}
:root[data-skin="ember"] .f2f-sheet button.danger{color:#e2706a}
:root[data-skin="ember"] .f2f-sheet button.danger i{color:#e2706a}
:root[data-skin="ember"] .f2f-sheet button.close{background:transparent;color:rgba(245,224,205,.8)}
:root[data-skin="ember"] .f2f-sheet button.close i{color:rgba(245,224,205,.55)}
:root[data-skin="ember"] .f2f-sheet hr{border:0;background:rgba(220,128,82,.35)}
:root[data-skin="ember"] .f2f-sw{border-radius:999px;background:rgba(255,255,255,.14)}
:root[data-skin="ember"] .f2f-sw::after{border-radius:50%;background:#f7eadf}
:root[data-skin="ember"] .f2f-sw.on{background:linear-gradient(160deg,#f0ad73,#d17547)}
:root[data-skin="ember"] .ibtn.f2f[aria-pressed="true"]{color:var(--accent-ink);background:var(--btn-bg);border-color:transparent}
:root[data-skin="ember"] .f2f-banner{border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:radial-gradient(80% 120% at 0% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(135deg,#120f0b,#050403);color:#f5e0cd;box-shadow:0 14px 30px -16px var(--accent)}
:root[data-skin="ember"] .f2f-bimg{border-radius:12px;background:radial-gradient(60% 60% at 50% 50%,rgba(247,210,178,.18),transparent 70%),#050505}
:root[data-skin="ember"] .f2f-bimg .b{background:repeating-conic-gradient(#eccdb1 0 25%,#3a2416 0 50%) 0 0/27px 27px;border:3px solid #5e3520;border-radius:3px}
:root[data-skin="ember"] .f2f-btxt small{color:var(--accent)}
:root[data-skin="ember"] .f2f-btxt p{color:rgba(245,224,205,.8)}
:root[data-skin="ember"] .psec .psub{color:var(--muted)}
:root[data-skin="ember"] .psec-pill{color:var(--muted);border:1px solid var(--line2);border-radius:999px}
:root[data-skin="ember"] .psec-pill.ok{color:var(--good);border-color:var(--good)}
:root[data-skin="ember"] .lc.locked .pc-img::after{background:rgba(0,0,0,.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/42% no-repeat;border-radius:inherit}
:root[data-skin="ember"] .lc.locked .pc-foot{color:var(--muted)}
:root[data-skin="ember"] .lc.next{box-shadow:0 0 0 2px var(--accent),0 12px 28px -14px var(--accent)}
:root[data-skin="ember"] .lc.next .pc-top small::after{color:var(--accent)}
:root[data-skin="ember"] .hist-art{border-radius:14px;border:1px solid var(--line2);box-shadow:0 8px 22px rgba(0,0,0,.35);background:#2b1e17}
:root[data-skin="ember"] .hist-art:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] .hist-zoom{border-radius:12px}
:root[data-skin="ember"] .hx-bar{border-radius:99px;background:var(--line)}
:root[data-skin="ember"] .hx-bar .w{background:var(--good,#a66a50)}
:root[data-skin="ember"] .hx-bar .d{background:#8a8f98}
:root[data-skin="ember"] .hx-bar .l{background:var(--bad,#ee5d52)}
:root[data-skin="ember"] .hx-chips{color:var(--muted)}
:root[data-skin="ember"] .hx-chips b{color:var(--ink)}
:root[data-skin="ember"] .hx-f{border:1px solid var(--line2);background:transparent;color:var(--ink);border-radius:99px}
:root[data-skin="ember"] .hx-f:hover{border-color:var(--accent)}
:root[data-skin="ember"] .hx-f.on{background:var(--accent);border-color:var(--accent);color:var(--btn-ink,#111)}
:root[data-skin="ember"] .hx-card{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,transparent)}
:root[data-skin="ember"] .hx-mini{border-radius:8px;border:1px solid var(--line2)}
:root[data-skin="ember"] .hx-mini i.l{background:#dbcabb}
:root[data-skin="ember"] .hx-mini i.d{background:#845440}
:root[data-skin="ember"] .hx-mini b.w{color:#fff;text-shadow:0 0 1px #000,0 0 1px #000,0 0 2px #000}
:root[data-skin="ember"] .hx-mini b.b{color:#111;text-shadow:0 0 1px #fff}
:root[data-skin="ember"] .hx-res{border-radius:99px}
:root[data-skin="ember"] .hx-res.win{background:color-mix(in srgb,var(--good,#a66a50) 22%,transparent);color:var(--good,#a66a50)}
:root[data-skin="ember"] .hx-res.loss{background:color-mix(in srgb,var(--bad,#ee5d52) 22%,transparent);color:var(--bad,#ee5d52)}
:root[data-skin="ember"] .hx-res.draw{background:rgba(138,143,152,.25);color:var(--muted)}
:root[data-skin="ember"] .hx-tag{border-radius:99px;border:1px solid var(--line2);color:var(--muted)}
:root[data-skin="ember"] .hx-tag.ok{border-color:var(--good,#a66a50);color:var(--good,#a66a50)}
:root[data-skin="ember"] .hx-meta{color:var(--muted)}
:root[data-skin="ember"] .hx-b{border:1px solid var(--line2);background:transparent;color:var(--ink);border-radius:9px}
:root[data-skin="ember"] .hx-b:hover{border-color:var(--accent)}
:root[data-skin="ember"] .hx-b.pri{background:var(--accent);border-color:var(--accent);color:var(--btn-ink,#111)}
:root[data-skin="ember"] .hx-more{border:1px dashed var(--line2);background:transparent;color:var(--muted);border-radius:12px}
:root[data-skin="ember"] .hx-an{border:1px solid var(--line2);border-radius:12px;background:var(--surface2)}
:root[data-skin="ember"] .hx-note{color:var(--muted)}
:root[data-skin="ember"] .hx-tg{border:1px solid var(--line2);background:transparent;color:var(--muted);border-radius:99px}
:root[data-skin="ember"] .hx-tg.on{border-color:#a66a50;color:#a66a50}
:root[data-skin="ember"] .hx-prog{border-radius:99px;background:var(--line)}
:root[data-skin="ember"] .hx-prog i{background:var(--accent)}
:root[data-skin="ember"] .hx-accs div{border:1px solid var(--line);border-radius:10px}
:root[data-skin="ember"] .hx-accs small{color:var(--muted)}
:root[data-skin="ember"] .hx-graph svg{border-radius:8px;background:rgba(0,0,0,.16)}
:root[data-skin="ember"] .hx-aw{fill:rgba(255,255,255,.5)}
:root[data-skin="ember"] .hx-ab{fill:rgba(0,0,0,.42)}
:root[data-skin="ember"] .hx-mid0{stroke:var(--line2)}
:root[data-skin="ember"] .hx-ln{fill:none;stroke:var(--accent)}
:root[data-skin="ember"] .hx-d{fill:#ee5d52;stroke:#fff}
:root[data-skin="ember"] .hx-cur{stroke:var(--ink)}
:root[data-skin="ember"] .hx-legend{color:var(--muted)}
:root[data-skin="ember"] .hx-legend b{color:var(--ink)}
:root[data-skin="ember"] .hxq{border-radius:50%}
:root[data-skin="ember"] .hxq.c5{background:#4e9cf0}
:root[data-skin="ember"] .hxq.c4{background:#a66a50}
:root[data-skin="ember"] .hxq.c3{background:#ed7e46}
:root[data-skin="ember"] .hxq.c2{background:#ee8550}
:root[data-skin="ember"] .hxq.c1{background:#ee5d52}
:root[data-skin="ember"] .hx-key{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px}
:root[data-skin="ember"] .hx-key:hover{border-color:var(--accent)}
:root[data-skin="ember"] .hx-kn{color:var(--muted)}
:root[data-skin="ember"] .hx-kl{color:#ee5d52}
:root[data-skin="ember"] .hx-kb{color:var(--muted)}
:root[data-skin="ember"] .hx-kb b{color:#a66a50}
:root[data-skin="ember"] .hx-go{color:var(--muted)}
:root[data-skin="ember"] .hx-redo{border:0;background:transparent;color:var(--muted)}
:root[data-skin="ember"] .rpcap .hx-best{color:#a66a50}
:root[data-skin="ember"] .rpcap .hx-best i{border-radius:50%;background:#a66a50}
:root[data-skin="ember"] .rpcap .hx-best b{color:inherit}
:root[data-skin="ember"] .rpcap .hx-best em,:root[data-skin="ember"] .rpcap .hx-cl em{color:var(--muted)}
:root[data-skin="ember"] .hx-mini[role=button]:hover{box-shadow:0 0 0 2px var(--accent)}
:root[data-skin="ember"] .hx-mini[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] .pf-sec.hx{border:18px solid transparent;border-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22500%22%20height=%22360%22%20viewBox=%220%200%20500%20360%22%3E%3Cpath%20d=%22M16%201H484Q484%2015%20499%2016V344Q484%20345%20484%20359H16Q16%20345%201%20344V16Q16%2015%2016%201Z%22%20fill=%22%231b120f%22%20fill-opacity=%22.88%22%20stroke=%22%23dc8052%22%20stroke-width=%221.6%22/%3E%3C/svg%3E") 20 fill / 18px / 0 stretch;border-radius:0;background:none;filter:drop-shadow(0 12px 18px #0003)}
:root[data-skin="ember"] .pf-sec.hx .hx-t{border-radius:12px;border:1.5px solid rgba(220,128,82,.8);background:rgba(16,11,9,.35);color:#eccfb6}
:root[data-skin="ember"] .pf-sec.hx .hx-t::after{border:1px solid rgba(220,128,82,.28);border-radius:9px}
:root[data-skin="ember"] .pf-sec.hx .hx-t.on{background:linear-gradient(180deg,#51372a,#35241d);border-color:#dc8052;box-shadow:inset 0 1px 0 rgba(247,210,178,.25),0 0 16px rgba(220,128,82,.14);color:#f9d9bd}
:root[data-skin="ember"] .pf-sec.hx .hx-t:not(.on){border-color:rgba(220,128,82,.4)}
:root[data-skin="ember"] .pf-sec.hx .hx-t:not(.on):hover{border-color:rgba(220,128,82,.75)}
:root[data-skin="ember"] .pf-sec.hx .hx-t .hx-ic{color:#dc8052}
:root[data-skin="ember"] .pf-sec.hx .hx-sum{border:1px solid rgba(220,128,82,.45);border-radius:14px;background:rgba(16,11,9,.38)}
:root[data-skin="ember"] .pf-sec.hx .hx-sum .sub{color:#f2d7bf}
:root[data-skin="ember"] .pf-sec.hx .hx-bar{background:rgba(255,255,255,.07);box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}
:root[data-skin="ember"] .pf-sec.hx .hx-bar .w{background:linear-gradient(180deg,#5fdb9b,#8f5b45)}
:root[data-skin="ember"] .pf-sec.hx .hx-bar .d{background:linear-gradient(180deg,#a9afb9,#7a808b)}
:root[data-skin="ember"] .pf-sec.hx .hx-bar .l{background:linear-gradient(180deg,#f2907f,#dd5f4f)}
:root[data-skin="ember"] .pf-sec.hx .hx-chips{color:#eccfb6}
:root[data-skin="ember"] .hx-c .hx-ic{color:#dc8052}
:root[data-skin="ember"] .hx-c.loss .hx-ic{color:#ee6a5a}
:root[data-skin="ember"] .hx-c i{color:var(--muted)}
:root[data-skin="ember"] .hx-c.sep{border-left:1px solid rgba(220,128,82,.35)}
:root[data-skin="ember"] .pf-sec.hx .hx-f{border-color:rgba(220,128,82,.4)}
:root[data-skin="ember"] .pf-sec.hx .hx-f:hover{border-color:var(--accent)}
:root[data-skin="ember"] .pf-sec.hx .hx-f.on{border-color:var(--accent)}
@media(max-width:720px){:root[data-skin="ember"] .hx-c.sep{border-left:0}}
@media(max-width:520px){:root[data-skin="ember"] .pf-sec.hx{border-width:14px;border-image-width:14px}}
:root[data-skin="ember"] .pz{color:var(--ink);background:transparent}
:root[data-skin="ember"] .pz button{color:inherit}
:root[data-skin="ember"] .pz-top small{color:var(--muted)}
:root[data-skin="ember"] .pz-ib{border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--accent)}
:root[data-skin="ember"] .pz-ib:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}
:root[data-skin="ember"] .pz-card{border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:18px;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 65%),linear-gradient(140deg,var(--surface2),var(--surface))}
:root[data-skin="ember"] .pz-medal{border-radius:50%;border:1.8px solid var(--accent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent2) 22%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 5px var(--surface),inset 0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}
:root[data-skin="ember"] .pz-hd p{color:var(--muted)}
:root[data-skin="ember"] .pz-cnt .n{border-radius:50%;border:1.8px solid var(--accent)}
:root[data-skin="ember"] .pz-cnt .l{border-left:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--muted)}
:root[data-skin="ember"] .pz-bar{border-radius:99px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);background:color-mix(in srgb,var(--bg) 60%,transparent)}
:root[data-skin="ember"] .pz-bar>i{border-radius:99px;background:linear-gradient(90deg,#af6946,var(--accent))}
:root[data-skin="ember"] .pz-bar.g>i{background:linear-gradient(90deg,#724937,var(--accent2))}
:root[data-skin="ember"] .pz-tiers{border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .pz-tiers::before{background:color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-skin="ember"] .pz-tier{border-top:1px solid color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin="ember"] .pz-tier:first-child{border-top:0}
:root[data-skin="ember"] .pz-med{border-radius:50%;border:1.6px solid var(--accent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent2) 20%,var(--surface)),var(--surface));color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--accent) 25%,transparent)}
:root[data-skin="ember"] .pz-tier.cur .pz-med{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),0 0 22px color-mix(in srgb,var(--accent) 40%,transparent)}
:root[data-skin="ember"] .pz-tier.done .pz-med{background:var(--accent);color:var(--accent-ink)}
:root[data-skin="ember"] .pz-tier.lock .pz-med{border-color:color-mix(in srgb,var(--muted) 40%,transparent);color:var(--muted)}
:root[data-skin="ember"] .pz-tier .tx span{color:var(--muted)}
:root[data-skin="ember"] .pz-tier .tx p{color:var(--muted)}
:root[data-skin="ember"] .pz-tier .pg b{color:var(--accent)}
:root[data-skin="ember"] .pz-pill{border-radius:10px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);color:var(--muted);background:transparent}
:root[data-skin="ember"] .pz-pill.go{border-color:var(--accent);background:var(--btn-bg);color:var(--btn-ink)}
:root[data-skin="ember"] .pz-pill.ok{border-color:color-mix(in srgb,var(--accent2) 70%,transparent);color:var(--accent2)}
:root[data-skin="ember"] .pz-cell{border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent)}
:root[data-skin="ember"] .pz-cell:hover:not(:disabled){border-color:var(--accent)}
:root[data-skin="ember"] .pz-cell.ok{background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:var(--accent);color:var(--accent)}
:root[data-skin="ember"] .pz-cell.no{border-color:color-mix(in srgb,var(--bad) 70%,transparent);color:var(--bad)}
:root[data-skin="ember"] .pz-cell.cur{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 0 18px color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent)}
:root[data-skin="ember"] .pz-chip{border:1px solid var(--line2);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root[data-skin="ember"] .pz-chip svg{color:var(--accent)}
:root[data-skin="ember"] .pz-side-c{color:var(--muted)}
:root[data-skin="ember"] .pz-side-c i{border-radius:50%;background:#fbeadc;border:1.5px solid var(--accent)}
:root[data-skin="ember"] .pz-side-c i.b{background:#1c0e07}
:root[data-skin="ember"] .pz-board{border-radius:6px}
:root[data-skin="ember"] .pz-board .sq.legal::after{border-radius:50%;background:color-mix(in srgb,var(--accent) 70%,transparent)}
:root[data-skin="ember"] .pz-board .sq.legal.cap::after{background:transparent;border:.7cqw solid color-mix(in srgb,var(--bad) 85%,transparent)}
:root[data-skin="ember"] .pz-board .sq.hint2::before{background:color-mix(in srgb,var(--accent2) 45%,transparent)}
:root[data-skin="ember"] .pz-board .sq.bad::before{background:color-mix(in srgb,var(--bad) 40%,transparent)}
:root[data-skin="ember"] .pz-board .sq.good::before{background:color-mix(in srgb,var(--good) 38%,transparent)}
:root[data-skin="ember"] .pz-panel{border:1px solid var(--line2);border-radius:14px;background:linear-gradient(140deg,var(--surface2),var(--surface))}
:root[data-skin="ember"] .pz-lab{color:var(--muted)}
:root[data-skin="ember"] .pz-val{color:var(--accent)}
:root[data-skin="ember"] .pz-val.g{color:var(--accent2)}
:root[data-skin="ember"] .pz-gains span{border-radius:8px;border:1px solid}
:root[data-skin="ember"] .pz-gains .p{border-color:color-mix(in srgb,var(--accent2) 70%,transparent);color:var(--accent2)}
:root[data-skin="ember"] .pz-gains .m{border-color:color-mix(in srgb,var(--bad) 70%,transparent);color:var(--bad)}
:root[data-skin="ember"] .pz-gains .h{border:0;color:var(--muted)}
:root[data-skin="ember"] .pz-msg{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
:root[data-skin="ember"] .pz-msg b.k{color:var(--accent)}
:root[data-skin="ember"] .pz-msg.bad{border-color:color-mix(in srgb,var(--bad) 60%,transparent)}
:root[data-skin="ember"] .pz-msg.good{border-color:color-mix(in srgb,var(--good) 60%,transparent)}
:root[data-skin="ember"] .pz-act .btn{border-radius:12px}
:root[data-skin="ember"] .pz-why .btn{border-radius:10px}
:root[data-skin="ember"] .pz-xpchip{border-radius:999px;border:1.5px solid var(--accent);background:radial-gradient(circle at 30% 20%,#f5c397,#d26a36);color:#271208;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 6px 18px rgba(0,0,0,.45),0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}
:root[data-skin="ember"] .pz-xpchip.neg{background:radial-gradient(circle at 30% 20%,#ffb1a4,#d2594a);border-color:#ffb1a4;color:#2a0b07}
:root[data-skin="ember"] .pz-grp{color:var(--accent)}
:root[data-skin="ember"] .pz-grp::after{background:linear-gradient(90deg,var(--accent),transparent)}
:root[data-skin="ember"] .pz-mode .t{border-left:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
:root[data-skin="ember"] .pz-mode .chev{color:var(--accent)}
:root[data-skin="ember"] .pz-mode{border-radius:14px;border:1px solid var(--line2);background:linear-gradient(140deg,var(--surface2),var(--surface))}
:root[data-skin="ember"] .pz-mode:hover{border-color:var(--accent)}
:root[data-skin="ember"] .pz-mode .ic{border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent2) 20%,var(--surface)),var(--surface))}
:root[data-skin="ember"] .pz-mode small{color:var(--muted)}
:root[data-skin="ember"] .pz-mode em{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px}
:root[data-skin="ember"] .pz-lrow{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
:root[data-skin="ember"] .pz-lrow:hover{border-color:var(--accent)}
:root[data-skin="ember"] .pz-lrow small{color:var(--muted)}
:root[data-skin="ember"] .pz-sum .big{color:var(--accent)}
:root[data-skin="ember"] .pz-streak i{border-radius:50%;border:1.5px solid color-mix(in srgb,var(--muted) 40%,transparent);color:var(--muted)}
:root[data-skin="ember"] .pz-streak i.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:root[data-skin="ember"] .pz-streak i.fz{border-color:var(--accent2);color:var(--accent2)}
:root[data-skin="ember"] .pz-timer{color:var(--accent)}
:root[data-skin="ember"] .pz-lives{color:var(--bad)}
:root[data-skin="ember"] .pz-set label{border:1px solid var(--line2);border-radius:12px}
:root[data-skin="ember"] .pz-set label small{color:var(--muted)}
:root[data-skin="ember"] .pz-tm{color:var(--accent)}
:root[data-skin="ember"] .pz-tm.low{border-color:color-mix(in srgb,var(--bad) 70%,transparent);color:var(--bad)}
:root[data-skin="ember"] .pz-tm.low svg{color:var(--bad)}
:root[data-skin="ember"] .pz-board .sq.oppf::before{background:color-mix(in srgb,#a66bff 55%,transparent)}
:root[data-skin="ember"] .pz-tmset{border:1px solid var(--line2);border-radius:12px}
:root[data-skin="ember"] .pz-tmrow b{color:var(--accent)}
:root[data-skin="ember"] .pz-tmpre .btn{border-radius:10px}
:root[data-skin="ember"] .pz-tmset small{color:var(--muted)}
:root[data-skin="ember"] .pz-rc{border:1px solid var(--line2);border-radius:12px}
:root[data-skin="ember"] .pz-rc span{color:var(--muted)}
:root[data-skin="ember"] .pz-rc b{color:var(--accent)}
:root[data-skin="ember"] .pz-rcfg .btn{border-radius:12px}
:root[data-skin="ember"] .pz-tmpre .btn.on{background:var(--accent);color:#1c0e07;border-color:transparent}
:root[data-skin="ember"] .so-rew{border:1px solid color-mix(in srgb,var(--accent) 64%,transparent);border-radius:18px;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 65%),linear-gradient(140deg,var(--surface,#291c16),color-mix(in srgb,var(--surface,#291c16) 88%,#0d1314));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
:root[data-skin="ember"] .so-rew .rw-ttl h4{color:var(--ink)}
:root[data-skin="ember"] .so-rew .rw-ttl p{color:var(--muted)}
:root[data-skin="ember"] .so-rew .rw-count b{border:1.6px solid var(--accent);border-radius:50%;color:var(--ink)}
:root[data-skin="ember"] .so-rew .rw-count small{border-left:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--muted)}
:root[data-skin="ember"] .so-rew .rw-list{--rw-pad:20px;--rw-icon:54px;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-skin="ember"] .so-rew .rw-row+.rw-row::after{background:color-mix(in srgb,var(--accent) 18%,transparent)}
:root[data-skin="ember"] .so-rew .rw-row::before{background:color-mix(in srgb,var(--accent) 48%,transparent)}
:root[data-skin="ember"] .so-rew .rw-ic{border-radius:50%;border:1.5px solid var(--accent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px color-mix(in srgb,var(--accent) 36%,transparent)}
:root[data-skin="ember"] .so-rew .rw-ic svg{fill:none;stroke:var(--accent)}
:root[data-skin="ember"] .so-rew .rw-tx b{color:var(--ink)}
:root[data-skin="ember"] .so-rew .rw-tx small{color:var(--muted)}
:root[data-skin="ember"] .so-rew .rw-bd small{color:var(--muted)}
:root[data-skin="ember"] .so-rew .rw-xp{border:1px solid var(--accent);color:var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
:root[data-skin="ember"] .so-rew .rw-bar{border-radius:99px;border:1px solid color-mix(in srgb,var(--muted) 45%,transparent);background:color-mix(in srgb,var(--bg) 55%,transparent);box-shadow:inset 0 1px 3px rgba(0,0,0,.22)}
:root[data-skin="ember"] .so-rew .rw-bar span{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,var(--surface)),var(--accent));border-radius:inherit}
:root[data-skin="ember"] .so-rew .rw-pr em{color:var(--accent)}
:root[data-skin="ember"] .so-rew .rw-row.done .rw-ic{background:var(--accent);box-shadow:inset 0 0 0 4px var(--surface)}
:root[data-skin="ember"] .so-rew .rw-row.done .rw-ic svg{stroke:var(--accent-ink,#1b0b03)}
@container (min-width:960px){:root[data-skin="ember"] .so-rew .rw-list{--rw-pad:32px;--rw-icon:72px}}
@container (max-width:380px){:root[data-skin="ember"] .so-rew .rw-list{--rw-pad:14px;--rw-icon:46px}}
:root[data-skin="ember"] .so-gear{fill:none;stroke:var(--accent)}
:root[data-skin="ember"] .so-chev{fill:none;stroke:var(--accent)}
:root[data-skin="ember"] #tbSound .mp-ic svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .so-set{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)!important;border-radius:16px}
:root[data-skin="ember"] .kbd-row{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .kbd-row kbd{border-radius:7px;border:1px solid var(--line2,var(--line));background:var(--surface2,#2d1e18);color:var(--ink,#f5e1d0)}
:root[data-skin="ember"] .cm-oldbrowser{border-radius:12px;background:#2c1910;color:#f5e1d0;border:1px solid #dc8052}
:root[data-skin="ember"] .cm-oldbrowser button{background:none;border:1px solid #dc8052;color:#f5e1d0;border-radius:8px}
:root[data-skin="ember"] .so-gear{fill:initial;stroke:none}
:root[data-skin="ember"] .skinc.locked{filter:saturate(.55)}
:root[data-skin="ember"] .skinc.locked:hover{filter:saturate(.55)}
:root[data-skin="ember"] .skinc .skin-soon{border-radius:99px;background:rgba(0,0,0,.6);color:#f5c59b;border:1px solid rgba(245,197,155,.45)}
:root[data-skin="ember"] .wz-sub{color:var(--muted)}
:root[data-skin="ember"] .wz-chip{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;background:transparent;color:var(--muted)}
:root[data-skin="ember"] .wz-chip i{border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-skin="ember"] .wz-chip b{color:var(--ink)}
:root[data-skin="ember"] .wz-chip.cur{border-color:var(--accent);color:var(--ink)}
:root[data-skin="ember"] .wz-chip.cur i{background:var(--accent);color:#1c0c04;border-color:var(--accent)}
:root[data-skin="ember"] .wz-chip.done i{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}
:root[data-skin="ember"] .wz-hint{color:var(--muted)}
:root[data-skin="ember"] .wz-hint.ok{color:var(--accent)}
:root[data-skin="ember"] #mActions .primary.wz-off{filter:saturate(.3) brightness(.7);box-shadow:none!important}
:root[data-skin="ember"] .wz-cols button{color:var(--ink)}
:root[data-skin="ember"] .wz-disc{border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 50%,#000);box-shadow:inset 0 -6px 10px rgba(0,0,0,.25),0 3px 8px rgba(0,0,0,.45)}
:root[data-skin="ember"] .wz-disc.w{background:radial-gradient(circle at 40% 30%,#fff,#ebdcce);color:#150d09}
:root[data-skin="ember"] .wz-disc.b{background:radial-gradient(circle at 40% 30%,#3a3a3a,#0b0b0b);color:#fff;border-color:color-mix(in srgb,var(--accent) 70%,#fff)}
:root[data-skin="ember"] .wz-disc.r{background:linear-gradient(90deg,#0b0b0b 0 50%,#f5eae1 50% 100%)}
:root[data-skin="ember"] .wz-disc.r b{color:#fff}
:root[data-skin="ember"] .wz-cols button.on .wz-disc{box-shadow:0 0 0 3px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .wz-cols button.on small{color:var(--accent)}
:root[data-skin="ember"] .wz-nopick .cd-none[aria-pressed=false] .cd-rd{border-color:color-mix(in srgb,var(--ink) 35%,transparent);background:none}
:root[data-skin="ember"] .wz-cols button.on b{color:var(--accent)}
:root[data-skin="ember"] #salCol .sal-chip,:root[data-skin="ember"] #salCol .sal-chip.on{background:none!important;border:0!important;box-shadow:none!important;outline:0}
:root[data-skin="ember"] #salCol .wz-disc.r b{color:transparent;background:linear-gradient(90deg,#fff 50%,#0b0b0b 50%);background-clip:text}
:root[data-skin="ember"] .wz-disc.r b{color:transparent;background:linear-gradient(90deg,#fff 50%,#0b0b0b 50%);background-clip:text}
:root[data-skin="ember"] .wz-flame{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
:root[data-skin="ember"] .msg-bub{border:0;background:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
:root[data-skin="ember"] .msg-bub.off svg{filter:grayscale(1) brightness(.72)}
:root[data-skin="ember"] .msg-dot{border-radius:50%;background:#e5484d;border:2px solid var(--surface,#2e1f18);box-shadow:0 0 0 3px rgba(229,72,77,.3)}
:root[data-skin="ember"] .nclk.msg-compose{border-color:var(--accent,#e08e65)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#e08e65) 55%,transparent),0 0 22px color-mix(in srgb,var(--accent,#e08e65) 28%,transparent)!important}
:root[data-skin="ember"] .msg-form input,:root[data-skin="ember"] .msg-in input{border:0;outline:0;background:transparent;color:var(--ink,#f6dcc6);caret-color:var(--accent,#e08e65)}
:root[data-skin="ember"] .msg-x,:root[data-skin="ember"] .msg-send{border-radius:50%}
:root[data-skin="ember"] .msg-x{border:1px solid var(--line2,#5b5340);background:transparent;color:var(--accent,#e08e65)}
:root[data-skin="ember"] .msg-send{border:1px solid #7f4021;background:linear-gradient(180deg,#f6c9a1,#e18252 55%,#b15426);color:#51240e;box-shadow:inset 0 1px 0 #f9dec6,0 2px 6px rgba(0,0,0,.4)}
:root[data-skin="ember"] .msg-toast{border-radius:16px;background:rgba(27,18,15,.58);border:1px solid color-mix(in srgb,var(--accent,#e08e65) 45%,transparent);color:#fae7d6;box-shadow:0 8px 24px rgba(0,0,0,.35)}
:root[data-skin="ember"] .msg-toast .life{background:linear-gradient(90deg,#e7a469,#b15426)}
:root[data-skin="ember"] .msg-tag{border:0;border-radius:15px;color:#3c1806;background:linear-gradient(0deg,#f5c59b 0%,#e27741 58%,#b95523 100%);box-shadow:0 -4px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] #mgBDock.open .msg-tag{border-radius:15px 15px 0 0}
:root[data-skin="ember"] .msg-tag .msg-dot{border-color:#241813}
:root[data-skin="ember"] .msg-feed{background:color-mix(in srgb,var(--surface,#241813) 96%,#000);border:1.5px solid var(--accent,#e08e65);color:var(--ink,#f6dcc6)}
:root[data-skin="ember"] body.mg .msg-feed{border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 34px rgba(0,0,0,.5)}
:root[data-skin="ember"] body:not(.mg) .msg-feed{border-radius:18px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
:root[data-skin="ember"] .msg-grab{border-radius:3px;background:rgba(160,150,120,.5)}
:root[data-skin="ember"] .msg-close{border-radius:15px;border:1px solid color-mix(in srgb,var(--accent,#e08e65) 55%,transparent);background:color-mix(in srgb,var(--accent,#e08e65) 12%,transparent);color:var(--accent,#e08e65)}
:root[data-skin="ember"] .msg-row.opp .msg-b{background:color-mix(in srgb,var(--surface2,#3d2921) 92%,transparent);border-radius:16px 16px 16px 4px;color:var(--ink,#f5e3d4);border:1px solid var(--line,transparent)}
:root[data-skin="ember"] .msg-row.me .msg-b{background:linear-gradient(180deg,#f4bc8b,#dc7b4a);color:#2c170c;border-radius:16px 16px 4px 16px}
:root[data-skin="ember"] .msg-in{border-radius:28px;border:1px solid var(--line2,#4c382e);background:var(--surface2,#2e1f18)}
:root[data-skin="ember"] .msg-fab{border-radius:50%;border:1.5px solid var(--accent,#e08e65);background:color-mix(in srgb,var(--surface,#2e1f18) 94%,#000);box-shadow:0 6px 16px rgba(0,0,0,.4)}
:root[data-skin="ember"] .msg-fab.on{border-color:#f4bc8b;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#e08e65) 35%,transparent),0 6px 16px rgba(0,0,0,.4)}
:root[data-skin="ember"] .msg-fab .msg-dot{border-color:var(--bg,#1b120e)}
:root[data-skin="ember"] .sr-card{border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--surface) 88%,#000);color:var(--ink)}
:root[data-skin="ember"] .sr-card svg{filter:drop-shadow(0 0 7px rgba(236,118,59,.55))}
:root[data-skin="ember"] .sr-card.risk{border-color:#ff8a3c;box-shadow:0 0 0 2px rgba(255,138,60,.25)}
:root[data-skin="ember"] .sr-big{border-radius:16px;border:1px solid rgba(224,142,101,.4);background:rgba(0,0,0,.18)}
:root[data-skin="ember"] .sr-n{color:#f6dcc6}
:root[data-skin="ember"] .sr-sh{border-radius:14px;border:1px solid rgba(224,142,101,.3)}
:root[data-skin="ember"] .sr-week i{border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(224,142,101,.25)}
:root[data-skin="ember"] .sr-week i.on{background:linear-gradient(180deg,#f6c9a1,#e18252);border-color:#e18252}
:root[data-skin="ember"] .sr-week i.now{box-shadow:0 0 0 2px rgba(233,132,81,.5)}
:root[data-skin="ember"] .sr-row{border-bottom:1px solid rgba(255,255,255,.08)}
:root[data-skin="ember"] .sr-dot{border-radius:50%;border:2px solid #6b6450}
:root[data-skin="ember"] .sr-row.on .sr-dot{border-color:#dd8c63;background:#e18252;color:#2c170c}
:root[data-skin="ember"] .sr-banner{border-radius:18px;background:linear-gradient(180deg,#f6c9a1,#e18252 55%,#b15426);color:#2c170c;border:1px solid #7f4021;box-shadow:0 10px 26px rgba(0,0,0,.4)}
:root[data-skin="ember"] body.sr-frame .ps-av,:root[data-skin="ember"] body.sr-frame #pfAv{box-shadow:0 0 0 2px #e98451,0 0 0 4px rgba(233,132,81,.35)}
:root[data-skin="ember"] .skinc.on{outline:none!important;border:2px solid #e98451;box-shadow:0 0 0 1px rgba(249,218,191,.4),0 0 18px -4px rgba(233,132,81,.6)}
:root[data-skin="ember"] .tch-sage{border-radius:50%;color:var(--accent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 72%),color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),0 6px 16px rgba(0,0,0,.28)}
:root[data-skin="ember"] body.tch .tch-sage{background:linear-gradient(180deg,#f4be8e,#d26d3b);color:#1e0f07;border-color:#f4be8e;box-shadow:0 0 0 3px rgba(220,128,82,.28),0 0 20px rgba(220,128,82,.55)}
:root[data-skin="ember"] body.tch-drawing,:root[data-skin="ember"] body.tch-drawing *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath d='M3 21l1.3-4.8L16 4.5a2 2 0 0 1 2.8 0l.7.7a2 2 0 0 1 0 2.8L7.800 19.700z' fill='%23f2b178' stroke='%23111' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M3 21l1.3-4.800 3.500 3.500z' fill='%23333' stroke='%23111' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 28,crosshair!important}
:root[data-skin="ember"] .tch-wrap{border-radius:calc(var(--radius) + 4px);background:var(--hero-bg);border:1px solid var(--line)}
:root[data-skin="ember"] .tch-diam{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}
:root[data-skin="ember"] .tch-pad{border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.2));border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.22)}
:root[data-skin="ember"] .tch-b{border:1px solid var(--line2);background:var(--surface2);color:var(--text)}
:root[data-skin="ember"] .tch-round{border-radius:50%}
:root[data-skin="ember"] .tch-tool{border-radius:50%}
:root[data-skin="ember"] .tch-tool.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface2));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent),0 0 14px color-mix(in srgb,var(--accent) 30%,transparent)}
:root[data-skin="ember"] .tch-apply{border-radius:30px;color:#1e0f07;border-color:transparent;background:linear-gradient(180deg,#f4be8e,#d26d3b);box-shadow:0 6px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] .tch-apply:disabled{filter:grayscale(.55)}
:root[data-skin="ember"] .tch-read{border-radius:14px;background:rgba(0,0,0,.24);border:1px solid var(--line)}
:root[data-skin="ember"] .tch-read.w b{color:#ae7258}
:root[data-skin="ember"] .tch-read.b b{color:#22d3ee}
:root[data-skin="ember"] .tch-read small{color:var(--muted)}
:root[data-skin="ember"] .tch-hint{color:var(--muted)}
:root[data-skin="ember"] .tch-notes{border-top:1px solid var(--line)}
:root[data-skin="ember"] .tch-notes h4{color:var(--accent)}
:root[data-skin="ember"] .tch-mvrow>b{color:#fff}
:root[data-skin="ember"] .tch-chip{border-radius:999px;border:1px solid var(--line2);background:var(--surface2)}
:root[data-skin="ember"] .tch-chip.w{border-color:rgba(174,114,88,.45)}
:root[data-skin="ember"] .tch-chip.b{border-color:rgba(34,211,238,.45)}
:root[data-skin="ember"] .tch-empty{color:var(--muted)}
:root[data-skin="ember"] .tch-side{color:var(--muted)}
:root[data-skin="ember"] .tch-sbtn{border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
:root[data-skin="ember"] .tch-sbtn.on{background:linear-gradient(180deg,#f4be8e,#d26d3b);color:#1e0f07;border-color:transparent}
@container (max-width:350px){:root[data-skin="ember"] .tch-tool{border-radius:50%}}
:root[data-skin="ember"] .tch-homebtn{border-radius:999px;border:0;color:#1e0f07;background:linear-gradient(180deg,#f4be8e,#d26d3b);box-shadow:0 6px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] .tch-homebtn{border-radius:16px}
:root[data-skin="ember"] .cpuc-wrap{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--hero-bg)}
:root[data-skin="ember"] .cpuc-sumt small{color:var(--muted)}
:root[data-skin="ember"] .cpuc-chev{color:var(--accent)}
:root[data-skin="ember"] .cpuc-sum:focus-visible,:root[data-skin="ember"] .cpuc-story summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
:root[data-skin="ember"] .cpuc-body{border-top:1px solid var(--line)}
:root[data-skin="ember"] .cpuc-chip{border:1px solid var(--line2);border-radius:10px;color:var(--text);background:rgba(0,0,0,.18)}
:root[data-skin="ember"] .cpuc-chip .cpuc-ic{color:var(--accent)}
:root[data-skin="ember"] .cpuc-chip i{color:var(--muted)}
:root[data-skin="ember"] .cpuc-body h5{color:var(--text)}
:root[data-skin="ember"] .cpuc-left h5{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .cpuc-short{color:var(--text)}
:root[data-skin="ember"] .cpuc-mid{color:var(--muted)}
:root[data-skin="ember"] .cpuc-story summary{color:var(--accent)}
:root[data-skin="ember"] .cpuc-story summary span{border-bottom:1px solid var(--accent)}
:root[data-skin="ember"] .cpuc-story p{color:var(--muted)}
:root[data-skin="ember"] .cpuc-av{border-radius:50%;color:var(--accent);border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
:root[data-skin="ember"] .cpuc-boss{border:1px solid var(--line2);border-radius:14px;background:rgba(0,0,0,.18)}
:root[data-skin="ember"] .cpuc-boss h5{color:var(--accent)}
:root[data-skin="ember"] .cpuc-boss small{color:var(--muted)}
:root[data-skin="ember"] .cpuc-now{border:1px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,transparent)}
:root[data-skin="ember"] .cpuc-now small{color:var(--accent)}
:root[data-skin="ember"] .cpuc-now span{color:var(--text)}
:root[data-skin="ember"] .cpuc-now em{color:var(--muted)}
:root[data-skin="ember"] .cpuc-row{border-top:1px solid var(--line)}
:root[data-skin="ember"] .cpuc-row:first-child{border-top:0}
:root[data-skin="ember"] .cpuc-nm small{color:var(--muted)}
:root[data-skin="ember"] .cpuc-md{color:var(--muted)}
:root[data-skin="ember"] .cpuc-badge{border-radius:999px;color:var(--accent);border:1px solid var(--accent)}
:root[data-skin="ember"] .cpuc-row.now{border:1px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
@container (min-width:560px){:root[data-skin="ember"] .cpuc-right{border-left:1px solid var(--line)}
:root[data-skin="ember"] .cpuc-row{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.14)}
:root[data-skin="ember"] .cpuc-row:first-child{border-top:1px solid var(--line)}
:root[data-skin="ember"] .cpuc-row.now{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}}
@container (min-width:900px){:root[data-skin="ember"] .cpuc-md{border-left:1px solid var(--line)}}
:root[data-skin="ember"] .tch-skip{color:var(--muted)}
:root[data-skin="ember"] .cd-sub{color:var(--muted)}
:root[data-skin="ember"] .cd button{color:var(--ink)}
:root[data-skin="ember"] .cd button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] .cd-tg{border:1px solid var(--line2);border-radius:999px;background:color-mix(in srgb,#000 22%,transparent)}
:root[data-skin="ember"] .cd-tg button{border-radius:999px;border:0;background:transparent;color:var(--muted)}
:root[data-skin="ember"] .cd-tg button[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-ink)}
:root[data-skin="ember"] .cd-lockn{color:var(--muted)}
:root[data-skin="ember"] .cd-ic{stroke:var(--accent);fill:none}
:root[data-skin="ember"] .cd-o{border-radius:12px;border:1px solid var(--line2);background:var(--surface)}
:root[data-skin="ember"] .cd-o[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent}
:root[data-skin="ember"] .cd-fam{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 80%,transparent);border-radius:14px}
:root[data-skin="ember"] .cd-t small{color:var(--muted)}
:root[data-skin="ember"] .cd-none{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 80%,transparent);border-radius:14px}
:root[data-skin="ember"] .cd-none small{color:var(--muted)}
:root[data-skin="ember"] .cd-none .cd-rd{border-radius:50%;border:1.5px solid var(--line2)}
:root[data-skin="ember"] .cd-none[aria-pressed=true]{border-color:var(--accent)}
:root[data-skin="ember"] .cd-none[aria-pressed=true] .cd-rd{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 45%,transparent 50%)}
:root[data-skin="ember"] .cd-lab{color:var(--accent)}
:root[data-skin="ember"] .cd-chips .cd-o{border-radius:999px}
:root[data-skin="ember"] .cd-note{color:var(--muted)}
:root[data-skin="ember"] .cd-sum{border-radius:12px;border:1px solid var(--line2);background:color-mix(in srgb,#000 20%,transparent)}
:root[data-skin="ember"] .cd-sum i{background:var(--accent)}
:root[data-skin="ember"] .tbar.cd-two .cd-ck .cd-l{color:var(--muted)}
:root[data-skin="ember"] .nclk .ck-chip{border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--line)}
:root[data-skin="ember"] .nclk .ck-chip.on{color:var(--btn-ink,#261208);background:var(--btn-bg,#cb7c55);border-color:var(--btn-border,#d68963)}
:root[data-skin="ember"] .nclk .ck-chip.mv.on{background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);border-color:var(--accent)}
:root[data-skin="ember"] .nclk .ck-chip.low{color:var(--warn,#ea6e30)}
:root[data-skin="ember"] .nclk .ck-chip.crit{color:#fff;background:var(--bad);border-color:var(--bad)}
:root[data-skin="ember"] .nclk .ps-cap::after{background:radial-gradient(circle,var(--accent) 2.6px,transparent 3px) 0 0/9px 7px repeat-x}
@media (prefers-reduced-motion:reduce){:root[data-skin="ember"] .nclk.gl .nc-side i{box-shadow:0 0 8px 2px rgba(230,165,108,.4)}}
:root[data-skin="ember"] .rg-pc{fill:currentColor}
:root[data-skin="ember"] .rg-pci{border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,#000 28%,transparent);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
:root[data-skin="ember"] .rg-kick{color:var(--accent)}
:root[data-skin="ember"] .rg-sub{color:var(--muted)}
:root[data-skin="ember"] .rg-card{border:1px solid var(--line2);border-radius:calc(var(--radius) + 4px);background:var(--hero-bg,var(--surface))}
:root[data-skin="ember"] .rg-card::before{background:linear-gradient(90deg,transparent,var(--accent),transparent)}
:root[data-skin="ember"] .rg-ctext p{color:var(--muted)}
:root[data-skin="ember"] .rg-go{border-radius:999px}
:root[data-skin="ember"] .rg-cart .rg-img{filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
:root[data-skin="ember"] .rg-ph{color:var(--accent)}
:root[data-skin="ember"] .rg-ph span{color:var(--muted)}
:root[data-skin="ember"] #rgal{border:0;background:#18100d}
:root[data-skin="ember"] .stabs-wrap.scrollable .stabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
:root[data-skin="ember"] .stabs-wrap.scrollable.can-l:not(.can-r) .stabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
:root[data-skin="ember"] .stabs-wrap.scrollable.can-r:not(.can-l) .stabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
:root[data-skin="ember"] .stabs-ar{border-radius:50%;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.35)}
:root[data-skin="ember"] .rg-tabs{border:1px solid var(--line2);border-radius:999px;background:color-mix(in srgb,#000 22%,transparent)}
:root[data-skin="ember"] .rg-tabs button{border:0;border-radius:999px;background:transparent;color:var(--muted)}
:root[data-skin="ember"] .rg-tabs button[aria-selected=true]{background:var(--btn-bg);color:var(--btn-ink)}
:root[data-skin="ember"] .rg-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
:root[data-skin="ember"] .ps-cpu.pic{background:#18100d;border-color:var(--accent)}
:root[data-skin="ember"] .ps-cpu.pic img{border-radius:50%}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal{--accent:#e6a56c;--ink:#f9e5d4;--muted:#bfc9b9;--surface:#1e1410;--surface2:#291c16;--line:#e48c602b;--line2:#e48c6066;border:1px solid #ebb688ab;border-radius:27px;background:linear-gradient(120deg,#402b229c,#1c130feb 65%)!important;box-shadow:0 28px 100px #0008,0 0 0 4px #241914,0 0 0 5px #c3805f30,inset 0 0 0 1px #e6b18324!important;scrollbar-color:#aa7154 #241813}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal:before{background:linear-gradient(90deg,transparent,#f8d4b4 36%,#c6d9a3 58%,transparent);box-shadow:0 0 20px #bce7a24d}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal #mBody{background:none!important}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-x{border:1px solid #e8a8706e;background:#1b120ebb;color:#f4c296;box-shadow:inset 0 1px #daae8719}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-x:hover{border-color:#f6c8a0;background:#462f25}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-doskick{color:#e9b588}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-doskick:after{background:linear-gradient(90deg,#d68e6a77,transparent)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport{border-radius:0;background:#271a15}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport:after{border:0;border-radius:0;background:linear-gradient(180deg,#1e141006,transparent 55%,#1f1511e6 94%,#1f1511)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport .rg-img{filter:none;-webkit-mask-image:none;mask-image:none;-webkit-mask-image:none}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport .rg-ph{background:radial-gradient(ellipse,#83533f30,transparent 65%)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport .rg-sil{color:#c0998566}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-name{text-shadow:0 2px 18px #0009;color:#f6cda9}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-pill{border:1px solid #de916b80;border-radius:999px;background:linear-gradient(90deg,#2e1f1855,#b8673e20,#2e1f1855);color:#efbf95;box-shadow:inset 0 1px #f7d0ad15}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-sub{color:#c0caba}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs.small{border:1px solid #e48c604a;background:#150e0ba8;border-radius:12px}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs button{border-radius:8px;border:1px solid transparent;background:none;color:#a7b99f}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs button[aria-selected=true]{background:linear-gradient(180deg,#c56c403b,#874a2b1e);border-color:#e5aa779c;box-shadow:inset 0 1px #f7cda922;color:#f7cfac}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs button:hover{color:#f7cfac}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dbody{outline-offset:5px}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits li{border-radius:12px;border:1px solid #dbad8429;background:linear-gradient(110deg,#ffffff0b,#b5c59205);box-shadow:inset 0 1px #fadfc808}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits li:hover{border-color:#dd906966;background:linear-gradient(110deg,#da8a6211,#b5c59208)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-pci{border-radius:50%;border:1px solid #df8e65b0;color:#eea768;background:radial-gradient(ellipse at 40% 25%,#c1653725,#160f0c 75%);box-shadow:0 0 0 3px #1d141020,inset 0 1px 6px #f4c0930b}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-pci svg{stroke:currentColor;fill:none}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits b{color:#f5dcc6}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits span{color:#b8c7b1}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-lab{color:#ba9380}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-lab:before,:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-lab:after{background:linear-gradient(90deg,transparent,#cd7c536e)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-story{color:#d0d9c9;border:1px solid #dbad8429;border-radius:12px;background:#b37a6110}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-quote{color:#d7c6b7;border-top:1px solid #d6855d40}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-feats{border:1px solid #dbad8429;border-radius:12px;background:#b37a6110}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .fnote{color:#bdcbb6}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal #mActions{background:none!important}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal button:focus-visible{outline:2px solid #f7d0ad;outline-offset:4px}
@media(max-width:600px){:root[data-skin="ember"] #modal.psmodal.rg-dosmodal{border-radius:22px}}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal{--accent:#f2b47e;border:2px solid #e7bb95;border-radius:26px;background:#18100d!important;box-shadow:0 20px 95px #0009,inset 0 0 0 1px #fbe9d940,0 0 18px #e6a87226!important}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal:before{background:linear-gradient(90deg,transparent,#f6caa3 35%,#eaffad 52%,#8ad8b2 64%,transparent);box-shadow:0 0 14px 2px #d2ff9f70}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal:after{border-radius:inherit;background-image:linear-gradient(180deg,#140d0a00 0%,#140d0a00 35%,#170f0c99 55%,#150e0bdd 75%,#17100df2),var(--dossier-art);background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-x{color:#f7ceaa;border:1px solid #e9a264;background:#1d130fa3;box-shadow:inset 0 1px #f5c49917}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-doskick{color:#f6ceab;text-shadow:0 1px 9px #130d0a}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-doskick:after{color:#eea96d;background:linear-gradient(90deg,#e38f65 0 43%,transparent 43% 57%,#e38f65 57%,transparent 100%) center/100% 1px no-repeat}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport{border-radius:0;background:none}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dport .rg-ph{background:radial-gradient(ellipse,#83533f30,transparent 65%)}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .ps-name{text-shadow:0 2px 20px #000b;color:#f9dbc0}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-pill{color:#f4bd8d;border:1px solid #f0a666;background:linear-gradient(180deg,#271a15a6,#110b09bb);box-shadow:inset 0 1px #efc19918}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-sub{color:#d0d5c9;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#efa25f 24%,#efa25f 76%,transparent) 1}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-sub:after{background:#201611;color:#f4bc8b}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs.small{border:1px solid #d0d8b73d;border-bottom:0;border-radius:16px 16px 0 0;background:#1f151099;box-shadow:inset 0 1px #fdf3eb19}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs button{border-radius:15px 15px 0 0;border:1px solid transparent;color:#bfc9b7;background:none}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs button[aria-selected=true]{border-color:#eda566;border-bottom-color:transparent;color:#f8d7ba;background:linear-gradient(135deg,#bc6d4666,#9c614330);box-shadow:inset 0 1px #f8d6b93d,0 0 14px #f1ac6f40}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-dbody{border:1px solid #ced7b83d;border-radius:0 0 18px 18px;background:linear-gradient(150deg,#33231c9e,#160f0cad);box-shadow:inset 0 1px #fdf3eb18}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits li{border-radius:13px;border:1px solid #c3d4b638;background:linear-gradient(120deg,#adc19f1c,#adc19f09);box-shadow:inset 0 1px #fdf4ed0a}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-pci{border:1px solid #eca160;color:#f3ba89;background:radial-gradient(ellipse at 45% 15%,#b66b4636,#140e0bbd 80%);box-shadow:inset 0 1px 8px #fae4d112}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits b{color:#fae4d1}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-traits span{color:#c1ccbc}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-lab{color:#f5c69c}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-story{color:#e2e5d4;background:#a76a5012;border:0}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-quote{border:0;color:#f0e4d9;text-shadow:0 1px 5px #0007}
@media(max-width:600px){:root[data-skin="ember"] #modal.psmodal.rg-dosmodal{border-radius:23px}
:root[data-skin="ember"] #modal.psmodal.rg-dosmodal .rg-tabs.small{border-radius:14px 14px 0 0}}
@media (max-width:860px) and (orientation:portrait){:root[data-skin="ember"] body.mg #layout{--mgtop:calc(env(safe-area-inset-top,0px) + 26px);--bw:min(100vw,calc(100vh - var(--mgtop) - 192px - 64px))}
@supports (height:100dvh){:root[data-skin="ember"] body.mg #layout{--bw:min(100vw,calc(100dvh - var(--mgtop) - 192px - 64px))}}
:root[data-skin="ember"] body.mg .frame{border-radius:0;border-left-width:0;border-right-width:0}
:root[data-skin="ember"] body.mg #mgBar{background:color-mix(in srgb,var(--surface) 88%,#000);border-bottom:1.5px solid var(--accent);border-radius:0 0 22px 22px;box-shadow:0 16px 38px rgba(0,0,0,.55)}
:root[data-skin="ember"] #mgTag{border:0;border-radius:0 0 15px 15px;color:#3c1806;background:linear-gradient(180deg,#f5c59b 0%,#e27741 58%,#b95523 100%);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] #mgTag i{border-radius:2px;background:rgba(60,24,6,.35)}}
@media (max-width:860px) and (orientation:portrait){:root[data-skin="ember"] body:not(.big):not(.mg) .frame{border-left-width:0;border-right-width:0;border-radius:0}}
@media (max-width:860px) and (orientation:portrait){:root[data-skin="ember"] body.mgb #layout{--bw:min(100vw,calc(100vh - var(--mgtop) - 192px - 34px))}
@supports (height:100dvh){:root[data-skin="ember"] body.mgb #layout{--bw:min(100vw,calc(100dvh - var(--mgtop) - 192px - 34px))}}
:root[data-skin="ember"] #mgBDock{background:color-mix(in srgb,var(--surface) 90%,#000);border-top:1.5px solid var(--accent);border-radius:22px 22px 0 0;box-shadow:0 -16px 38px rgba(0,0,0,.55)}
:root[data-skin="ember"] #mgBTag{border:0;border-radius:15px 15px 0 0;color:#3c1806;background:linear-gradient(0deg,#f5c59b 0%,#e27741 58%,#b95523 100%);box-shadow:0 -4px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] #mgBDock.open #mgBTag{border-radius:15px 15px 0 0}
:root[data-skin="ember"] #mgBDock:not(.open) #mgBTag{border-radius:15px}}
@media (max-width:860px) and (orientation:portrait){:root[data-skin="ember"] #pzDock .pz-top{background:color-mix(in srgb,var(--surface) 88%,#000);border-bottom:1.5px solid var(--accent);border-radius:0 0 22px 22px;box-shadow:0 16px 38px rgba(0,0,0,.55)}
:root[data-skin="ember"] #pzTag{border:0;border-radius:0 0 15px 15px;color:#3c1806;background:linear-gradient(180deg,#f5c59b 0%,#e27741 58%,#b95523 100%);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-skin="ember"] .pz-rushrow{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--surface) 80%,transparent)}}
@media (max-width:600px){:root[data-skin="ember"] .modal:not(.royal):not(.endmodal):not(.psmodal) .actions{background:linear-gradient(to bottom,transparent,var(--surface) 26px)}
:root[data-skin="ember"] .modal:not(.royal):not(.endmodal):not(.psmodal) .actions .btn:not(.primary):not([hidden]){background:var(--surface)}}
@media (max-width:600px){:root[data-skin="ember"] .modal:not(.psmodal):not(.endmodal) .actions,:root[data-skin="ember"] .modal:not(.psmodal):not(.endmodal) #mActions{background:none}
:root[data-skin="ember"] .modal:not(.psmodal):not(.endmodal) .actions .btn:not(.primary):not([hidden]){background:var(--surface)}}
:root[data-skin="ember"] .pz-mode,:root[data-skin="ember"] .pz-mode b,:root[data-skin="ember"] .pz-mode .t{color:var(--ink,#fff)}
:root[data-skin="ember"] .pz-mode b{color:#fff!important}
:root[data-skin="ember"]{--ab-ring:#d68963;--ab-gap:#19110e;--ab-top:#dea472;--ab-mid:#cb7c55;--ab-low:#b0643f;--ab-bot:#904c2a;--ab-grad:linear-gradient(180deg,var(--ab-top) 0%,var(--ab-mid) 38%,var(--ab-low) 70%,var(--ab-bot) 100%);--ab-ink:#261208;--ab-lite:rgba(248,214,185,.78);--abd-ring:#ec9186;--abd-gap:#190b09;--abd-top:#f07a6c;--abd-mid:#d84a3d;--abd-bot:#a92a22;--abd-lite:rgba(255,230,224,.85)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *){border-radius:999px;border:2px solid var(--ab-ring);background:var(--ab-gap);color:var(--ab-ink);text-shadow:0 1px 0 rgba(250,229,210,.45);box-shadow:0 8px 20px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.12) inset}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *)::before{border-radius:inherit;background:linear-gradient(180deg,var(--ab-top) 0%,var(--ab-mid) 42%,var(--ab-low) 70%,var(--ab-bot) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(114,45,11,.28),0 0 14px rgba(240,166,102,.16)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *)::after,:root[data-skin="ember"] .modal.royal .actions :is(.btn.primary,.btn.save,.btn.danger):not(.dbtn)::after,:root[data-skin="ember"] .modal.royal .actions .btn.qbtn.noarr::after{border-radius:inherit;border:2px solid var(--ab-lite);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 0 0 .5px rgba(126,51,14,.25)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *):hover{filter:brightness(1.06)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *):active{filter:brightness(.97)}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *):focus-visible{outline:2px solid rgba(250,227,206,.6);outline-offset:3px}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):disabled{filter:grayscale(.35) brightness(.92);box-shadow:none}
:root[data-skin="ember"] .btn.danger:not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *){border-color:var(--abd-ring);background:var(--abd-gap);color:#fff;text-shadow:0 1px 1px rgba(60,10,6,.5)}
:root[data-skin="ember"] .btn.danger:not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *)::before{background:linear-gradient(180deg,var(--abd-top) 0%,var(--abd-mid) 55%,var(--abd-bot) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(70,8,4,.35)}
:root[data-skin="ember"] .btn.danger:not(.dbtn):not(.orb):not(.orbsq):not(.ibtn):not(.dockwrap *)::after{border-color:var(--abd-lite)}
:root[data-skin="ember"] .btn.danger:focus-visible{outline-color:#ffd0c9}
:root[data-skin="ember"] .btn.primary.so-wide,:root[data-skin="ember"] .btn.primary.nc-bigbtn{border-radius:999px}
:root[data-skin="ember"] .btn.primary.nc-bigbtn{border-radius:34px}
:root[data-skin="ember"] .so-cta .btn.primary{border-radius:999px}
:root[data-skin="ember"] :is(.btn,.pf-btn) :is(.bico,.qico,.aico){color:inherit}
:root[data-skin="ember"] .modal .actions .btn:not(.primary):not(.danger):not(.save):not(.so-ic),:root[data-skin="ember"] .wfooter .btn.ghostbtn{border-radius:999px}
:root[data-skin="ember"] :is(.btn.primary,.btn.save,.btn.danger,.pf-btn.gold):not(.dockwrap *):focus-visible{outline:2px solid rgba(250,227,206,.9);outline-offset:3px}
:root[data-skin="ember"] :is(.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,.gmodes button[aria-selected=true]){background:var(--ab-grad);color:var(--ab-ink);text-shadow:0 1px 0 rgba(250,229,210,.35)}
:root[data-skin="ember"] *::-webkit-scrollbar{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-track{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-corner{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(90deg,#dea472,#cb7c55 50%,#904c2a)}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(180deg,#dea472,#cb7c55 50%,#904c2a)}
@supports not selector(::-webkit-scrollbar){:root[data-skin="ember"] *{scrollbar-color:#c0744e transparent}}
:root[data-skin="ember"] .hv-slide{color:inherit}
:root[data-skin="ember"] .hv-slide:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 30px rgba(0,0,0,.35)}
:root[data-skin="ember"] .hv-slide.soon{filter:saturate(.7)}
:root[data-skin="ember"] .hv-arr{border-radius:50%;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--surface) 86%,#000);color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.45)}
:root[data-skin="ember"] .hv-dots i{border-radius:50%;background:color-mix(in srgb,var(--muted) 50%,transparent)}
:root[data-skin="ember"] .hv-dots i.on{border-radius:5px;background:var(--accent)}
:root[data-skin="ember"] .hv-last{color:var(--muted)}
:root[data-skin="ember"] .hv-last b{color:var(--ink)}
:root[data-skin="ember"] .hv-royal .chip.last{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}
:root[data-skin="ember"] .lc.last{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}
:root[data-skin="ember"] #lvBar{background:color-mix(in srgb,var(--surface) 90%,#000);border-bottom:1.5px solid var(--accent);border-radius:0 0 22px 22px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
:root[data-skin="ember"] .lv-title{color:var(--ink)}
@media (max-width:860px){:root[data-skin="ember"] #lvTag{border:0;border-radius:0 0 15px 15px;color:#3c1806;background:linear-gradient(180deg,#f5c59b 0%,#e27741 58%,#b95523 100%);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.5)}}
:root[data-skin="ember"] .lv-row{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .lv-row:last-child{border-bottom:0}
:root[data-skin="ember"] .lv-row b{color:var(--ink)}
:root[data-skin="ember"] .lv-row small{color:var(--muted)}
:root[data-skin="ember"] #lvBar .mg-quit{border-radius:50%;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--accent)}
:root[data-skin="ember"] .lv-row input[type=checkbox]{border-radius:999px;background:color-mix(in srgb,var(--muted) 40%,transparent);border:1px solid var(--line2)}
:root[data-skin="ember"] .lv-row input[type=checkbox]::after{border-radius:50%;background:#fff}
:root[data-skin="ember"] .lv-row input[type=checkbox]:checked{background:var(--accent)}
:root[data-skin="ember"] body.dojo #nextBtn.btn.primary{color:var(--ab-ink,#261208);border:2px solid var(--ab-ring);background:var(--ab-gap)}
:root[data-skin="ember"] body.dojo #nextBtn.btn.primary svg{color:var(--ab-ink,#261208);stroke:currentColor}
:root[data-skin="ember"] .hx-t{border-radius:14px;border:1.5px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 26%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface)));color:var(--ink)}
:root[data-skin="ember"] .hx-t:not(.on){border-color:var(--line2);background:transparent}
:root[data-skin="ember"] .hx-t svg{color:#e8566a}
:root[data-skin="ember"] .hx-b.fav svg{fill:none}
:root[data-skin="ember"] .hx-b.fav:hover{border-color:#e8566a;color:#e8566a}
:root[data-skin="ember"] .hx-b.fav.on{border-color:#e8566a;color:#e8566a}
:root[data-skin="ember"] .hx-b.fav.on svg{fill:currentColor}
:root[data-skin="ember"] .hx-favempty svg{color:#e8566a}
:root[data-skin="ember"] .hx-favempty b{color:var(--ink)}
:root[data-skin="ember"] .hx-favempty span{color:var(--muted)}
:root[data-skin="ember"] .modal:has(.hv-leave) #mIcon svg{color:var(--accent);fill:none}
:root[data-skin="ember"] .rpctl .btn,:root[data-skin="ember"] .modal .rpctl .btn{border-radius:50%;background:color-mix(in srgb,var(--surface2) 55%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line2));color:var(--accent);box-shadow:none;text-shadow:none}
:root[data-skin="ember"] .rpctl .btn svg{color:var(--accent)}
:root[data-skin="ember"] .rpctl .btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin="ember"] .rpctl .rp-play{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}
:root[data-skin="ember"] .hv-slide.fd::before{background:var(--hart) center var(--hpos,45%)/cover no-repeat;filter:blur(7px);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
:root[data-skin="ember"] .hv-slide.fd::after{background:var(--hart) center var(--hpos,45%)/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.7) 54%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.16) 69%,rgba(0,0,0,.04) 75%,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.7) 54%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.16) 69%,rgba(0,0,0,.04) 75%,transparent 80%);mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.7) 54%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.16) 69%,rgba(0,0,0,.04) 75%,transparent 80%)}
:root[data-skin="ember"] .hv-slide.fd .lines .main,:root[data-skin="ember"] .hv-slide.fd .lines .threat{text-shadow:0 1px 2px #000,0 2px 6px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9),0 0 34px rgba(0,0,0,.7)}
:root[data-skin="ember"] .hv-slide.fd .hlabel{text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.85)}
:root[data-skin="ember"] .qb-tray{border-radius:18px;border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 55%,var(--surface));box-shadow:inset 0 2px 10px rgba(0,0,0,.35)}
:root[data-skin="ember"] .qb-slot{border-radius:14px;border:1.5px dashed color-mix(in srgb,var(--accent) 38%,transparent)}
:root[data-skin="ember"] .qb-slot.on{border-style:solid;border-color:transparent}
:root[data-skin="ember"] .qb-slot.hot{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent)}
:root[data-skin="ember"] .qb-plus{color:color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .qb-chip{border-radius:14px;border:1.5px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface));color:var(--ink)}
:root[data-skin="ember"] .qb-ghost{box-shadow:0 14px 30px rgba(0,0,0,.55)}
:root[data-skin="ember"] .qb-count{color:var(--muted)}
:root[data-skin="ember"] .qb-count b{color:var(--accent)}
:root[data-skin="ember"] .qb-reset{background:none;border:0;color:var(--muted)}
:root[data-skin="ember"] .qb-boxt{color:var(--muted)}
:root[data-skin="ember"] .qb-tile{border-radius:14px;border:1px solid var(--line2);background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .qb-tile:hover{border-color:var(--accent)}
:root[data-skin="ember"] .qb-tile svg{color:var(--accent)}
:root[data-skin="ember"] .qb-add{color:var(--accent)}
:root[data-skin="ember"] .qb-none{color:var(--muted)}
:root[data-skin="ember"] .cm-elo,:root[data-skin="ember"] .cm-progress{--page-ink:var(--ink,#f5e1d0);--cm-art-adv:url("chess/img/cff770ba395ff4.webp");--cm-art-puz:url("chess/img/42aea4abc0c646.webp");--cm-art-cpu:url("chess/img/c6b961f5964274.webp");--cm-frame-img:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22500%22%20height=%22360%22%20viewBox=%220%200%20500%20360%22%3E%3Cpath%20d=%22M16%201H484Q484%2015%20499%2016V344Q484%20345%20484%20359H16Q16%20345%201%20344V16Q16%2015%2016%201Z%22%20fill=%22%231b120f%22%20fill-opacity=%22.88%22%20stroke=%22%23dc8052%22%20stroke-width=%221.6%22/%3E%3C/svg%3E");--cm-outline-img:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22500%22%20height=%22360%22%20viewBox=%220%200%20500%20360%22%3E%3Cpath%20d=%22M16%201H484Q484%2015%20499%2016V344Q484%20345%20484%20359H16Q16%20345%201%20344V16Q16%2015%2016%201Z%22%20fill=%22none%22%20stroke=%22%23dc8052%22%20stroke-width=%221.6%22/%3E%3C/svg%3E");--cm-flourish-img:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2054%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%221.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2051C9%2036%2011%2021%208%204c8%201%2012%208%208%2016-5-3-7-10-8-16m0%2029c7-5%2014-7%2025-6-3%207-11%209-20%205m0-8c6-11%2012-16%2019-14-1%209-8%2014-17%2015M4%2046c5-10%2017-12%2031-11M6%2039l3-19%22/%3E%3Cpath%20d=%22M2%2053c4-10%209-17%2017-22M9%204l5%2010m18-4-11%209m12%208-14%204%22%20opacity=%22.6%22/%3E%3C/svg%3E")}
:root[data-skin="ember"] .elo-sec.cm-elo,:root[data-skin="ember"] .pg-sec.cm-progress{--cm-ink:var(--page-ink,#f5e1d0);border:0;border-radius:0;background:none;box-shadow:none;color:var(--cm-ink)}
:root[data-skin="ember"] .cm-elo svg.cm-icon,:root[data-skin="ember"] .cm-progress svg.cm-icon{fill:none;stroke:currentColor;color:var(--accent,#dc8052)}
:root[data-skin="ember"] .cm-elo .cm-eyebrow{color:var(--accent)}
:root[data-skin="ember"] .cm-elo .sub{color:var(--muted,#a9b3a8)}
:root[data-skin="ember"] .cm-elo .cm-frame,:root[data-skin="ember"] .cm-progress .cm-frame{border:18px solid transparent;border-image:var(--cm-frame-img) 20 fill / 18px / 0 stretch;background:transparent;filter:drop-shadow(0 12px 18px #0003)}
:root[data-skin="ember"] .cm-elo .cm-badge{filter:drop-shadow(0 8px 10px #0009)}
:root[data-skin="ember"] .cm-elo .elo-big{color:#efa463;text-shadow:0 3px 4px #0009}
:root[data-skin="ember"] .cm-elo .cm-stat+div{border-left:1px solid var(--line2)}
:root[data-skin="ember"] .cm-elo .cm-stat span{color:var(--cm-ink)}
:root[data-skin="ember"] .cm-elo .cm-next{border-left:1px solid var(--accent)}
:root[data-skin="ember"] .cm-elo .cm-next::before{background:var(--surface);color:var(--accent)}
:root[data-skin="ember"] .cm-elo .cm-distance strong{color:var(--accent)}
:root[data-skin="ember"] .cm-elo .pf-det{color:var(--muted)}
:root[data-skin="ember"] .cm-elo summary{border:1px solid var(--accent);border-radius:11px;color:var(--cm-ink);background:color-mix(in srgb,var(--surface) 75%,transparent)}
:root[data-skin="ember"] .cm-elo summary svg:last-child{color:var(--cm-ink)}
:root[data-skin="ember"] .cm-elo .cm-history{border-top:1px solid var(--line2)}
:root[data-skin="ember"] .cm-elo .pg-h{color:var(--muted)}
:root[data-skin="ember"] .cm-elo .pg-h b{color:var(--accent)}
:root[data-skin="ember"] .cm-elo .cm-trend>span{color:var(--muted)}
:root[data-skin="ember"] .cm-elo .cm-trend>small{color:var(--muted)}
:root[data-skin="ember"] .cm-elo .elo-spark polyline{stroke:var(--accent)}
:root[data-skin="ember"] .cm-elo .elo-spark circle{fill:var(--accent)}
:root[data-skin="ember"] .cm-elo .pg-bar,:root[data-skin="ember"] .cm-progress .pg-bar{border:1px solid color-mix(in srgb,var(--muted) 55%,transparent);border-radius:99px;background:color-mix(in srgb,var(--muted) 15%,var(--surface))}
:root[data-skin="ember"] .cm-elo .pg-bar i,:root[data-skin="ember"] .cm-progress .pg-bar i{border-radius:99px;background:linear-gradient(90deg,var(--accent2,#895742),var(--accent,#dc8052))}
:root[data-skin="ember"] .cm-progress .cm-divider i,:root[data-skin="ember"] .cm-progress .cm-endnote i{background:linear-gradient(90deg,transparent,var(--accent))}
:root[data-skin="ember"] .cm-progress .cm-divider .cm-fleur{filter:drop-shadow(0 1px 2px #000)}
:root[data-skin="ember"] .cm-progress .cm-card-art{background-position:left top;background-repeat:no-repeat;background-size:100% auto;-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
:root[data-skin="ember"] .cm-progress .pg-pz .cm-card-art{background-image:var(--cm-art-puz)}
:root[data-skin="ember"] .cm-progress .pg-cpu .cm-card-art{background-image:var(--cm-art-cpu)}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art{background-image:var(--cm-art-adv);filter:saturate(.35) brightness(.7)}
:root[data-skin="ember"] .cm-progress .cm-card-copy p{color:var(--cm-ink)}
:root[data-skin="ember"] .cm-progress .pg-h b{color:var(--accent)}
:root[data-skin="ember"] .cm-progress .pg-h small{color:var(--cm-ink)}
:root[data-skin="ember"] .cm-progress .cm-action{border:1px solid #f6cca7;border-radius:10px;background:linear-gradient(165deg,#f5c296 0%,var(--accent,#dc8052) 55%,color-mix(in srgb,var(--accent) 75%,#6b2e10) 100%);color:#1d1410;box-shadow:0 0 0 2px #6f4028,inset 0 0 0 3px #d58c67,inset 0 0 0 4px #f5c295}
:root[data-skin="ember"] .cm-progress .cm-action .cm-icon{color:inherit}
:root[data-skin="ember"] .cm-progress .cm-action:hover:not(:disabled){filter:brightness(1.08)}
:root[data-skin="ember"] .cm-progress .cm-action:disabled{color:var(--muted);background:linear-gradient(#4e352a,#31211a);border-color:#976049;box-shadow:inset 0 0 0 3px #2d1e18,inset 0 0 0 4px #744a38}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-copy,:root[data-skin="ember"] .cm-progress .pg-adv .pg-h{color:var(--muted)}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-copy p,:root[data-skin="ember"] .cm-progress .pg-adv .pg-h small{color:var(--muted)}
:root[data-skin="ember"] .cm-progress .cm-endnote span{color:var(--accent)}
:root[data-skin="ember"] .cm-elo summary:focus-visible,:root[data-skin="ember"] .cm-progress .cm-action:focus-visible{outline:3px solid var(--page-ink);outline-offset:5px}
@media(max-width:820px){:root[data-skin="ember"] .cm-elo .cm-next{border-left:0;border-top:1px solid var(--line2)}}
@media(max-width:450px){:root[data-skin="ember"] .cm-elo .cm-summary{border-width:14px}}
:root[data-skin="ember"] .cm-progress .cm-action>.cm-icon:first-child{fill:currentColor;stroke:none}
@media(max-width:820px){:root[data-skin="ember"] .cm-progress .cm-card-art{background-size:cover;background-position:center center;-webkit-mask-image:none;mask-image:none}
:root[data-skin="ember"] .cm-progress .cm-card-art::after{background:linear-gradient(90deg,transparent 25%,#1b120f55 52%,#1b120f88 100%),linear-gradient(0deg,#1b120f,transparent 15%)}
:root[data-skin="ember"] .cm-progress .pg-row::after{border:18px solid transparent;border-image:var(--cm-outline-img) 20 / 18px / 0 stretch}}
:root[data-skin="ember"] .cm-elo .cm-next-marker{background:var(--page-ink);box-shadow:0 0 2px #000}
:root[data-skin="ember"] .cm-elo .cm-scale{color:var(--muted)}
:root[data-skin="ember"] .cm-elo .cm-scale span:nth-child(2){color:var(--accent)}
:root[data-skin="ember"] .cm-progress .cm-card-art{background-size:cover;background-position:center center;-webkit-mask-image:none;mask-image:none}
:root[data-skin="ember"] .cm-progress .cm-card-art::after{background:linear-gradient(90deg,transparent 28%,#1b120f44 52%,#1b120f66),linear-gradient(0deg,#1b120f,transparent 20%)}
:root[data-skin="ember"] .cm-progress .pg-row::after{border:18px solid transparent;border-image:var(--cm-outline-img) 20 / 18px / 0 stretch}
@media(max-width:820px){:root[data-skin="ember"] .cm-elo .cm-next{border-top:1px solid var(--line2)}}
:root[data-skin="ember"] .cm-progress .cm-endnote i{background:var(--accent)}
:root[data-skin="ember"] .cm-progress .cm-endnote i::before{background:var(--accent);mask:var(--cm-flourish-img) center/contain no-repeat;-webkit-mask:var(--cm-flourish-img) center/contain no-repeat}
:root[data-skin="ember"] .cm-progress .cm-endnote i::after{background:var(--accent);border-radius:50%}
@media(max-width:820px){:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art{filter:none;background-image:none}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art::before{background:var(--cm-art-adv) center/cover no-repeat;filter:saturate(.35) brightness(.7)}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art::after{background:linear-gradient(0deg,#1b120f 0%,#1b120fed 12%,#1b120f85 30%,transparent 55%);-webkit-mask-image:linear-gradient(transparent 32%,#000 85%);mask-image:linear-gradient(transparent 32%,#000 85%);-webkit-mask-image:linear-gradient(transparent 32%,#000 85%)}}
:root[data-skin="ember"] .cm-c-win,:root[data-skin="ember"] .cm-acc-top{color:#b78069!important}
:root[data-skin="ember"] .cm-c-draw,:root[data-skin="ember"] .cm-acc-mid{color:#ec783e!important}
:root[data-skin="ember"] .cm-c-loss,:root[data-skin="ember"] .cm-acc-bad{color:#f0584d!important}
:root[data-skin="ember"] .cm-acc-good{color:#9bd35a!important}
:root[data-skin="ember"] .cm-acc-low{color:#f27d3d!important}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art{filter:none;background-image:none}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art::before{background:var(--cm-art-adv) center/cover no-repeat;filter:saturate(.35) brightness(.7)}
:root[data-skin="ember"] .cm-progress .pg-adv .cm-card-art::after{background:linear-gradient(0deg,#1b120f 0%,#1b120fed 12%,#1b120f85 30%,transparent 55%);-webkit-mask-image:linear-gradient(transparent 32%,#000 85%);mask-image:linear-gradient(transparent 32%,#000 85%);-webkit-mask-image:linear-gradient(transparent 32%,#000 85%)}
:root[data-skin="ember"] .ra-academy{--ra-gold:var(--accent,#dc8052);--ra-ink:var(--page-ink,#f4e0cf);--ra-panel:var(--surface,#19110e);--ra-font-title:var(--font-d,'Cinzel',Georgia,serif);color:var(--ra-ink)}
:root[data-skin="ember"] .ra-academy .ra-icon{fill:currentColor;color:inherit}
:root[data-skin="ember"] .ra-academy .ra-hero{border:1px solid var(--ra-gold);background:#19110e url('chess/img/1cb533f6602ec3.webp') center right/cover no-repeat}
:root[data-skin="ember"] .ra-academy .ra-hero::before{background:linear-gradient(90deg,#130d0ad9 0%,#130d0ab0 40%,transparent 76%)}
:root[data-skin="ember"] .ra-academy .ra-hero::after,:root[data-skin="ember"] .ra-academy .ra-console::after{border:1px solid color-mix(in srgb,var(--ra-gold) 65%,transparent)}
:root[data-skin="ember"] .ra-academy .ra-eyebrow i{background:var(--ra-gold)}
:root[data-skin="ember"] .ra-academy h2{color:#f2b681;text-shadow:0 3px 12px #0009}
:root[data-skin="ember"] .ra-academy .ra-title-divider{color:var(--ra-gold)}
:root[data-skin="ember"] .ra-academy .ra-title-divider i{background:linear-gradient(90deg,transparent,var(--ra-gold))}
:root[data-skin="ember"] .ra-academy .ra-subtitle{text-shadow:0 2px 8px #000}
:root[data-skin="ember"] .ra-academy .ra-progress{border:1px solid var(--ra-gold);outline:1px solid color-mix(in srgb,var(--ra-gold) 70%,transparent);outline-offset:-5px;background:#130d0aaa}
:root[data-skin="ember"] .ra-academy .ra-progress-ring{border-radius:50%;background:conic-gradient(var(--ra-gold) var(--ra-progress),#925d4690 0);mask:radial-gradient(transparent 47%,#000 50%);-webkit-mask:radial-gradient(transparent 47%,#000 50%)}
:root[data-skin="ember"] .ra-academy .ra-console{border:1px solid var(--ra-gold);background:linear-gradient(110deg,#1f1510ef,#100b08f5);border-radius:14px}
:root[data-skin="ember"] .ra-academy .ra-junction{color:var(--ra-gold);background:#19110e;border-bottom:1px solid var(--ra-gold);border-radius:0 0 50% 50%}
:root[data-skin="ember"] .ra-academy .ra-search{border:1px solid var(--ra-gold);border-radius:22px;background:#110b09b8}
:root[data-skin="ember"] .ra-academy .ra-search .ra-icon{color:var(--ra-ink)}
:root[data-skin="ember"] .ra-academy .ra-search input{border:0;background:transparent;outline:0;color:var(--ra-ink)}
:root[data-skin="ember"] .ra-academy .ra-search input::placeholder{color:#b7b9ac}
:root[data-skin="ember"] .ra-academy .ra-search:focus-within{outline:2px solid var(--ra-ink);outline-offset:3px}
:root[data-skin="ember"] .ra-academy .ra-filter{border:0;background:var(--ra-gold);color:var(--ra-ink)}
:root[data-skin="ember"] .ra-academy .ra-filter::before{background:linear-gradient(140deg,#241914,#130d0a)}
:root[data-skin="ember"] .ra-academy .ra-filter .ra-icon{color:#eaac76}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active::before{background:linear-gradient(150deg,#f3bc8b,#a45026 65%,#be6336);box-shadow:inset 0 0 0 2px #f5c79f}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active{background:linear-gradient(135deg,#f5c296,#ac582e);color:#fceee2}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active .ra-icon{color:#f9dabe}
:root[data-skin="ember"] .ra-academy .ra-filter:hover{filter:brightness(1.15)}
:root[data-skin="ember"] .ra-academy .ra-filter:focus-visible{outline:0;box-shadow:inset 0 0 0 4px var(--ra-ink);filter:brightness(1.25)}
:root[data-skin="ember"] .ra-academy .ra-sr-only{border:0}
@media(max-width:760px){:root[data-skin="ember"] .ra-academy .ra-hero{background-position:74% top;background-size:auto 370px;background-color:#140d0a}
:root[data-skin="ember"] .ra-academy .ra-hero::before{background:linear-gradient(0deg,#140d0a 0%,#140d0aef 35%,#140d0a60 68%,transparent)}
:root[data-skin="ember"] .ra-academy .ra-search{border-radius:16px}}
@media(min-width:761px){:root[data-skin="ember"] .ra-academy .ra-hero{background-position:right top}}
:root[data-skin="ember"] .ra-academy .ra-filter{background:linear-gradient(135deg,#f6c8a0 0%,#c56839 28%,#8a4725 55%,#e9a66c 78%,#ad592f)}
:root[data-skin="ember"] .ra-academy .ra-filter::before{background:radial-gradient(ellipse at 12% 0%,#49312733,transparent 70%),linear-gradient(155deg,#221712,#100b09 80%)}
:root[data-skin="ember"] .ra-academy .ra-filter::after{background:linear-gradient(130deg,#f7d2b2,#af592e 35%,#6d3a21 65%,#e5a369);mask:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%2084%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M12%201H228L239%2012V72L228%2083H12L1%2072V12Z%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%221.2%22%20vector-effect=%22non-scaling-stroke%22/%3E%3Cpath%20d=%22M5%2016%2016%205h31M193%205h31l11%2011M235%2068l-11%2011h-31M47%2079H16L5%2068%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%22.5%22%20vector-effect=%22non-scaling-stroke%22%20opacity=%22.4%22/%3E%3C/svg%3E') center/100% 100% no-repeat;-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%2084%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M12%201H228L239%2012V72L228%2083H12L1%2072V12Z%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%221.2%22%20vector-effect=%22non-scaling-stroke%22/%3E%3Cpath%20d=%22M5%2016%2016%205h31M193%205h31l11%2011M235%2068l-11%2011h-31M47%2079H16L5%2068%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%22.5%22%20vector-effect=%22non-scaling-stroke%22%20opacity=%22.4%22/%3E%3C/svg%3E') center/100% 100% no-repeat}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active{background:linear-gradient(135deg,#f9d9bd 0%,#c0531d 30%,#f2b37b 55%,#9b4013 72%,#f6cda9);color:#fdf2e9}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active::before{background:linear-gradient(160deg,#f4bd8d 0%,#cd7244 30%,#a55025 63%,#723719 100%);box-shadow:inset 0 0 0 1px #f7d0ae,inset 0 3px 10px #f9ddc455,inset 0 -4px 12px #39170655}
:root[data-skin="ember"] .ra-academy .ra-filter.is-active::after{background:linear-gradient(120deg,#fae1cb,#c36536 40%,#f6cda9 75%,#d67646)}
:root[data-skin="ember"] .ra-academy .ra-filter .ra-icon{filter:drop-shadow(0 1px 0 #f9ddc535) drop-shadow(0 2px 2px #0005)}
:root[data-skin="ember"] .ra-academy .ra-filter span{text-shadow:0 1px 2px #0007}
:root[data-skin="ember"] .ra-academy .ra-hero{background-position:right top}
@media(max-width:760px){:root[data-skin="ember"] .ra-academy .ra-hero{background-position:84% top;background-size:auto 370px}
:root[data-skin="ember"] .ra-academy .ra-filters{scrollbar-color:#c26c41 #2c1e18}
:root[data-skin="ember"] .ra-academy .ra-filters::-webkit-scrollbar-track{background:#2c1e18;border-radius:4px}
:root[data-skin="ember"] .ra-academy .ra-filters::-webkit-scrollbar-thumb{background:#c26c41;border-radius:4px}}
:root[data-skin="ember"] #phero.ra-host{background:none;border:0;border-radius:0}
:root[data-skin="ember"] .hv-resume-row .gbtn.ra-resume{background:linear-gradient(165deg,#f5c296,var(--accent,#dc8052) 60%,#ae592e);color:#1d1410;border:1px solid #f6cca7}
:root[data-skin="ember"] .hv-resume-row .gbtn.ra-resume:hover{filter:brightness(1.08);background:linear-gradient(165deg,#f5c296,var(--accent,#dc8052) 60%,#ae592e)}
:root[data-skin="ember"] .ra-academy .ra-console{background:linear-gradient(110deg,rgba(31,21,16,.58),rgba(16,11,8,.5));box-shadow:inset 0 1px 0 rgba(245,225,208,.12),0 10px 30px rgba(0,0,0,.25)}
:root[data-skin="ember"] .ra-academy .ra-search{background:rgba(17,11,9,.42)}
:root[data-skin="ember"] .ra-academy .ra-junction{background:rgba(25,17,14,.7)}
:root[data-skin="ember"] .ra-academy .ra-console{background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.015) 38%,rgba(44,30,24,.2) 100%),rgba(30,20,16,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.22)}
:root[data-skin="ember"] .ra-academy .ra-search{background:rgba(17,11,9,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-skin="ember"] .ra-academy .ra-junction{background:rgba(30,20,16,.35)}
:root[data-skin="ember"] .ra-academy .ra-console{background:linear-gradient(135deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 40%,rgba(255,255,255,.04) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 1px 0 0 rgba(255,255,255,.08),0 14px 40px rgba(0,0,0,.2)}
:root[data-skin="ember"] .ra-academy .ra-search{background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
:root[data-skin="ember"] .ra-academy .ra-junction{background:rgba(255,255,255,.06)}
:root[data-skin="ember"] body.vp{background:var(--bg-img),var(--bg);background-attachment:fixed}
:root[data-skin="ember"] .ra-academy{border:18px solid transparent;border-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22500%22%20height=%22360%22%20viewBox=%220%200%20500%20360%22%3E%3Cpath%20d=%22M16%201H484Q484%2015%20499%2016V344Q484%20345%20484%20359H16Q16%20345%201%20344V16Q16%2015%2016%201Z%22%20fill=%22%231b120f%22%20fill-opacity=%22.88%22%20stroke=%22%23dc8052%22%20stroke-width=%221.6%22/%3E%3C/svg%3E") 20 fill / 18px / 0 stretch;background:none}
:root[data-skin="ember"] .ra-academy .ra-hero{border:0;border-radius:0;background:none;-webkit-mask:none;mask:none}
:root[data-skin="ember"] .ra-academy .ra-console{background:none;border:0;border-radius:0;box-shadow:none;-webkit-mask:none;mask:none}
:root[data-skin="ember"] .ra-academy .ra-console .ra-progress{outline:0;border:0;background:none;box-shadow:none;color:var(--muted,#a9b3a8)}
:root[data-skin="ember"] .ra-academy .ra-console .ra-progress b{color:var(--muted,#a9b3a8)}
@media(max-width:520px){:root[data-skin="ember"] .ra-academy{border-width:14px;border-image-width:14px}}
:root[data-skin="ember"] #hbg{background:linear-gradient(180deg,#2e1f19 0%,#231813 38%,#1b120f 70%,#0D1314 100%)}
:root[data-skin="ember"] #hbg .hb-s{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%)}
:root[data-skin="ember"] #hbg .hb-b{filter:blur(5px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 80%,rgba(0,0,0,.9) 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 80%,rgba(0,0,0,.9) 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent 80%,rgba(0,0,0,.9) 90%,transparent 100%)}
:root[data-skin="ember"] #hbg .hb-v{background:linear-gradient(to bottom,rgba(13,19,20,.55),rgba(13,19,20,.46) 55%,rgba(13,19,20,.34))}
:root[data-skin="ember"] .hbs .hbs-t small{color:var(--muted)}
:root[data-skin="ember"] .hbs-g button{border:2px solid var(--line2,rgba(255,255,255,.16));border-radius:10px;background:#0D1314;color:#f5e1d0}
:root[data-skin="ember"] .hbs-g button i{color:#f5e1d0;text-shadow:0 1px 3px #000;background:rgba(13,19,20,.55);border-radius:5px}
:root[data-skin="ember"] .hbs-g button.on{border-color:#dc8052;box-shadow:0 0 0 2px rgba(220,128,82,.35)}
:root[data-skin="ember"] .hbs-g button:focus-visible{outline:2px solid #dc8052;outline-offset:2px}
html[data-skin="ember"]:has(body.vh){background:var(--bg-img),var(--bg);background-attachment:fixed}
:root[data-skin="ember"] body.vh{background:transparent}
:root[data-skin="ember"] .vs-t{border:1px solid rgba(220,128,82,.3);border-radius:12px;background:rgba(255,255,255,.04);color:#f5e0cd}
:root[data-skin="ember"] .vs-t:hover,:root[data-skin="ember"] .vs-t:focus-visible{background:rgba(220,128,82,.18);border-color:#f0ad73;outline:none}
:root[data-skin="ember"] .vs-t .vs-ic{border-radius:10px;background:rgba(220,128,82,.14);color:#f0ad73}
:root[data-skin="ember"] .vs-t .vs-ic svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .vs-t b{color:#f8e4d2}
:root[data-skin="ember"] .vs-t small{color:#b9c3bc}
:root[data-skin="ember"] .vs-t .vs-bd{border-radius:99px;border:1px solid rgba(220,128,82,.5);color:#f0ad73}
:root[data-skin="ember"] .vs-t.go{background:linear-gradient(160deg,#f0ad73,#d17547);color:#1b0c04}
:root[data-skin="ember"] .vs-t.go b,:root[data-skin="ember"] .vs-t.go small{color:#1b0c04}
:root[data-skin="ember"] .dl-set h4{color:var(--accent)}
:root[data-skin="ember"] .dl-names label{color:var(--muted)}
:root[data-skin="ember"] .dl-names input{border-radius:10px;border:1px solid var(--line2);background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .dl-chips button{border-radius:99px;border:1px solid var(--line2);background:var(--surface2);color:var(--muted)}
:root[data-skin="ember"] .dl-chips button.on{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--accent)}
:root[data-skin="ember"] .dl-sw span small{color:var(--muted)}
:root[data-skin="ember"] .dl-seg button{border-radius:12px;border:1px solid var(--line2);background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .dl-seg button small{color:var(--muted)}
:root[data-skin="ember"] .dl-seg button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface2))}
:root[data-skin="ember"] .dl-bar{border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent)}
:root[data-skin="ember"] .dl-p{border-radius:12px;border:1.5px solid var(--line2);background:var(--surface2)}
:root[data-skin="ember"] .dl-p.act{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface2))}
:root[data-skin="ember"] .dl-p .dl-n i{border-radius:50%;border:1.5px solid #888}
:root[data-skin="ember"] .dl-p.w .dl-n i{background:#f5ebe2}
:root[data-skin="ember"] .dl-p.b .dl-n i{background:#1b1f21}
:root[data-skin="ember"] .dl-p.low .dl-c{color:#f0584d}
:root[data-skin="ember"] .dl-info{color:var(--muted)}
:root[data-skin="ember"] .dl-info b{color:var(--ink)}
:root[data-skin="ember"] .dl-info .q-ex{color:#b78069}
:root[data-skin="ember"] .dl-info .q-ok{color:#9bd35a}
:root[data-skin="ember"] .dl-info .q-im{color:#ec783e}
:root[data-skin="ember"] .dl-info .q-er{color:#f27d3d}
:root[data-skin="ember"] .dl-info .q-bl{color:#f0584d}
:root[data-skin="ember"] .dl-acts button{border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .dl-acts button:hover{border-color:var(--accent)}
:root[data-skin="ember"] #modal.vs-wide .actions{background:linear-gradient(to bottom,transparent,var(--surface) 26px)}
:root[data-skin="ember"] #modal.vs-wide .actions .btn:not(.primary):not([hidden]){background:var(--surface)}
:root[data-skin="ember"] .nclk .nc-side::before{background:radial-gradient(circle,var(--accent) 2.6px,transparent 3px) 0 0/9px 7px repeat-x}
@media(max-width:860px){:root[data-skin="ember"] body.big #mgMvTop:not([hidden]){color:var(--muted)}
:root[data-skin="ember"] #mgMvTop .mv{color:var(--ink)}
:root[data-skin="ember"] #mgMvTop .mv em{color:var(--muted)}
:root[data-skin="ember"] #mgMvTop .mv.last{color:var(--accent)}}
:root[data-skin="ember"] #modal:not(.royal):not(.endmodal):not(.psmodal) #mIcon{border:0;border-radius:0;background:radial-gradient(120% 90% at 18% 0%,#2c1e18 0%,rgba(44,30,24,0) 62%),linear-gradient(180deg,#221712 0%,#19110e 30%,#110b09 62%,#040b08 100%);box-shadow:none;color:var(--accent)}
:root[data-skin="ember"] #modal:not(.royal):not(.endmodal):not(.psmodal) #mIcon::before{border:13px solid transparent;border-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22500%22%20height=%22360%22%20viewBox=%220%200%20500%20360%22%3E%3Cpath%20d=%22M16%201H484Q484%2015%20499%2016V344Q484%20345%20484%20359H16Q16%20345%201%20344V16Q16%2015%2016%201Z%22%20fill=%22none%22%20stroke=%22%23dc8052%22%20stroke-width=%221.6%22/%3E%3C/svg%3E") 20 / 13px / 0 stretch;filter:brightness(1.22)}
:root[data-skin="ember"] #modal:not(.royal):not(.endmodal):not(.psmodal) #mIcon svg{color:var(--accent)}
:root[data-skin="ember"] #modal #mIcon.gico svg{stroke:none}
:root[data-skin="ember"] .sal-eye{color:var(--accent)}
:root[data-skin="ember"] .sal-dots i{border-radius:2px;background:var(--line2)}
:root[data-skin="ember"] .sal-dots i.on{background:var(--accent)}
:root[data-skin="ember"] .sal-xp{color:var(--muted)}
:root[data-skin="ember"] .sal-chip{border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}
:root[data-skin="ember"] .sal-chip small{color:var(--muted)}
:root[data-skin="ember"] .sal-chip:hover:not(:disabled){border-color:var(--accent)}
:root[data-skin="ember"] .sal-chip.on{border:2px solid #f4bc8b;background:linear-gradient(180deg,rgba(246,205,169,.2),rgba(192,91,40,.16));box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3px rgba(243,184,133,.55)}
:root[data-skin="ember"] .sal-pc{border-radius:50%;border:2px solid #8e634e}
:root[data-skin="ember"] .sal-pc.pw{background:radial-gradient(circle at 35% 30%,#fff,#dbccbe)}
:root[data-skin="ember"] .sal-pc.pb{background:radial-gradient(circle at 35% 30%,#6b4433,#0b0f0e)}
:root[data-skin="ember"] .sal-pc.pr{background:linear-gradient(90deg,#f3e2d4 50%,#1b2220 50%)}
:root[data-skin="ember"] .sal-sum span{border:1px solid var(--line2);border-radius:999px;color:var(--ink)}
:root[data-skin="ember"] .sal-codebox{border:1px solid var(--line2);border-radius:18px;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}
:root[data-skin="ember"] .sal-code{color:#f4bc8b}
:root[data-skin="ember"] .sal-qr{border:1px solid var(--line2);border-radius:18px}
:root[data-skin="ember"] .sal .sal-wa{background:linear-gradient(180deg,#ae7258,#734937);color:#19110e;border:2px solid #7ff0b0;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3px rgba(127,240,176,.7)}
:root[data-skin="ember"] .sal-search{border:1px solid var(--line2);border-radius:14px}
:root[data-skin="ember"] .sal-sinp{border:1px solid var(--line2);border-radius:12px;background:var(--surface)}
:root[data-skin="ember"] .sal-sinp input{border:0!important;background:transparent!important;color:var(--ink);outline:none}
:root[data-skin="ember"] .sal-sinp .i{color:var(--accent)}
:root[data-skin="ember"] .sal-hi small{color:var(--muted)}
:root[data-skin="ember"] .sal-chat{border:1px solid var(--line2);border-radius:16px;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}
:root[data-skin="ember"] .sal-bub{border-radius:14px 14px 14px 4px;background:var(--surface2);color:var(--ink)}
:root[data-skin="ember"] .sal-bub small{color:var(--muted)}
:root[data-skin="ember"] .sal-bub.me{border-radius:14px 14px 4px 14px;background:rgba(220,128,82,.16)}
:root[data-skin="ember"] .sal-sys{color:var(--muted)}
:root[data-skin="ember"] .sal-open{border:1px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root[data-skin="ember"] .sal-cell{border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:#f4bc8b}
:root[data-skin="ember"] .sal-cell:focus{outline:2px solid var(--accent);outline-offset:1px}
:root[data-skin="ember"] .sal-or{color:var(--muted)}
:root[data-skin="ember"] .sal-or i{background:var(--line2)}
:root[data-skin="ember"] .sal-err{color:#f0a39a}
:root[data-skin="ember"] .sal-scan{background:#000}
:root[data-skin="ember"] .sal-quote{color:var(--muted)}
:root[data-skin="ember"] .sal-pen{border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--accent)}
:root[data-skin="ember"] .sal-lrow{border:1px solid var(--line2);border-radius:14px;background:var(--surface)}
:root[data-skin="ember"] .sal-lrow.ch{border-style:dashed}
:root[data-skin="ember"] .sal-li{color:var(--accent)}
:root[data-skin="ember"] .sal-ll{color:var(--muted)}
:root[data-skin="ember"] .sal-lk{color:var(--muted)}
:root[data-skin="ember"] .sal-rw{color:var(--ink)}
:root[data-skin="ember"] .sal-rw b{color:#f4bc8b}
:root[data-skin="ember"] .sal-mine{color:var(--muted)}
:root[data-skin="ember"] .sal-pend{color:var(--accent)}
:root[data-skin="ember"] .sal-note{color:var(--ink)}
:root[data-skin="ember"] .sal-fam{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
:root[data-skin="ember"] .sal-cm{border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--ink)}
:root[data-skin="ember"] .sal-cm.cur{border-style:dashed;border-color:#f4bc8b}
:root[data-skin="ember"] .sal-cm.on{background:linear-gradient(180deg,#f3bc8b,#c05b28);color:#14170f;border-color:#f4bc8b}
:root[data-skin="ember"] .sal-swap{border:1px solid var(--line2);border-radius:16px;background:var(--surface);color:var(--ink)}
:root[data-skin="ember"] .sal-swap.on{border:2px solid #f4bc8b}
:root[data-skin="ember"] .sal-tg{border-radius:13px;background:var(--line2)}
:root[data-skin="ember"] .sal-tg::after{border-radius:50%;background:var(--ink)}
:root[data-skin="ember"] .sal-swap.on .sal-tg{background:var(--accent)}
:root[data-skin="ember"] .sal-swap.on .sal-tg::after{background:#14170f}
:root[data-skin="ember"] .endpill.sal-stkpill.up{color:var(--good);border-color:var(--good)}
:root[data-skin="ember"] .endpill.sal-stkpill.down{color:var(--bad);border-color:var(--bad)}
:root[data-skin="ember"] .td-hub .td-hubc{border:1px solid var(--line2);border-radius:16px;background:var(--surface);color:var(--ink)}
:root[data-skin="ember"] .td-hub .td-hubc:hover:not(.dis){border-color:var(--accent)}
:root[data-skin="ember"] .td-hic{border-radius:13px;border:1px solid var(--line2);color:var(--accent)}
:root[data-skin="ember"] .td-hmain small{color:var(--muted)}
:root[data-skin="ember"] .td-hmain em{color:var(--accent)}
:root[data-skin="ember"] .td-lbl{color:var(--muted)}
:root[data-skin="ember"] .td-chip{border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}
:root[data-skin="ember"] .td-chip small{color:var(--muted)}
:root[data-skin="ember"] .td-chip.on{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}
:root[data-skin="ember"] .td-rule{border:1px dashed var(--line2);border-radius:14px;color:var(--muted)}
:root[data-skin="ember"] .td-rule svg{color:var(--accent)}
:root[data-skin="ember"] .td-rule b{color:var(--accent)}
:root[data-skin="ember"] #pzRush .pz-timer.td-low{color:#f0a39a}
:root[data-skin="ember"] .td-flash{color:#7fe3a8}
:root[data-skin="ember"] .td-flash.neg{color:#f0a39a}
:root[data-skin="ember"] .td-combo{color:var(--muted)}
:root[data-skin="ember"] .td-dots i{border-radius:50%;border:1.5px solid var(--accent)}
:root[data-skin="ember"] .td-dots i.on{background:var(--accent)}
:root[data-skin="ember"] .td-gh{border:1px solid var(--line2);border-radius:999px;color:var(--muted)}
:root[data-skin="ember"] .td-gh.up{color:#7fe3a8;border-color:#7fe3a8}
:root[data-skin="ember"] .td-gh:not(.up){color:#f0a39a;border-color:#f0a39a}
:root[data-skin="ember"] .td-opp{border:1px solid var(--line2);border-radius:999px}
:root[data-skin="ember"] .td-opp i{border-radius:50%;background:#9fd6ff;color:#14170f}
:root[data-skin="ember"] .td-opp .td-hr{color:#f0a39a}
:root[data-skin="ember"] .td-eye{color:var(--accent)}
:root[data-skin="ember"] .td-h.win{color:#7fe3a8}
:root[data-skin="ember"] .td-h.loss{color:#f0a39a}
:root[data-skin="ember"] .td-sub{color:var(--muted)}
:root[data-skin="ember"] .td-pill{border:1px solid #7fe3a8;color:#7fe3a8;border-radius:999px}
:root[data-skin="ember"] .td-pill.dim{border-color:var(--line2);color:var(--muted)}
:root[data-skin="ember"] .td-pill.g{border-color:#7fe3a8;color:#7fe3a8}
:root[data-skin="ember"] .td-pill.r{border-color:#f0a39a;color:#f0a39a}
:root[data-skin="ember"] .td-big>div{border:1px solid var(--line2);border-radius:14px;background:var(--surface)}
:root[data-skin="ember"] .td-big b{color:var(--accent)}
:root[data-skin="ember"] .td-big small{color:var(--muted)}
:root[data-skin="ember"] .td-tr{border-radius:5px;background:color-mix(in srgb,var(--ink) 10%,transparent)}
:root[data-skin="ember"] .td-tr i{border-radius:5px}
:root[data-skin="ember"] .td-th em{color:var(--muted)}
:root[data-skin="ember"] .td-pl{border:1px solid var(--line2);border-radius:14px;background:var(--surface)}
:root[data-skin="ember"] .td-pl.w{border:2px solid var(--accent)}
:root[data-skin="ember"] .td-pl b{color:var(--accent)}
:root[data-skin="ember"] .td-pl small{color:var(--muted)}
:root[data-skin="ember"] .td-mid{color:var(--muted)}
:root[data-skin="ember"] .td-cmp>div{border-bottom:1px solid var(--line2);color:var(--muted)}
:root[data-skin="ember"] .td-cmp b{color:var(--ink)}
:root[data-skin="ember"] .td-note{color:var(--muted)}
:root[data-skin="ember"] .td-count{color:var(--accent)}
:root[data-skin="ember"] .td-pbw small{color:var(--muted)}
:root[data-skin="ember"] .td-pbd{border-radius:12px;border:2px solid rgba(220,128,82,.5)}
:root[data-skin="ember"] .td-pbd i{background:#eecbac}
:root[data-skin="ember"] .td-pbd i.d{background:#684232}
:root[data-skin="ember"] .td-pbd i.g{box-shadow:inset 0 0 0 100px rgba(244,188,139,.55)}
:root[data-skin="ember"] .td-pbd i.r{box-shadow:inset 0 0 0 100px rgba(240,163,154,.6)}
:root[data-skin="ember"] .td-pbd b.w{color:#fff;text-shadow:0 0 1px #000,0 0 1px #000,0 0 2px #000}
:root[data-skin="ember"] .td-pbd b.b{color:#111;text-shadow:0 0 1px #fff}
:root[data-skin="ember"] .td-why{border:1px solid rgba(220,128,82,.3);border-radius:14px;background:rgba(255,255,255,.04)}
:root[data-skin="ember"] .td-why b{color:#f4bc8b}
:root[data-skin="ember"] .td-why small{color:var(--muted)}
:root[data-skin="ember"] .td-pchip{border-radius:999px;border:1px solid rgba(220,128,82,.35);background:transparent;color:inherit}
:root[data-skin="ember"] .td-pchip.on{border:2px solid #f4bc8b;background:rgba(246,205,169,.14);color:#fbe6d3}
:root[data-skin="ember"] .td-msg{border-radius:12px;border:1px solid rgba(220,128,82,.3);background:rgba(0,0,0,.25);color:inherit}
:root[data-skin="ember"] .td-to{border:1px solid rgba(220,128,82,.28);border-radius:14px;background:rgba(255,255,255,.04)}
:root[data-skin="ember"] .td-to i,:root[data-skin="ember"] .td-inr i{border-radius:50%;color:#14170f;background:#9fd6ff}
:root[data-skin="ember"] .td-to span{color:var(--muted)}
:root[data-skin="ember"] .td-to span.on{color:#7fe3a8}
:root[data-skin="ember"] .td-anb{border-radius:99px;background:rgba(255,255,255,.1)}
:root[data-skin="ember"] .td-anb i{background:linear-gradient(90deg,#ed8855,#f6cda9)}
:root[data-skin="ember"] .td-inr{border:1px solid rgba(220,128,82,.3);border-radius:16px;background:rgba(255,255,255,.04)}
:root[data-skin="ember"] .td-inr small{color:var(--muted)}
:root[data-skin="ember"] .ptests{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,#442e24) 0%,color-mix(in srgb,var(--surface) 96%,#000) 100%);box-shadow:0 12px 30px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)}
:root[data-skin="ember"] .ptests::before{background:radial-gradient(50% 140% at 0% 0%,rgba(220,128,82,.12),transparent 60%)}
:root[data-skin="ember"] .ptests .pt-ic{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:11px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(0,0,0,.25))}
:root[data-skin="ember"] .ptests .pt-lbl small{color:var(--muted)}
:root[data-skin="ember"] .ptests .pt-lbl b{background:linear-gradient(180deg,#fbe6d3 0%,var(--accent) 55%,#944923 100%);background-clip:text;color:transparent}
:root[data-skin="ember"] .ptests .pt-lbl span{color:var(--muted)}
:root[data-skin="ember"] .ptests .pt-sep{background:linear-gradient(180deg,transparent,var(--line2),transparent)}
:root[data-skin="ember"] .ptests .ptc{--pt-img:none;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:12px;color:var(--ink);background:#090d0c}
:root[data-skin="ember"] .ptests .ptc::before{background:var(--pt-img) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60%);mask-image:linear-gradient(90deg,transparent 0,#000 60%)}
:root[data-skin="ember"] .ptests .ptc::after{background:radial-gradient(70% 140% at 100% 50%,rgba(220,128,82,.14),rgba(220,128,82,0) 100%)}
:root[data-skin="ember"] .ptests .ptc:hover{border-color:var(--accent);box-shadow:0 12px 26px -16px color-mix(in srgb,var(--accent) 60%,transparent)}
:root[data-skin="ember"] .ptests .ptc .ptc-tx small{color:var(--accent)}
:root[data-skin="ember"] .ptests .ptc .ptc-tx b{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}
:root[data-skin="ember"] .ptests .ptc .ptc-tx em{color:var(--muted);text-shadow:0 1px 6px rgba(0,0,0,.8)}
:root[data-skin="ember"] .ptests .ptc .ptc-tx em svg{stroke:currentColor;fill:none}
:root[data-skin="ember"] .ptests .ptc .ptc-tx em.ok{color:var(--good)}
:root[data-skin="ember"] .ptests .ptc .ptc-go{border-radius:50%;background:linear-gradient(160deg,#f3bb8a,#d17547);color:#1b0e07;box-shadow:0 6px 16px -6px rgba(220,128,82,.8)}
:root[data-skin="ember"] .ptests .ptc .ptc-go svg{stroke:currentColor;fill:none}
:root[data-skin="ember"] .ptests .ptc.done{border-color:var(--good)}
:root[data-skin="ember"] .ptests .ptc.done .ptc-go{background:linear-gradient(160deg,#a8f0c6,#b78069)}
:root[data-skin="ember"] .ptests .ptc.lock::before{filter:grayscale(.5)}
:root[data-skin="ember"] .ptests .ptc.lock .ptc-go{background:linear-gradient(160deg,#5a5a5a,#3a3a3a);color:#ddd;box-shadow:none}
:root[data-skin="ember"] .pp-back{background:rgba(0,0,0,.18)}
:root[data-skin="ember"] .pp-box{border-radius:14px;background:linear-gradient(180deg,rgba(26,18,14,.97),rgba(14,9,7,.98));border:1.5px solid rgba(220,128,82,.85);box-shadow:0 14px 32px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);--ax:50%}
:root[data-skin="ember"] .pp-box::after{background:#110b09;border-right:1.5px solid rgba(220,128,82,.85);border-bottom:1.5px solid rgba(220,128,82,.85);border-radius:0 0 3px 0}
:root[data-skin="ember"] .pp-box.below::after{border-right:0;border-bottom:0;border-left:1.5px solid rgba(220,128,82,.85);border-top:1.5px solid rgba(220,128,82,.85);border-radius:3px 0 0 0;background:#1a120e}
:root[data-skin="ember"] .pp-h{color:#df8a60}
:root[data-skin="ember"] .pp-t{border:1px solid rgba(220,128,82,.3);border-radius:10px;background:rgba(255,255,255,.04);color:#f5e0cd}
:root[data-skin="ember"] .pp-t:hover,:root[data-skin="ember"] .pp-t:focus-visible{background:rgba(220,128,82,.18);border-color:#f0ad73;outline:none}
:root[data-skin="ember"] .pp-t.go{background:linear-gradient(160deg,#f0ad73,#d17547);color:#1b0c04}
:root[data-skin="ember"] .lvl button.lblbtn svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .lvl button.lblbtn.hide{border-radius:999px}
:root[data-skin="ember"] .lvl button.lblbtn.show{border-radius:10px}
:root[data-skin="ember"] .lblmix{color:var(--muted);border:1px dashed var(--line2);border-radius:999px}
:root[data-skin="ember"] .lvl button.lkd,:root[data-skin="ember"] .lvrow.locked,:root[data-skin="ember"] .opt.locked[data-lock]{filter:saturate(.7)}
:root[data-skin="ember"] .lvrow.locked .lk{color:var(--accent)}
:root[data-skin="ember"] .lvwarn li svg{color:var(--bad,#e07a6a)}
:root[data-skin="ember"] .lvwarn li:last-child svg{color:var(--ok,#6fcf97)}
:root[data-skin="ember"] .elo-big{color:var(--gold,#de682d)}
:root[data-skin="ember"] \n@media(min-width:561px){border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface2) 60%,transparent)}}
:root[data-skin="ember"] .mgpop{border:1px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,#000);box-shadow:0 14px 36px rgba(0,0,0,.5)}
:root[data-skin="ember"] .mgpop-it{border:0;border-radius:10px;background:none;color:var(--ink)}
:root[data-skin="ember"] .mgpop-it svg{color:var(--accent)}
:root[data-skin="ember"] .mgpop-it:active{background:color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-skin="ember"] .mgd-back{background:rgba(0,0,0,.55)}
:root[data-skin="ember"] .mgd-box{background:var(--bg-img),var(--bg);border-left:1.5px solid var(--accent);box-shadow:-12px 0 40px rgba(0,0,0,.5)}
:root[data-skin="ember"] .mgd-h{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .mgd-x{border-radius:50%;border:1.5px solid var(--accent);background:none;color:var(--accent)}
:root[data-skin="ember"] .mgd-sec h4{color:var(--accent)}
:root[data-skin="ember"] .mgd-row{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .mgd-row small{color:var(--muted)}
:root[data-skin="ember"] .mgd-pan .panel,:root[data-skin="ember"] .mgd-pan #panel{box-shadow:none}
:root[data-skin="ember"] .cflag{border-radius:50%;background:color-mix(in srgb,var(--surface) 92%,#000);border:2px solid var(--bg,#0d1314);box-shadow:0 1px 4px rgba(0,0,0,.45)}
:root[data-skin="ember"] .pf-av .cflag{border-width:3px}
:root[data-skin="ember"] .ps-elo .eb{border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
:root[data-skin="ember"] .ps-elo .eb i{border-radius:99px;background:linear-gradient(90deg,var(--accent2,#c15a26),var(--accent,#eea362));box-shadow:0 0 8px color-mix(in srgb,var(--accent,#eea362) 60%,transparent)}
:root[data-skin="ember"] .ps-elo b{color:var(--accent,#eea362)}
:root[data-skin="ember"] .pg-row .pg-h b{color:var(--accent,#eea362)}
:root[data-skin="ember"] .pg-bar{border-radius:99px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
:root[data-skin="ember"] .pg-bar i{border-radius:99px;background:linear-gradient(90deg,var(--accent2,#c15a26),var(--accent,#eea362))}
:root[data-skin="ember"] .pg-row small{color:var(--muted)}
:root[data-skin="ember"] .elo-bd{border:1px solid var(--line);border-radius:12px}
:root[data-skin="ember"] .elo-bd b{color:var(--good,#6fcf97)}
:root[data-skin="ember"] .ps-pop .pg-sec{border:0;background:none}
:root[data-skin="ember"] .ps-pop .pg-sec h3{color:var(--accent)}
:root[data-skin="ember"] #modal.psmodal{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 55%),rgba(29,19,15,.58)!important;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 26px 70px rgba(0,0,0,.55)}
:root[data-skin="ember"] #modal.psmodal .actions{background:none!important;box-shadow:none;border:0}
:root[data-skin="ember"] #modal.psmodal #mBody,:root[data-skin="ember"] #modal.psmodal .body{background:none!important}
:root[data-skin="ember"] .psg .ps-x{border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--ink)}
:root[data-skin="ember"] .psg .ps-xpv{color:var(--accent)}
:root[data-skin="ember"] .ps-g,:root[data-skin="ember"] .psg .pg-row{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
:root[data-skin="ember"] .ps-four>div{border-left:1px solid rgba(255,255,255,.14)}
:root[data-skin="ember"] .ps-four>div:first-child{border-left:0}
:root[data-skin="ember"] .ps-four b{color:var(--accent)}
:root[data-skin="ember"] .ps-four span{color:var(--muted)}
:root[data-skin="ember"] .ps-ft .ps-fi{border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--accent)}
:root[data-skin="ember"] .ps-ft span{color:var(--muted)}
:root[data-skin="ember"] .ps-ft b{color:var(--accent)}
:root[data-skin="ember"] body{background-color:#0d1314;color:#f5e1d0}
:root[data-skin="ember"]{--bg:#0d1314;--surface:#231813;--gold:#dc8052;--ivory:#f5e1d0;--muted:#a9b3a8;--line:#dc805226;--green:#895742}
:root[data-skin="ember"] body{background:var(--bg);color:var(--ivory)}
:root[data-skin="ember"] a{color:inherit}
:root[data-skin="ember"] button{color:inherit}
:root[data-skin="ember"] button:focus-visible,:root[data-skin="ember"] a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
:root[data-skin="ember"] header{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] nav{color:#d0d1c4}
:root[data-skin="ember"] nav a:hover{color:var(--gold)}
:root[data-skin="ember"] .login{border:1px solid #b798894d;background:none}
:root[data-skin="ember"] .login span{color:var(--gold)}
:root[data-skin="ember"] .hero-art{background:url('assets/hero.webp') center/cover no-repeat}
:root[data-skin="ember"] .hero-shade{background:linear-gradient(90deg,#0d1314fa 0%,#0d1314e0 24%,#0d13144d 57%,#0d131400 90%),linear-gradient(0deg,#0d1314 0%,transparent 25%)}
:root[data-skin="ember"] .eyebrow{color:var(--gold)}
:root[data-skin="ember"] .eyebrow>span{background:var(--gold)}
:root[data-skin="ember"] em{color:var(--gold)}
:root[data-skin="ember"] .intro{color:var(--muted)}
:root[data-skin="ember"] .primary{border:1px solid #eeaf77;background:linear-gradient(120deg,#eeaf77,#c06436);color:#251914;box-shadow:0 8px 32px #dc805216}
:root[data-skin="ember"] .secondary{border-bottom:1px solid #a9b3a857}
:root[data-skin="ember"] .secondary span{color:var(--gold)}
:root[data-skin="ember"] .friend-link{background:none;border:0;color:#9ba69e}
:root[data-skin="ember"] .friend-link u{color:#dcc3ae}
:root[data-skin="ember"] .hero-notes{color:#a9b3a8}
:root[data-skin="ember"] .hero-notes i{color:var(--gold)}
:root[data-skin="ember"] .art-caption{color:#dc8052a1}
:root[data-skin="ember"] .art-caption small{color:#a9b3a873}
:root[data-skin="ember"] .scroll{color:var(--muted)}
:root[data-skin="ember"] .scroll span{color:var(--gold)}
:root[data-skin="ember"] .section-heading>p{color:var(--muted)}
:root[data-skin="ember"] .modes{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .mode{border:0;border-right:1px solid var(--line);background:transparent}
:root[data-skin="ember"] .mode:last-child{border-right:0}
:root[data-skin="ember"] .mode:hover{background:#23181366}
:root[data-skin="ember"] .mode-top{color:var(--muted)}
:root[data-skin="ember"] .mode-top b{color:var(--gold)}
:root[data-skin="ember"] .mode-piece{color:var(--gold);text-shadow:0 3px 20px #dc805220}
:root[data-skin="ember"] .mode>span:not([class]){color:var(--muted)}
:root[data-skin="ember"] .mode-bottom{color:var(--gold)}
:root[data-skin="ember"] .learning{background:linear-gradient(120deg,#24191444,transparent)}
:root[data-skin="ember"] .lesson-copy>p:not(.eyebrow){color:var(--muted)}
:root[data-skin="ember"] .lesson-label{border-left:1px solid var(--gold)}
:root[data-skin="ember"] .lesson-label>span{color:var(--gold)}
:root[data-skin="ember"] .lesson-label p{color:var(--muted)}
:root[data-skin="ember"] .hint{background:none;border:0;border-bottom:1px solid var(--line);color:var(--gold)}
:root[data-skin="ember"] .board-panel{background:#211612d9;border:1px solid #dc805230;box-shadow:0 30px 70px #0005}
:root[data-skin="ember"] .board-title{color:var(--muted)}
:root[data-skin="ember"] .board-title i{background:var(--green);border-radius:50%}
:root[data-skin="ember"] .board{border:6px solid #573422}
:root[data-skin="ember"] .square{border:0;background:#eec9a8;color:#0d1314}
:root[data-skin="ember"] .square.dark{background:#5a3a2c}
:root[data-skin="ember"] .square.white-piece{color:#fcede0;text-shadow:1px 1px 0 #492a1a,-1px -1px 0 #492a1a,1px -1px 0 #492a1a,-1px 1px 0 #492a1a}
:root[data-skin="ember"] .square.selected{box-shadow:inset 0 0 0 4px #ec793f;background:#bf7550}
:root[data-skin="ember"] .square.target{box-shadow:inset 0 0 0 3px #eeaf77}
:root[data-skin="ember"] .square small{color:#2a1c16}
:root[data-skin="ember"] .square.dark small{color:#ecd1b9}
:root[data-skin="ember"] .board-feedback{color:var(--muted)}
:root[data-skin="ember"] .reset{background:none;border:0;color:var(--gold)}
:root[data-skin="ember"] .together{border-top:1px solid var(--line)}
:root[data-skin="ember"] .together>p:not(.eyebrow){color:var(--muted)}
:root[data-skin="ember"] .orbit{color:#dc805215}
:root[data-skin="ember"] footer{border-top:1px solid var(--line);color:var(--muted)}
:root[data-skin="ember"] .footer-name{color:var(--gold)}
:root[data-skin="ember"] footer>a:last-child{color:var(--gold)}
:root[data-skin="ember"] dialog{background:#231813;color:var(--ivory);border:1px solid #dc805270;box-shadow:0 40px 150px #000b}
:root[data-skin="ember"] dialog::backdrop{background:#050d10c9}
:root[data-skin="ember"] .close{background:none;border:0;color:var(--muted)}
:root[data-skin="ember"] .modal-note{color:var(--muted)}
:root[data-skin="ember"] .time-options button{background:#0d1314;border:1px solid var(--line);color:var(--ivory)}
:root[data-skin="ember"] .time-options button.active{border-color:var(--gold);color:var(--gold)}
:root[data-skin="ember"] .time-options small{color:var(--muted)}
:root[data-skin="ember"] .modal-cta{background:var(--gold);color:var(--bg)}
:root[data-skin="ember"] .badge{border:1px solid var(--line);color:var(--gold)}
@media(max-width:900px){:root[data-skin="ember"] .hero-art{background-position:62% center}
:root[data-skin="ember"] .hero-shade{background:linear-gradient(90deg,#0d1314ee,#0d131499 65%,#0d131433),linear-gradient(0deg,#0d1314,transparent 35%)}}
@media(max-width:600px){:root[data-skin="ember"] .login{border:0}
:root[data-skin="ember"] .hero-art{background-position:68% top;background-size:auto 75%}
:root[data-skin="ember"] .hero-shade{background:linear-gradient(0deg,#0d1314 3%,#0d1314e8 35%,#0d131455 78%)}
:root[data-skin="ember"] .mode,:root[data-skin="ember"] .mode:first-child{border-right:0;border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .mode:last-child{border-bottom:0}}
:root[data-skin="ember"] .atmosphere{-webkit-mask-image:radial-gradient(ellipse 29% 65% at 69% 67%,transparent 72%,#000 103%);mask-image:radial-gradient(ellipse 29% 65% at 69% 67%,transparent 72%,#000 103%);-webkit-mask-image:radial-gradient(ellipse 29% 65% at 69% 67%,transparent 72%,#000 103%)}
:root[data-skin="ember"] .vapor{filter:url(#vapor-texture);background:radial-gradient(ellipse 45% 12% at 55% 65%,#84b5a13b,transparent 80%),radial-gradient(ellipse 35% 14% at 73% 38%,#b77c5e4d,transparent 85%),radial-gradient(ellipse 28% 18% at 40% 23%,#b57c642e,transparent 85%)}
:root[data-skin="ember"] .vapor-two{background:radial-gradient(ellipse 40% 16% at 50% 50%,#b3796061,transparent 78%),radial-gradient(ellipse 36% 10% at 75% 25%,#dc805240,transparent 85%)}
:root[data-skin="ember"] .vapor-three{background:radial-gradient(ellipse 30% 15% at 65% 60%,#be8f7850,transparent 80%),radial-gradient(ellipse 35% 12% at 50% 40%,#a0664d38,transparent 85%)}
@media(max-width:600px){:root[data-skin="ember"] .vapor{filter:blur(14px)}}
:root[data-skin="ember"] *::-webkit-scrollbar{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-track{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-corner{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(90deg,#dea472,#cb7c55 50%,#904c2a)}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(180deg,#dea472,#cb7c55 50%,#904c2a)}
@supports not selector(::-webkit-scrollbar){:root[data-skin="ember"] *{scrollbar-color:#c0744e transparent}}
:root[data-skin="ember"] body{background-color:#0d1314;color:#f5e1d0}
:root[data-skin="ember"]{--bg:#0d1314;--ink:#f5e1d0;--gold:#dc8052;--sage:#a9b3a8;--line:#dc805236;color:var(--ink);background:var(--bg)}
:root[data-skin="ember"] a{color:inherit}
:root[data-skin="ember"] .salon-light{background:radial-gradient(ellipse at 50% -10%,#462f2595,transparent 64%),radial-gradient(ellipse at 95% 80%,#4d2a1825,transparent 45%)}
:root[data-skin="ember"] .salon-grid{background-image:linear-gradient(#ad705622 1px,transparent 1px),linear-gradient(90deg,#ad705622 1px,transparent 1px);background-size:95px 95px;-webkit-mask-image:linear-gradient(transparent 30%,#000);mask-image:linear-gradient(transparent 30%,#000)}
:root[data-skin="ember"] .salon-header{border-bottom:1px solid #ffffff0b}
:root[data-skin="ember"] .salon-edition{color:#bfc7b7}
:root[data-skin="ember"] .salon-edition i{border-radius:50%;background:#dc8052;box-shadow:0 0 15px #dc805250}
:root[data-skin="ember"] .salon-eyebrow{color:var(--gold)}
:root[data-skin="ember"] .salon h1 em{color:#e5af80}
:root[data-skin="ember"] .salon-subtitle{color:#b6c0b6}
:root[data-skin="ember"] .activity-card{border:1px solid #dc805242;border-radius:19px;background:#231813}
:root[data-skin="ember"] .activity-shade{background:linear-gradient(180deg,#0d17181a,#0d171830 27%,#0d1718f2 64%,#1e1410 100%)}
:root[data-skin="ember"] .activity-number{color:#f7d9bfa6}
:root[data-skin="ember"] .activity-icon{background:#241914da;border:1px solid #dc805250;border-radius:10px}
:root[data-skin="ember"] .activity-icon svg{fill:none;stroke:#e8a76f}
:root[data-skin="ember"] .activity-kicker{color:#da936f}
:root[data-skin="ember"] .activity-copy p{color:#b9c4ba}
:root[data-skin="ember"] .activity-action{color:#f5c499;border-top:1px solid #dc805230}
:root[data-skin="ember"] .activity-tag{border:1px solid #ba866f4a;background:#281b15dd;color:#bedecd;border-radius:99px}
:root[data-skin="ember"] .face{border-color:#ae715760}
:root[data-skin="ember"] .face .activity-shade{background:linear-gradient(180deg,#281b1510,#2d1e1830 25%,#201611f2 65%,#231813 100%)}
:root[data-skin="ember"] .activity-card:hover{border-color:#e9a76d;box-shadow:0 15px 38px #0003}
:root[data-skin="ember"] a:focus-visible{outline:2px solid #f3bc8b;outline-offset:5px}
:root[data-skin="ember"] .salon-footer{color:#94a69a}
:root[data-skin="ember"] .salon-footer a{color:#d8ac85}
@media(max-width:1050px){:root[data-skin="ember"] .activity-shade{background:linear-gradient(180deg,#1d141000,#0d171826 15%,#1e1410e8 50%,#1e1410 100%)}}
@media(max-width:600px){:root[data-skin="ember"] .activity-card{border-radius:15px}
:root[data-skin="ember"] .activity-shade{background:linear-gradient(90deg,transparent,#231813b3 27%,#231813 45%,#231813)}
:root[data-skin="ember"] .face .activity-shade{background:linear-gradient(90deg,transparent,#231813b3 27%,#231813 45%)}}
:root[data-skin="ember"] .salon-footer a{color:#efb989}
:root[data-skin="ember"] .salon-edition{color:#d3dacb}
:root[data-skin="ember"] .salon-subtitle{color:#cdd5ca}
:root[data-skin="ember"] .activity-copy p{color:#d6dcd2}
:root[data-skin="ember"] .salon-footer{color:#b9c3b7}
:root[data-skin="ember"] .activity-kicker{color:#e7a871}
:root[data-skin="ember"] *::-webkit-scrollbar{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-track{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-corner{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(90deg,#dea472,#cb7c55 50%,#904c2a)}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(180deg,#dea472,#cb7c55 50%,#904c2a)}
@supports not selector(::-webkit-scrollbar){:root[data-skin="ember"] *{scrollbar-color:#c0744e transparent}}
:root[data-skin="ember"] .sr-royal{--sr-gold:#dc8052;color:#faebdd;background:transparent}
:root[data-skin="ember"] .sr-card:after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 550%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x2=%22.25%22 y2=%221%22%3E%3Cstop stop-color=%22%23f7ceaa%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%23b15527%22/%3E%3Cstop offset=%22.63%22 stop-color=%22%23f2b077%22/%3E%3Cstop offset=%221%22 stop-color=%22%2399461d%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M 5,67 Q 23,67 27,53 C 77,39 104,15 160,14 C 216,15 243,39 293,53 Q 297,67 315,67 L 315,526 Q 315,544 298,544 L 22,544 Q 5,544 5,526 Z%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223%22/%3E%3Cpath d=%22M 5,67 Q 23,67 27,53 C 77,39 104,15 160,14 C 216,15 243,39 293,53 Q 297,67 315,67 L 315,526 Q 315,544 298,544 L 22,544 Q 5,544 5,526 Z%22 transform=%22translate(5 6) scale(.969 .977)%22 fill=%22none%22 stroke=%22%23eea361%22 stroke-width=%22.8%22/%3E%3Cg fill=%22none%22 stroke=%22%23dc8052%22 stroke-width=%221.4%22%3E%3Cpath d=%22M146 18q-10-15-3-13q9-1 17 13q8-14 17-13q7-2-3 13M160 18q-7-11 0-17q7 6 0 17M10 514q18 0 18 21M310 514q-18 0-18 21M13 520q8-2 7 7m287-7q-8-2-7 7M151 543l9-4 9 4%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
:root[data-skin="ember"] .sr-surface{background:#150f0c}
:root[data-skin="ember"] .sr-fade{background:linear-gradient(180deg,transparent 40%,rgba(20,14,11,.6) 50%,#150f0c 63%)}
:root[data-skin="ember"] .sr-tag{border:1px solid #dc805266;border-radius:30px;background:#170f0cdb}
:root[data-skin="ember"] .sr-medallion{border:2px solid var(--sr-gold);border-radius:50%;background:linear-gradient(140deg,#2f2019,#150f0c);box-shadow:0 0 0 3px #150f0c;color:#f1af76}
:root[data-skin="ember"] .sr-action{color:#14170f;background:linear-gradient(180deg,#f6cda9,#ed8855 55%,#c05b28);border:2px solid #f4bc8b;border-radius:40px;box-shadow:inset 0 0 0 2px #39261e,inset 0 0 0 3px #f3b885}
:root[data-skin="ember"] .sr-action:focus-visible,:root[data-skin="ember"] .sr-controls button:focus-visible,:root[data-skin="ember"] .sr-track:focus-visible{outline:3px solid #f8d8bc;outline-offset:5px}
@media(hover:hover) and (pointer:fine){:root[data-skin="ember"] .sr-card:hover{filter:drop-shadow(0 12px 12px #0007)}}
@media(max-width:760px){:root[data-skin="ember"] .sr-controls button{background:#1c130fcc;border:1px solid #dc80528a;color:#f1ae74;border-radius:50%}
:root[data-skin="ember"] .sr-dots button{border:0;background:#b6735266}
:root[data-skin="ember"] .sr-dots button[aria-current=true]{background:#f3ba88;box-shadow:0 0 0 3px #dc805222}}
@media(max-width:760px){:root[data-skin="ember"] .salon-footer{background:linear-gradient(180deg,transparent,rgba(17,11,9,.55) 55%)}
:root[data-skin="ember"] .salon-footer a{border:2px solid #f4bc8b;border-radius:40px;background:rgba(17,11,9,.28);box-shadow:inset 0 0 0 2px rgba(57,38,30,.55),inset 0 0 0 3px rgba(243,184,133,.7);color:#f5c59b}}
html[data-skin="ember"]{background:#0d1314;color:#f5e1d0}
:root[data-skin="ember"] body{background-color:#0d1314;color:#f5e1d0}
:root[data-skin="ember"]{--cm-brand-width:300px}
@media(max-width:700px){:root[data-skin="ember"]{--cm-brand-width:250px}}
@media(max-width:430px){:root[data-skin="ember"]{--cm-brand-width:220px}}
@media(max-width:360px){:root[data-skin="ember"]{--cm-brand-width:190px}}
@media(max-height:560px) and (min-width:701px){:root[data-skin="ember"]{--cm-brand-width:250px}}
:root[data-skin="ember"] .salon-light{background:radial-gradient(ellipse at 50% -10%,#462f2595,transparent 64%),radial-gradient(ellipse at 95% 80%,#4d2a1825,transparent 45%)}
:root[data-skin="ember"] .salon-grid{background-image:linear-gradient(#ad705622 1px,transparent 1px),linear-gradient(90deg,#ad705622 1px,transparent 1px);background-size:95px 95px;-webkit-mask-image:linear-gradient(transparent 30%,#000);-webkit-mask-image:linear-gradient(transparent 30%,#000);mask-image:linear-gradient(transparent 30%,#000)}
:root[data-skin="ember"] *::-webkit-scrollbar{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-track{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-corner{background:transparent}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(90deg,#dea472,#cb7c55 50%,#904c2a)}
:root[data-skin="ember"] *::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(180deg,#dea472,#cb7c55 50%,#904c2a)}
@supports not selector(::-webkit-scrollbar){:root[data-skin="ember"] *{scrollbar-color:#c0744e transparent}}
html[data-skin="ember"]{background:#0d1314;color:#f5e1d0}
:root[data-skin="ember"] body{background-color:#0d1314;color:#f5e1d0}
html[data-skin="ember"],:root[data-skin="ember"] body{background:#0d1314;color:#f5e1d0}
:root[data-skin="ember"] .loading-background{background:#0d1314 url('assets/hero.webp') 67% center/cover no-repeat}
:root[data-skin="ember"] .veil{background:radial-gradient(ellipse at 50% 48%,#0d1314b8 0%,#0d131488 35%,#0d13144d 70%),linear-gradient(0deg,#0d1314e8,transparent 30%,transparent 75%,#0d131488)}
:root[data-skin="ember"] .mist{filter:blur(25px);background:radial-gradient(ellipse 24% 12% at 63% 45%,#b88b7533,transparent 85%),radial-gradient(ellipse 27% 17% at 40% 30%,#84544038,transparent 80%)}
:root[data-skin="ember"] .overline{color:#dc8052b3}
:root[data-skin="ember"] .loading-logo{filter:drop-shadow(0 5px 25px #0009)}
:root[data-skin="ember"] .tagline{color:#e4d3c4c9}
:root[data-skin="ember"] .progress-meta{color:#d8c4b3bd}
:root[data-skin="ember"] #progress-number{color:#eeaf77}
:root[data-skin="ember"] #progress-number span{color:#dc805299}
:root[data-skin="ember"] .progress-track{background:#dc805226;box-shadow:0 0 0 1px #dc80520c}
:root[data-skin="ember"] .progress-fill{background:linear-gradient(90deg,#9c5430,#eeaf77);box-shadow:0 0 16px #dc805266}
:root[data-skin="ember"] .progress-fill:after{border-radius:50%;background:#f8d9bd;box-shadow:0 0 10px #eeaf77}
:root[data-skin="ember"] .loading-tip{color:#b9c0b18c}
:root[data-skin="ember"] .enter{color:#eeaf77;border-bottom:1px solid #dc805250}
:root[data-skin="ember"] .enter:focus-visible{outline:2px solid #dc8052;outline-offset:5px}
:root[data-skin="ember"] .loading-bottom{color:#f5e1d065}
:root[data-skin="ember"] .royal{color:#dc8052b3}
:root[data-skin="ember"] .royal i{background:#dc8052}
:root[data-skin="ember"] .corner{border-color:#dc805255;border-style:solid}
:root[data-skin="ember"] .top-left{border-width:1px 0 0 1px}
:root[data-skin="ember"] .top-right{border-width:1px 1px 0 0}
:root[data-skin="ember"] .bottom-left{border-width:0 0 1px 1px}
:root[data-skin="ember"] .bottom-right{border-width:0 1px 1px 0}
:root[data-skin="ember"] .noscript{color:#eeaf77}
:root[data-skin="ember"] .leaving .veil{background:#0d1314ee}
@media(max-width:600px){:root[data-skin="ember"] .loading-background{background-position:70% center}
:root[data-skin="ember"] .veil{background:radial-gradient(ellipse at 50% 47%,#0d1314bf, #0d131477 65%),linear-gradient(0deg,#0d1314e8,transparent 45%,#0d131455)}}
:root[data-skin="ember"]{--bg:#0d1314;--gold:#db8d66;--ivory:#eeddce;--muted:#ba8771}
html[data-skin="ember"]{background:#0d1314}
:root[data-skin="ember"] body{background:var(--bg);color:var(--ivory)}
:root[data-skin="ember"] button:focus-visible,:root[data-skin="ember"] a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
:root[data-skin="ember"] .language{border:1px solid #aa6542;border-radius:50%;background:#221712}
:root[data-skin="ember"] .language svg{border-radius:50%}
:root[data-skin="ember"] .language:not(.active){filter:grayscale(1) brightness(.5)}
:root[data-skin="ember"] .language:not(.active):hover{filter:grayscale(.4) brightness(.8)}
:root[data-skin="ember"] .language.active{border-color:#f1b988;box-shadow:0 0 8px #db7c4d15}
:root[data-skin="ember"] .language:hover{border-color:#f7ceab}
:root[data-skin="ember"] .steps span{border-radius:10px;background:linear-gradient(90deg,#bd6235,#e6a974)}
:root[data-skin="ember"] .steps span{background:#4c3329}
:root[data-skin="ember"] .steps span.done{background:linear-gradient(90deg,#bd6235,#e6a974)}
:root[data-skin="ember"] .step{color:var(--muted)}
:root[data-skin="ember"] .choices{border:0}
:root[data-skin="ember"] .choice{border-radius:10px}
:root[data-skin="ember"] .choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:7px}
:root[data-skin="ember"] .piece{filter:drop-shadow(0 0 1px #d26c3918)}
:root[data-skin="ember"] .beam{background:radial-gradient(ellipse at 50% 88%,#6fffa02e,transparent 68%);-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%);filter:blur(10px)}
:root[data-skin="ember"] .pool{background:radial-gradient(ellipse,#e8c6a89c 0,#a1ffc45a 14%,#51eeb82e 38%,transparent 72%);filter:blur(3px)}
:root[data-skin="ember"] .sparks{background:#d2daa0;border-radius:50%;box-shadow:-24px -25px 1px #d4e393,22px -58px 1px #a7e6b1,-14px -93px 1px #e0b895}
:root[data-skin="ember"] .ornament{color:var(--gold)}
:root[data-skin="ember"] .ornament:before,:root[data-skin="ember"] .ornament:after{background:linear-gradient(90deg,transparent,#d594738c)}
:root[data-skin="ember"] .radio{border:1.5px solid #945f48;border-radius:50%}
:root[data-skin="ember"] .radio:after{border-radius:50%;background:var(--ivory)}
:root[data-skin="ember"] .choice.is-selected .piece{filter:drop-shadow(0 0 5px #b8ffd427)}
:root[data-skin="ember"] .choice.is-selected .radio{border-color:#e5b081}
:root[data-skin="ember"] .choice:hover:not(.is-selected) .radio{border-color:var(--gold)}
:root[data-skin="ember"] .cm-onb-btns .btn,:root[data-skin="ember"] .actions .btn{border:1px solid rgba(220,128,82,.3);background:#2f2019;color:#f5e1d0;border-radius:999px}
:root[data-skin="ember"] .actions .btn.primary{background:linear-gradient(180deg,#eeaf77,#c06436);color:#1e0f07;border-color:transparent}
:root[data-skin="ember"] .actions .btn.primary:hover:not(:disabled){filter:brightness(1.07)}
:root[data-skin="ember"] .actions .btn.ghostbtn{background:transparent;color:#a9b3a8;border-color:rgba(220,128,82,.3)}
:root[data-skin="ember"] .actions .btn.ghostbtn:hover{color:#f5e1d0;background:#36251d4a}
:root[data-skin="ember"] .actions .btn.primary.confirmed{box-shadow:0 0 12px #89eeb323}
:root[data-skin="ember"] .actions .btn.primary{color:#14170f;background:linear-gradient(180deg,#f6cda9,#ed8855 55%,#c05b28);border:2px solid #f4bc8b;box-shadow:inset 0 0 0 2px #39261e,inset 0 0 0 3px #f3b885}
:root[data-skin="ember"] .actions .btn.ghostbtn{background:transparent;color:#dcc2ab;border:2px solid rgba(220,128,82,.38);box-shadow:inset 0 0 0 3px rgba(220,128,82,.34)}
:root[data-skin="ember"] .actions .btn.ghostbtn:hover{color:#f5e1d0;background:rgba(54,37,29,.29);border-color:rgba(244,188,139,.6)}
:root[data-skin="ember"] .sound{border:1px solid #a3603e2b;border-radius:50%;background:#24181365;color:#ac7d65}
:root[data-skin="ember"] .sound svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .chess-grid{background-image:linear-gradient(#b667402b 1px,transparent 1px),linear-gradient(90deg,#b667402b 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(140deg,#000,transparent 80%);mask-image:linear-gradient(140deg,#000,transparent 80%)}
:root[data-skin="ember"] .sr-only{border:0}
@media(prefers-reduced-motion:reduce){:root[data-skin="ember"] .continue:not(:disabled){box-shadow:0 0 10px #e1a77422}}
:root[data-skin="ember"] .subtitle{color:var(--muted)}
:root[data-skin="ember"] .choice-description{color:var(--muted)}
:root[data-skin="ember"] .language-choice .flag{border:1px solid var(--gold);border-radius:50%;background:#281b15}
:root[data-skin="ember"] .flag svg{border-radius:50%}
:root[data-skin="ember"] .language-choice:hover .flag{box-shadow:0 0 15px #cf845f33}
:root[data-skin="ember"] .nickname-label{color:var(--muted)}
:root[data-skin="ember"] .nickname-input{border:1px solid #8f66514f;border-radius:9px;background:#261a145c;color:var(--ivory);outline:none}
:root[data-skin="ember"] .nickname-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #cd7c5412}
:root[data-skin="ember"] .nickname-input::placeholder{color:#b67f6880}
:root[data-skin="ember"] .nickname-input[aria-invalid=true]{border-color:#c38b7d}
:root[data-skin="ember"] .nickname-note{color:var(--muted)}
:root[data-skin="ember"] .avail{border-radius:50%}
:root[data-skin="ember"] .avail[data-s=ok]{background:#895742;box-shadow:0 0 10px #89574266}
:root[data-skin="ember"] .avail[data-s=taken]{background:#c4473f;box-shadow:0 0 10px #c4473f66}
:root[data-skin="ember"] .avail[data-s=checking]{border:2px solid #8f665166;border-top-color:var(--gold)}
:root[data-skin="ember"] .avail svg{stroke:#fff;fill:none}
:root[data-skin="ember"] .nickname-avail[data-s=ok]{color:#86dcab}
:root[data-skin="ember"] .nickname-avail[data-s=taken]{color:#f1a095}
:root[data-skin="ember"] .nickname-avail[data-s=checking]{color:var(--muted)}
:root[data-skin="ember"] .nickname-error{color:#e7ad99}
:root[data-skin="ember"] .suggest{color:var(--gold);background:transparent;border:0}
:root[data-skin="ember"] .suggest:hover{color:#f6cda9}
:root[data-skin="ember"] .suggest svg{filter:drop-shadow(1px 2px 0 #79422788)}
:root[data-skin="ember"] .completion{color:var(--muted)}
:root[data-skin="ember"] .header{border-bottom:1px solid #ffffff0b}
html[data-skin="ember"]{background:#0d1314}
html[data-skin="ember"]{background:#0d1314}
html[data-skin="ember"],:root[data-skin="ember"] body{background:#0d1314}
:root[data-skin="ember"] .splash{background:#0d1314}
:root[data-skin="ember"] a{color:#dc8052}
html[data-skin="ember"]{background:#0d1314}
html[data-skin="ember"],:root[data-skin="ember"] body{background:#0d1314}
:root[data-skin="ember"] .splash{background:#0d1314}
:root[data-skin="ember"] a{color:#dc8052}
html[data-skin="ember"]{background:#0d1314}