/* UI architecture: Classic is the base stylesheet; Highend is opt-in. */
.ui-theme-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0 12px;padding:5px;border:1px solid #cfa76c66;border-radius:14px;background:#0006}
.ui-theme-option{display:flex;justify-content:center;align-items:center;gap:8px;min-height:49px;padding:8px 10px;border-radius:10px;border:1px solid transparent;color:var(--mut);font-weight:750;font-size:13px;background:#ffffff09}
.ui-theme-option.is-active{background:linear-gradient(145deg,#dfbb75,#9b682c);border-color:#fff0bd;color:#25170b;box-shadow:0 2px 9px #0005}
.ui-theme-symbol{font-family:Georgia,serif;font-size:19px;line-height:1}
.ui-theme-selector.compact{margin:4px 0 7px;padding:4px;gap:4px;border-radius:11px}
.ui-theme-selector.compact .ui-theme-option{min-height:39px;font-size:11px;padding:6px 8px;gap:5px}
.ui-theme-selector.compact .ui-theme-symbol{font-size:16px}
.ui-theme-settings .ui-theme-description{margin:3px 0 9px!important;font-size:12px;color:var(--mut);line-height:1.45}
.classic-theme-choice{margin:-5px 0 9px}
.classic-theme-choice .ui-theme-selector{margin-block:0}

/* Premium typography, material, menus: applies to setup / settings / result panels only when selected. */
:root[data-ui-theme="highend"]{--felt1:#25384d;--felt2:#0c1d31;--felt3:#050b17;--bg:#050c19;--ink:#f1eee7;--mut:#b4c2d4;--brass:#edc57e}
:root[data-ui-theme="highend"] #app{background:radial-gradient(ellipse at 50% 23%,#274461,#08162b 63%,#050b17);color:var(--ink)}
:root[data-ui-theme="highend"] .ov:not(.highend-home-ov)>.card{border-color:#e5be796e;background:linear-gradient(158deg,#162b42,#081422 68%,#040c17);box-shadow:0 16px 54px #000a,inset 0 1px #ffffff1d}
:root[data-ui-theme="highend"] .ov:not(.highend-home-ov)>.card h1,:root[data-ui-theme="highend"] .ov:not(.highend-home-ov)>.card h2{color:#f0d393}
:root[data-ui-theme="highend"] .ov:not(.highend-home-ov)>.card .btn:not(.w):not(.g){background:linear-gradient(160deg,#ffe2a1,#c79442);color:#26190a}
:root[data-ui-theme="highend"] .ov:not(.highend-home-ov)>.card .btn.w{background:linear-gradient(160deg,#264f76,#101f36);color:#f0f4fa}
:root[data-ui-theme="highend"] .setup-head{background:linear-gradient(#152b42 78%,transparent)}
:root[data-ui-theme="highend"] .setup-footer{background:linear-gradient(transparent,#091728 22%)}
:root[data-ui-theme="highend"] .home-arcade{background:linear-gradient(150deg,#e7c47f,#a47631);color:#221509}
:root[data-ui-theme="highend"] #app.premium-game{background:linear-gradient(180deg,#02071252,#020917ee 46%,#030915 99%),url("../assets/night-kingdom.svg") center 6%/auto 115% no-repeat}

/* Dedicated Highend start screen. The existing Classic lobby is not modified by these selectors. */
.highend-home-ov{padding:0!important;overflow:hidden;text-align:initial!important}
.highend-home-shell{display:flex;flex-direction:column;gap:0;position:relative;width:min(520px,100%);height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(180deg,#030916b9 0%,#050d1dbb 28%,#071527 55%,#030b18 100%),url("../assets/night-kingdom.svg") center top/auto 68% no-repeat;border-inline:1px solid #b08c6042;color:#f8f1e4}
.highend-home-top{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:12px 14px 2px;flex:none}
.highend-home-lang .lang{margin:0;justify-content:flex-start}
.highend-home-lang .lang button{background:#07172bb8;color:#becce1;border-color:#778eaf7a;min-height:32px}
.highend-home-top-btn{width:38px;height:36px;background:#0b1a31b9;color:#f0d393;border:1px solid #d8b9778c;border-radius:11px;font-size:19px}
.highend-home-hero{text-align:center;padding:7px 14px 10px;display:flex;align-items:center;flex-direction:column}
.highend-hero-crest{font-family:Georgia,serif;font-size:44px;line-height:1;color:#f2ca7b;text-shadow:0 4px 17px #f4ae4b8a,0 2px 7px #020916}
.highend-edition{margin-top:3px;color:#e8bf7b;font-size:8px;font-weight:850;letter-spacing:.4em}
.highend-home-hero h1{font-size:clamp(42px,13vw,65px);margin:4px 0 0;letter-spacing:.095em;line-height:1;color:#fff0c3;text-shadow:0 2px 1px #714d2799,0 4px 22px #000}
.highend-home-hero p{margin:5px 0 0;color:#dfd3b7;font-size:10px;font-weight:700;letter-spacing:.18em;text-shadow:0 2px 10px #000}
.highend-hero-divider{display:flex;align-items:center;gap:12px;color:#efc982;font-size:10px;width:82%;margin:8px auto 0}
.highend-hero-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#bd9867,transparent)}
.highend-home-profile{padding:0 14px;margin:0 0 6px}
.highend-home-profile .profile-mini{min-height:53px;margin:0;background:linear-gradient(145deg,#173249d9,#071628e6);border-color:#c6a87766;box-shadow:inset 0 1px #ffffff25}
.highend-home-profile .profile-mini b{font-family:Georgia,serif;color:#f8e9c9}
.highend-home-primary{display:grid;gap:9px;padding:0 14px}
.highend-hero-action{display:flex;align-items:center;gap:13px;width:100%;min-height:79px;border-radius:16px;border:2px solid #fce6ad;background:linear-gradient(155deg,#f9dfa5,#c29142 80%,#9c6c30);color:#271c10;text-align:left;box-shadow:0 4px 0 #63451e,0 6px 18px #0009,inset 0 1px #fff7d8}
.highend-action-emblem{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:13px;background:#381d10e8;color:#ffdc93;font-size:36px;font-family:Georgia,serif;border:1px solid #875b2d}
.highend-hero-action>span:nth-child(2){flex:1;display:grid;gap:4px}
.highend-hero-action strong{font:800 clamp(15px,4vw,20px) Georgia,serif}
.highend-hero-action small{font-size:9px;font-weight:800;letter-spacing:.18em}
.highend-hero-action>i{font:normal 33px Georgia,serif;padding-right:8px}
.highend-resume-action{min-height:39px;border:1px solid #5cbed2a0;background:#153958b4;color:#d5edff;border-radius:11px;font-size:12px;font-weight:700}
.highend-home-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.highend-home-modes button{display:flex;align-items:center;gap:8px;justify-content:center;min-height:54px;background:linear-gradient(155deg,#1a3552,#091828);color:#e9eef9;border:1px solid #b3a17f87;border-radius:13px;box-shadow:inset 0 1px #ffffff2a;font-size:12px}
.highend-home-modes button span{font:normal 24px Georgia,serif;color:#f4d28c}
.highend-adventure-status{display:flex;justify-content:space-between;gap:10px;margin:10px 14px 0;padding:9px 13px;border:1px solid #b2a0796e;border-radius:12px;background:#091725c9}
.highend-adventure-status>div{display:grid;gap:3px}
.highend-adventure-status>div:last-child{text-align:right}
.highend-adventure-status span{font-size:10px;color:#b9cadd}
.highend-adventure-status b{font:800 15px Georgia,serif;color:#f0cb86}
.highend-home-utility{display:flex;gap:7px;margin:9px 14px 0}
.highend-home-utility button{min-height:36px;flex:1;min-width:0;border:1px solid #89a5bf70;border-radius:9px;background:#0b1c2cd9;color:#d4dfeb;font-size:11px;font-weight:650}
.highend-home-footer{display:grid;gap:8px;margin:10px 14px 0;padding:8px 10px;border-top:1px solid #e5bf8240}
.highend-home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.highend-home-stats span{display:grid;gap:2px;text-align:center;font-size:9px;color:#a4b7cf}
.highend-home-stats strong{font:800 16px Georgia,serif;color:#ffdc94}
.highend-home-design{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b9c8db;font-size:11px}
.highend-home-design .ui-theme-selector{flex:1;max-width:254px;margin:0;background:#020916b0}
.highend-brand-credit{display:block;text-align:center;margin:4px 0 12px;color:#98aac2;font-size:9px;letter-spacing:.07em}
@media(max-width:360px){.highend-home-shell{border:0}.highend-home-top{padding-inline:9px}.highend-home-profile,.highend-home-primary{padding-inline:9px}.highend-adventure-status,.highend-home-utility{margin-inline:9px}.highend-home-footer{margin-inline:9px}.highend-home-hero{padding-top:1px}.highend-home-hero h1{font-size:39px}.highend-hero-crest{font-size:35px}.highend-hero-action{min-height:65px}.highend-home-modes button{min-height:48px}}
@media(max-height:700px){.highend-hero-crest{font-size:34px}.highend-home-hero{padding-block:2px 6px}.highend-home-hero h1{font-size:40px}.highend-hero-divider{margin-top:4px}.highend-home-primary{gap:6px}.highend-home-utility{margin-top:6px}.highend-home-footer{margin-top:6px;padding-top:5px}.highend-hero-action{min-height:64px}.highend-home-modes button{min-height:44px}.highend-home-profile .profile-mini{min-height:45px}}
@media(prefers-reduced-motion:reduce){.highend-home-shell,.ui-theme-option{scroll-behavior:auto;transition:none}}