.feature-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:1280px;margin:12px auto;padding:0 16px}.feature-bar button,.feature-dialog button,.feature-admin button{font:600 14px var(--body,'Segoe UI',sans-serif);border:1px solid #46588c;border-radius:10px;padding:10px 14px;background:#1a2137;color:#e2e6f2;cursor:pointer}.feature-bar button:hover,.feature-dialog button:hover{background:#2a3453}.feature-dialog{position:fixed;inset:0;margin:auto;width:min(1050px,94vw);max-height:88vh;overflow:auto;padding:24px;border-radius:20px;background:#111523;color:#e4e8f2;border:1px solid #43517c;z-index:10000}.feature-dialog::backdrop{background:#000b}.feature-dialog header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 0 15px}.feature-dialog h2{margin:0}.feature-dialog form,.feature-admin form{display:grid;gap:12px}.feature-dialog input,.feature-dialog textarea,.feature-dialog select,.feature-admin input,.feature-admin textarea,.feature-admin select{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #434d6b;border-radius:9px;background:#0d111c;color:#e5e8f3}.feature-dialog label,.feature-admin label{display:grid;gap:5px}.feature-dialog input[type=checkbox]{width:20px;height:20px}.feature-dialog .feature-check{display:flex;align-items:center;gap:10px}.feature-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:14px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{border:1px solid #404a66;border-radius:14px;padding:12px;min-width:0}.feature-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:9px}.feature-card h3{font-size:16px}.feature-card button{margin:3px}.feature-card p{font-size:13px}.feature-favorite{position:absolute;top:8px;right:8px;z-index:5;background:#111523ed!important;border:1px solid #7989b9!important;border-radius:50%;width:36px;height:36px;color:#e9de99!important;font-size:23px;cursor:pointer}.real-game{position:relative}.feature-item{padding:14px;border:1px solid #38415c;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.feature-item.unread{border-left:4px solid #a6bcff}.feature-item p{white-space:pre-wrap}.feature-message{padding:12px 16px;background:#181e32;border-radius:12px;margin:8px 0;white-space:pre-wrap}.feature-message.staff{border-left:3px solid #ebca71;background:#312e1c}.feature-muted{color:#a9afbf;font-size:13px}.feature-preview{padding:24px;border-radius:16px;background:linear-gradient(115deg,#101422,#232e4e);margin:12px 0}.feature-preview img{max-width:220px;max-height:180px;object-fit:contain;float:right}.feature-admin{padding:24px;border:1px solid #465379;border-radius:18px;margin:24px 0}.feature-admin details{margin:15px 0}.feature-admin summary{cursor:pointer;font-weight:600;padding:10px}.feature-admin button{justify-self:start}.feature-status{min-height:24px;color:#ebd381}.presentation-label{display:none;background:#ebcf76;color:#201b0d;text-align:center;padding:8px;font:600 12px var(--body,'Segoe UI',sans-serif)}html[data-presentation=on] .presentation-label{display:block}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-custom-image{position:absolute;right:0;top:0;height:100%;width:45%;object-fit:contain;pointer-events:none}.feature-dialog .feature-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.feature-admin textarea{min-height:90px}.feature-admin form{max-width:850px}@media(max-width:700px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-filters{grid-template-columns:1fr}.feature-dialog{padding:16px}.feature-dialog header{font-size:14px}.feature-bar button{font-size:12px;padding:8px}.feature-admin{padding:16px}.hero-custom-image{opacity:.6}}

.hero-clipart[hidden]{display:none!important}.feature-dialog button:focus-visible,.feature-bar button:focus-visible,.feature-admin button:focus-visible{outline:2px solid #a6bcff;outline-offset:3px}.feature-dialog button:disabled,.feature-admin button:disabled{opacity:.5;cursor:default}.feature-admin fieldset{border:1px solid #475376;border-radius:12px;padding:16px;display:grid;gap:12px;min-width:0}

/* Support drawer: FAQs first, existing ticket conversation on escalation. */
.feature-dialog.support-widget{position:fixed;inset:20px 20px 20px auto;margin:0;width:min(420px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 40px);max-height:none;padding:24px;border:1px solid #3c4965;border-radius:22px;background:#151d2d;color:#eef3ff;box-shadow:-12px 0 60px #0006;overflow-y:auto}
.support-widget::backdrop{background:#05091570}.support-widget>header{position:sticky;top:-24px;background:#151d2d;padding:16px 0;z-index:2;gap:12px}.support-widget>header h2{font-size:23px}.support-widget .support-intro{font-size:15px;line-height:1.6;color:#b5c0d6;margin:10px 0 20px}
.support-faq{display:grid;gap:10px;margin-bottom:20px}.support-faq details{border:1px solid #35415b;border-radius:14px;background:#1d273b;padding:0 16px}.support-faq summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:650;line-height:1.45}.support-faq details[open]{border-color:#8ba5e4}.support-faq details p{font-size:14px;line-height:1.7;color:#ccd5e8;margin:0 0 15px}.support-faq details button{width:100%;margin-bottom:16px;font-size:13px;white-space:normal}.support-widget form{display:grid;gap:14px}.support-widget textarea{min-height:120px}.support-widget .feature-message{overflow-wrap:anywhere}
@media(max-width:500px){.feature-dialog.support-widget{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:20px;border-radius:18px}}
.feature-dialog.support-widget{inset:auto 20px 20px auto;width:min(360px,calc(100vw - 24px));height:520px;max-height:calc(100dvh - 110px);padding:16px;border-radius:20px;box-shadow:0 15px 55px #0007}.support-widget>header{top:-16px;padding:10px 0}.support-widget>header h2{font-size:19px}.support-widget>header button{font-size:12px;padding:7px 10px}.support-widget .support-intro{font-size:13px;margin:6px 0 14px}.support-widget .support-faq{gap:7px;margin-bottom:12px}.support-widget .support-faq details{padding:0 12px;border-radius:11px}.support-widget .support-faq summary{font-size:13px;padding:12px 0}.support-widget .support-faq details p{font-size:13px;line-height:1.55}.support-widget textarea{min-height:84px}.support-widget form{gap:10px}@media(max-width:500px){.feature-dialog.support-widget{inset:auto 12px calc(78px + env(safe-area-inset-bottom)) auto;width:calc(100vw - 24px);height:480px;max-height:calc(100dvh - 155px);padding:16px}}
.feature-dialog.support-widget{z-index:1000}
/* Compact notifications anchored to the account bell. */
.notifications-popover{position:fixed;z-index:1100;box-sizing:border-box;width:min(400px,calc(100vw - 24px));padding:16px 20px 22px;border:1px solid #202a3d;border-radius:26px;background:#131c2b;color:#f4f6ff;box-shadow:0 18px 55px #0006;font-family:var(--body,'Segoe UI',sans-serif)}
.notifications-popover[hidden]{display:none!important}.notifications-popover::before{content:'';position:absolute;top:-7px;left:var(--notification-arrow,75%);width:14px;height:14px;background:#131c2b;border-left:1px solid #202a3d;border-top:1px solid #202a3d;transform:translateX(-50%) rotate(45deg)}
.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 15px;border-bottom:1px solid #2a3445}.notifications-heading h2{font-size:18px;font-weight:750;margin:0}.notifications-heading button{border:0;border-radius:11px;padding:10px 15px;background:#2a3853;color:#c2cfee;font:700 13px var(--body,'Segoe UI',sans-serif);cursor:pointer;white-space:nowrap}.notifications-heading button:disabled{color:#7d89a7;background:#263248;cursor:default}.notifications-heading button:focus-visible{outline:2px solid #a6bcff;outline-offset:3px}
.notifications-list{max-height:min(360px,50dvh);overflow-y:auto;overscroll-behavior:contain}.notification-entry{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;padding:20px 0 14px}.notification-entry+.notification-entry{border-top:1px solid #263044}.notification-entry-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#1d2a42;color:#94c8ff;font-size:27px}.notification-entry p{margin:0 0 9px;font-size:16px;font-weight:650;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.notification-entry time{color:#8392b3;font-size:12px;font-weight:700}.notification-entry:not(.unread) p{color:#aebbd2;font-weight:500}.notifications-empty{font-size:14px;color:#aab8cf;padding:12px 0}.notifications-status{font-size:13px;color:#e9c987;margin:0}.notifications-status:empty{display:none}@media(max-width:420px){.notifications-popover{padding:15px;border-radius:20px}.notifications-heading h2{font-size:16px}.notifications-heading button{font-size:12px;padding:9px 11px}.notification-entry p{font-size:15px}}

/* XEZAWO support panel */
.feature-dialog.support-widget{padding:0;width:min(400px,calc(100vw - 24px));height:570px;overflow:hidden;background:#101522;border-color:#3e4a66;font-family:"Golos Text",sans-serif}
.feature-dialog.support-widget[open]{display:flex;flex-direction:column}
.support-widget>header,.support-widget>.support-top{position:static;flex:none;padding:19px 20px;margin:0;border-bottom:1px solid #ffffff12;background:#192237;display:flex;align-items:center;justify-content:space-between}
.support-widget>header h2,.support-widget>.support-top h2{font:750 21px/1.2 "Onest",sans-serif;margin:0}
.support-widget>header button,.support-widget>.support-top button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:0;border-radius:11px;background:#2a3650;color:#dbe4ff;font:400 28px/1 sans-serif;cursor:pointer}
.support-agent{display:flex;align-items:center;gap:14px;padding:18px 20px;flex:none;background:linear-gradient(110deg,#222e49,#151e30);border-bottom:1px solid #ffffff12}
.support-agent[hidden]{display:none}.support-agent img{width:60px;height:60px;border-radius:18px;flex:none}.support-agent strong{display:flex;align-items:center;gap:9px;font-size:16px;color:#f4f6ff}.support-agent p{margin:6px 0 0;color:#abbada;font-size:13px}.support-ai-badge{padding:3px 7px;border-radius:6px;background:#a6bcff;color:#101522;font-size:11px;font-weight:800;letter-spacing:.04em}
.feature-dialog.support-widget>.feature-body{overflow-y:auto;min-height:0;flex:1;padding:16px 20px 20px;scrollbar-width:none;overscroll-behavior:contain}
.support-widget::-webkit-scrollbar,.support-widget .feature-body::-webkit-scrollbar{display:none}
.support-widget{scrollbar-width:none}.support-widget>.feature-status:empty{display:none}.support-widget>.feature-status:not(:empty){padding:10px 20px;margin:0;min-height:0;flex:none}
.support-widget .feature-body>button{margin:6px 4px 0 0}.support-widget form button[type=submit]{background:#a6bcff;color:#101522;border:0;min-height:46px;font-weight:750}
.support-widget .support-faq details{background:#192337;border-color:#34415c}.support-widget .support-faq summary{font-size:14px}.support-widget .support-intro{font-size:14px;line-height:1.6}
aside.support-widget{padding:0;overflow:auto}aside.support-widget>.cabinet-note,aside.support-widget>.cabinet-form{margin:16px 20px}
@media(max-width:500px){.feature-dialog.support-widget{width:calc(100vw - 24px);padding:0;height:530px;max-height:calc(100dvh - 155px)}.support-agent{padding:14px 18px}.feature-dialog.support-widget>.feature-body{padding:14px 18px 18px}}

/* Compact support heading; questions first, operator last. */
.support-widget>header,.support-widget>.support-top{padding:10px 18px;min-height:52px;box-sizing:border-box}
.support-widget>header h2,.support-widget>.support-top h2{font-size:18px}
.support-widget>header button,.support-widget>.support-top button{width:32px;height:32px;min-width:32px;font-size:25px;border-radius:9px}
.support-widget .support-call-operator{display:block;width:100%;min-height:46px;margin:16px 0 0;padding:12px 16px;background:#a6bcff;color:#111827;border:0;border-radius:12px;font:750 15px/1.3 "Onest",sans-serif;cursor:pointer}
.support-widget .support-call-operator:hover{background:#bed0ff}
.support-widget [hidden]{display:none!important}
aside.support-widget>.support-faq{margin:16px 20px}aside.support-widget>.support-call-operator{width:calc(100% - 40px);margin:16px 20px 20px}

.notifications-list{scrollbar-width:none;-ms-overflow-style:none}.notifications-list::-webkit-scrollbar{display:none;width:0;height:0}

.support-launcher{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:190;display:grid;place-items:center;width:56px;height:56px;min-width:56px;padding:5px;border:1px solid #52688b;border-radius:14px;background:linear-gradient(145deg,#263c5a,#18263e);box-shadow:0 5px 20px #0005;cursor:pointer;transition:background .15s,transform .15s}
.support-launcher img{width:44px;height:44px;object-fit:contain;pointer-events:none}
.support-launcher:hover{background:#304967;transform:translateY(-2px)}
.support-launcher:focus-visible{outline:2px solid #b8d8ff;outline-offset:4px}
body:has(.feature-dialog.support-widget[open]) .support-launcher{visibility:hidden}
@media(max-width:640px){.support-launcher{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:50px;height:50px;min-width:50px;border-radius:12px}.support-launcher img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.support-launcher{transition:none}}

.notification-entry.notification-support-link{cursor:pointer;border-radius:12px;transition:background .15s}.notification-entry.notification-support-link:hover{background:#25344b}.notification-entry.notification-support-link:focus-visible{outline:2px solid #a6bcff;outline-offset:-2px}.notification-entry.notification-support-link[aria-busy="true"]{opacity:.65;cursor:progress}