/* Uses the site's launcher primitives: --px-*, --bev, --font and --mono.
   No independent dashboard theme; the graphics policy is unchanged. */
.graphics-open{justify-content:space-between;width:100%;gap:12px;min-height:44px;margin-top:8px;text-align:left;font-size:14px}
.graphics-open small{font:400 14px/1.4 var(--font);color:#C9AFBC}
.graphics-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;color:#F4EAE6;background:#1B1218;border:2px solid #6B505B;clip-path:var(--px-12);box-shadow:inset 0 2px #96747E,inset 0 -3px #0A0608;overflow:hidden;font:400 14px/1.5 var(--font)}
.graphics-dialog[open]{display:flex;flex-direction:column}
.graphics-dialog::backdrop{background:rgba(8,4,6,.76)}
.graphics-dialog *{box-sizing:border-box}
.graphics-dialog :focus-visible,.graphics-open:focus-visible{outline:2px solid #D4B093;outline-offset:3px}
.graphics-head{display:flex;align-items:center;gap:12px;padding:20px 24px 18px;background:linear-gradient(180deg,#312029,#251821);border-bottom:2px solid #49313D;box-shadow:inset 0 2px #503742;flex-shrink:0}
.graphics-mark{display:grid;place-items:center;width:36px;height:40px;flex:none;clip-path:var(--px-4);color:#DEC3AB;background:linear-gradient(180deg,#59404A,#392731);box-shadow:inset 0 2px #896471,inset 0 -3px #21121A}
.graphics-mark svg{width:26px;height:26px}
.graphics-eyebrow{display:block;margin-bottom:3px;font:500 14px/1.3 var(--font);letter-spacing:.06em;color:#C8A8B1}
.graphics-head h2{margin:0;font:650 20px/1.25 var(--font);letter-spacing:-.03em}
.graphics-close{margin-left:auto;width:44px;height:44px;min-height:44px;flex:none;color:#C6ABB5}
.graphics-close svg{width:14px;height:14px}
.graphics-body{padding:20px 24px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#79586D #150D12}
.graphics-body::-webkit-scrollbar{width:8px}.graphics-body::-webkit-scrollbar-track{background:#150D12}.graphics-body::-webkit-scrollbar-thumb{background:#79586D;border:2px solid #150D12}
.graphics-auto{padding:16px;background:#241821;border:2px solid #624552;clip-path:var(--px-6);box-shadow:inset 0 2px #765562,inset 0 -3px #100910}
.graphics-auto-top{display:flex;align-items:center;gap:10px}
.graphics-auto-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;color:#D4B5C5;background:#3B2834;clip-path:var(--px-4);box-shadow:inset 0 2px #624451,inset 0 -2px #1A1016}
.graphics-auto-icon svg{width:22px;height:22px}
.graphics-auto h3{margin:0;font:600 16px/1.3 var(--font);color:#EEDCE5}
.graphics-auto-caption{display:block;margin-top:3px;font-size:14px;color:#BFAAB3}
.graphics-switch{margin-left:auto;flex:none;width:72px;min-height:44px;padding:8px;font-size:14px;gap:6px}
.graphics-switch span{display:none}
.graphics-switch:after{content:'Выкл'}
.graphics-switch[aria-checked=true]{color:#142316;background-image:var(--bev),linear-gradient(180deg,#93CC8D,#6AA36B);text-shadow:none}
.graphics-switch[aria-checked=true]:after{content:'✓ Вкл'}
.graphics-auto>p{margin:14px 0;color:#CEBAC5;font-size:14px;line-height:1.6}
.graphics-auto-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.graphics-mode{display:inline-flex;align-items:center;gap:8px;color:#F1DCE7;font-weight:500;line-height:1.4}
.graphics-mode:before{content:'';width:5px;height:5px;flex:none;background:#B8869F}
.graphics-auto-bottom>span:last-child{font:400 14px/1.4 var(--mono);color:#C4ABB9}
.graphics-auto[data-enabled=false]{border-color:#49333E;box-shadow:inset 0 2px #4B3340,inset 0 -3px #100910}
.graphics-device{display:flex;align-items:flex-start;gap:8px;margin:12px 0 20px;color:#BFAAB3;font-size:14px;line-height:1.5}
.graphics-device-dot{width:5px;height:5px;flex:none;margin-top:8px;background:#A18A74}
.graphics-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.graphics-section-head h3{margin:0;font:600 14px/1.4 var(--font);color:#EEDCE5}
.graphics-section-head>span{color:#BFAAB3;font-size:14px}
.graphics-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.graphics-presets .btn{position:relative;display:block;min-width:0;min-height:100px;padding:14px 12px;text-align:left;font-size:14px;background-image:var(--bev),linear-gradient(180deg,#3B2933,#2A1B24);color:#E8D6E1}
.graphics-presets .btn[aria-pressed=true]{background-color:#A7778D;background-image:var(--bev),linear-gradient(180deg,#694253,#49303F);color:#FFF1EB}
.graphics-presets b{display:block;margin:10px 0 5px;font:600 14px/1.3 var(--font)}
.graphics-presets button>span:not(.graphics-preset-bars){display:block;color:#C9B1BF;font-size:14px;font-weight:400;line-height:1.45}
.graphics-presets em{display:none;position:absolute;right:12px;top:10px;font-style:normal;color:#F0CEDF}
.graphics-presets [aria-pressed=true] em{display:block}
.graphics-preset-bars{display:flex;align-items:flex-end;gap:3px;height:18px}
.graphics-preset-bars i{width:5px;height:6px;background:#D6B9C9}
.graphics-preset-bars i:nth-child(2){height:11px;background:#624855}.graphics-preset-bars i:nth-child(3){height:16px;background:#624855}
.graphics-presets [data-graphics-preset=balanced] i:nth-child(2),.graphics-presets [data-graphics-preset=quality] i{background:#D6B9C9}
.graphics-advanced{margin-top:20px}
.graphics-advanced summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px;list-style:none;font:500 14px/1.4 var(--font);color:#D4BDC9;background:#21161D;clip-path:var(--px-4);box-shadow:inset 0 2px #4F3543,inset 0 -3px #0F090D;cursor:pointer}
.graphics-advanced summary::-webkit-details-marker{display:none}
.graphics-advanced summary:hover{background:#30202A}
.graphics-advanced-hint{margin-left:auto;margin-right:12px;color:#BCA3B1;font-size:14px}
.graphics-chevron{width:16px;text-align:center;font:500 18px/1 var(--mono);color:#CDA4BA}
.graphics-advanced[open] .graphics-chevron{transform:rotate(45deg)}
.graphics-fields{padding:4px 0}
.graphics-field{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #3A2732}
.graphics-field b{display:block;font-weight:500;color:#E8D4E0}
.graphics-field small{display:block;margin-top:3px;color:#BFAAB3;font-size:14px}
.graphics-field select{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#100B10;border:2px solid #624653;border-radius:0;box-shadow:inset 0 2px #070407;color:#F4EAE6;font:400 14px/1.3 var(--font);color-scheme:dark;cursor:pointer}
.graphics-field select:focus{border-color:#A8778C}
.graphics-note{margin:12px 0 0;color:#BFAAB3;font-size:14px;line-height:1.6}
.graphics-footer{padding:14px 24px 20px;border-top:2px solid #49313D;background:#21151D;flex-shrink:0}
.graphics-footer p{margin:0 0 12px;color:#BFAAB3;font-size:14px;line-height:1.4}
.graphics-footer>div{display:flex;gap:10px}
.graphics-reset,.graphics-done{flex:1;min-height:44px;font-size:14px;padding:10px 12px}
.graphics-reset{color:#D9C5D2;background-image:var(--bev-soft),linear-gradient(180deg,#3B2933,#2A1B24)}
.graphics-done{color:#FFF1EB;background-image:var(--bev),linear-gradient(180deg,#965366,#6B3448)}
.graphics-done span{display:none}
/* Keep the original gear popover/segmented controls; only make targets accessible. */
.prefs__panel{max-height:calc(100dvh - 90px);overflow:auto;scrollbar-width:thin}
.prefs__panel .seg button{min-height:44px;min-width:44px}
.prefs__panel .prefs__hint{font-size:14px;line-height:1.4;color:#BCA5B0}
@media(max-width:560px){
 .graphics-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 28px)}
 .graphics-head{padding:16px 18px;gap:10px}.graphics-head h2{font-size:18px}.graphics-eyebrow{font-size:14px}
 .graphics-body{padding:18px}.graphics-auto{padding:14px}.graphics-auto-caption{display:none}.graphics-auto h3{font-size:14px}
 .graphics-auto-bottom{align-items:flex-start;flex-direction:column;gap:8px}.graphics-switch{width:68px}.graphics-device{margin-bottom:20px}
 .graphics-section-head>span,.graphics-advanced-hint{display:none}
 .graphics-presets{gap:8px}.graphics-presets .btn{padding:12px 9px}.graphics-presets em{right:8px}
 .graphics-field{grid-template-columns:minmax(0,1fr) 160px;gap:10px}.graphics-field small{display:none}
 .graphics-footer{padding:12px 18px 18px}
}
@media(max-width:360px){.graphics-field{grid-template-columns:1fr;gap:8px}.graphics-head h2{font-size:17px}.graphics-head{padding-inline:14px}.graphics-body{padding:14px}}
@media(prefers-reduced-motion:reduce){.graphics-dialog *{transition:none!important}}
html[data-graphics-effects=off] .lobby .dust,html[data-graphics-effects=off] .lobby .blocks,html[data-graphics-effects=off] .lobby .hol-fx{display:none!important}
html[data-graphics-effects=off] .lobby .stage__sword,html[data-graphics-effects=off] .lobby .hol-pk,html[data-graphics-effects=off] .lobby .hol-pk__glow,html[data-graphics-effects=off] .lobby .hol-hat,html[data-graphics-effects=off] .lobby .stage__halo{animation:none!important}