/* Persistent grade selection */
.grade-dock[hidden]{display:none}.grade-dock{position:fixed;bottom:0;left:0;right:0;z-index:25;background:#13151bf2;backdrop-filter:blur(24px);border-top:1px solid #ffffff19;box-shadow:0 -14px 50px #0004}.grade-dock-inner{width:min(1280px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:40% 20% 20% 20%}.dock-label{display:flex;flex-direction:column;justify-content:center;padding:17px 24px}.dock-label>span{font-size:8px;letter-spacing:1.8px;color:#9a6d7c;margin-bottom:5px}.dock-label strong{font-size:13px;color:#dce0e8}.dock-label small{font-size:10px;color:#727c8d;margin-top:4px}.dock-grade{padding:17px 20px;border-left:1px solid #ffffff08}.dock-grade.featured{background:#b7435810}.dock-grade-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.dock-grade-heading strong{text-transform:uppercase;font-size:10px;letter-spacing:.6px}.dock-grade-heading>span{font-size:10px;color:#8892a3}.dock-actions{display:flex;gap:12px;align-items:center}.dock-actions .button{padding:9px 13px;font-size:10px;border-radius:5px}.dock-actions .button>span{font-size:12px}.dock-actions .matrix-gift{font-size:10px;color:#9c92a1}.grade-matrix tfoot th,.grade-matrix tfoot td{position:static!important}
/* All District dialogs */
dialog{position:fixed;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:linear-gradient(145deg,#25262e,#171a21 65%);border:1px solid #ffffff1a;border-radius:20px;padding:34px;color:#e7ebf2;box-shadow:0 35px 140px #000b;animation:modal-appear .18s ease-out}
dialog::backdrop{background:#04060cbb;backdrop-filter:blur(9px)}dialog h2{font-size:29px;line-height:1.2;letter-spacing:-.9px;max-width:460px;color:#ecedf1;margin-top:16px}dialog>p{font-size:13px;color:#9ba5b6;line-height:1.85;margin:17px 0 24px}dialog>.eyebrow{font-size:8px;letter-spacing:1.7px;margin:20px 0 0;color:#b58193}dialog>.eyebrow:before{width:18px}.modal-close{position:absolute;right:19px;top:18px;display:grid;place-items:center;width:33px;height:33px;background:#ffffff04;border:1px solid #ffffff12;border-radius:8px;color:#909aaa;font-size:23px;font-weight:400;line-height:1}.modal-close:hover{color:#f0ebf0;background:#ffffff0b}.modal-icon{width:46px;height:46px;border:1px solid #ca6b8230;border-radius:13px;background:linear-gradient(140deg,#c6677f1a,#c6677f06);display:grid;place-items:center;color:#d7889c;font-size:23px}.modal-kicker{margin-top:22px;color:#8d95a3;font-size:8px;letter-spacing:1.7px}.modal-record{margin-top:24px;border:1px solid #ffffff10;border-radius:12px;background:#11151b80;overflow:hidden}.modal-record-head{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #ffffff0c;font-size:10px;color:#949dad}.modal-record-head strong{font-weight:400;color:#d9a3b2;border:1px solid #d9a3b222;border-radius:5px;padding:2px 7px;font-size:9px}.modal-record dl{display:grid;grid-template-columns:1fr 1.65fr;gap:14px 20px;padding:20px;margin:0;font-size:12px}.modal-record dt{color:#737f90}.modal-record dd{margin:0;color:#cbd3e0;line-height:1.6}.modal-record .wide{grid-column:1/-1;border-top:1px solid #ffffff0c;padding-top:16px;margin-top:2px}.modal-reason{margin-top:22px}.modal-reason>span,.modal-context>span{display:block;font-size:9px;color:#8792a2;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.modal-reason h3{font-size:17px;letter-spacing:-.2px;color:#d7dde7;line-height:1.5}.modal-context{margin-top:20px;background:#ffffff03;border-left:2px solid #a4667a;border-radius:0 7px 7px 0;padding:15px 18px}.modal-context p{font-size:12px;color:#9da8ba;line-height:1.85;margin:0}.modal-bottom{border-top:1px solid #ffffff0d;margin-top:27px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-bottom small{font-size:9px;color:#68778b;max-width:270px;line-height:1.8}.modal-bottom .button,dialog .actions .button{font-size:12px;padding:12px 20px}.modal-footnote{font-size:10px;color:#6e7b8e;padding-top:20px;margin-top:24px;border-top:1px solid #ffffff0e}.checkout-modal h2{font-size:27px}.checkout-modal>.actions{padding-top:22px;border-top:1px solid #ffffff10;margin-top:24px}.checkout-modal .avatar-upload{font-size:12px;color:#a3acba}.checkout-modal input{background:#10141b;border:1px solid #ffffff15;border-radius:8px;padding:12px;color:#e1e6ed;width:100%;margin-top:10px}.modal-product{display:flex;align-items:center;gap:18px;margin-top:23px;background:#11151b90;border:1px solid #ffffff10;padding:17px;border-radius:12px}.modal-product img{width:90px;height:70px;object-fit:cover;border-radius:8px}.modal-product strong{font-size:17px;color:#e0e4ec}.modal-product small{display:block;font-size:11px;color:#8490a2;margin-top:5px}
@keyframes modal-appear{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){.grade-dock-inner{width:calc(100% - 48px);grid-template-columns:40% 20% 20% 20%}.dock-grade{padding:15px 14px}.dock-grade-heading{display:block}.dock-grade-heading>span{display:block;margin-top:2px}.dock-actions{gap:9px}.dock-label{padding-left:12px}}
@media(max-width:640px){.grade-dock-inner{width:100%;grid-template-columns:repeat(3,1fr)}.dock-label{display:none}.dock-grade{padding:12px 10px}.dock-grade-heading strong{font-size:9px}.dock-grade-heading>span{font-size:9px}.dock-actions{gap:6px}.dock-actions .button{padding:9px 10px;font-size:9px}.dock-actions .matrix-gift{font-size:8px}.dock-actions .button>span{display:none}dialog{padding:26px 22px;border-radius:15px;max-height:calc(100dvh - 24px)}dialog h2{font-size:25px}.modal-record dl{padding:17px;gap:12px;font-size:11px}.modal-bottom{align-items:flex-end}.modal-bottom small{font-size:8px}.modal-close{right:14px;top:14px}}
@media(prefers-reduced-motion:reduce){dialog{animation:none}}
body:has(dialog[open]){overflow:hidden}dialog>.modal-context+.actions{margin-top:24px}
dialog{scrollbar-width:thin;scrollbar-color:#454b59 #1b1e26}dialog::-webkit-scrollbar{width:6px}dialog::-webkit-scrollbar-track{background:#1b1e26}dialog::-webkit-scrollbar-thumb{background:#454b59;border-radius:9px}
.account-actions{position:relative}.notification-dot[hidden],.notification-menu[hidden]{display:none}.notification-menu{position:absolute;right:0;top:calc(100% + 21px);width:365px;background:linear-gradient(145deg,#22252d,#161a21);border:1px solid #ffffff16;border-radius:14px;box-shadow:0 24px 70px #0008;overflow:hidden;z-index:40}.notification-menu-head{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.notification-menu-head strong{display:block;font-size:15px;color:#e5e9f0}.notification-menu-head span{display:block;font-size:10px;color:#818c9d;margin-top:4px}.notification-menu-head button{background:none;border:0;color:#d68a9d;font-size:10px;padding:8px}.notification-menu-head button:disabled{color:#606b7c;cursor:default}.notification-menu-item{display:flex;gap:13px;align-items:flex-start;padding:19px 20px;border-bottom:1px solid #ffffff08;transition:background .15s}.notification-menu-item:hover{background:#ffffff04}.notification-menu-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#b7435810;border:1px solid #c76d8120;color:#cf8497;font-size:17px}.notification-menu-copy{flex:1;min-width:0}.notification-menu-copy strong{display:block;font-size:12px;color:#d7deea;line-height:1.5}.notification-menu-copy>span{display:block;font-size:11px;color:#919dae;line-height:1.7;margin-top:5px}.notification-menu-copy time{display:block;font-size:9px;color:#606f84;margin-top:8px}.notification-unread{width:5px;height:5px;border-radius:50%;background:#d27691;flex-shrink:0;margin-top:8px}.notification-menu-item.read .notification-menu-icon{background:#ffffff03;border-color:#ffffff0a;color:#7c889a}.notification-menu-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:11px;color:#c591a2;background:#ffffff02}.notification-menu-demo{display:block;font-size:8px;text-align:center;padding:0 0 12px;color:#637185;background:#ffffff02}@media(max-width:760px){.account-actions .notifications-button{display:grid;width:30px;height:30px}.notification-menu{position:fixed;top:85px;left:18px;right:18px;width:auto;max-height:calc(100dvh - 105px);overflow:auto}}@media(max-width:420px){.account-actions .account-link{display:none}}
.feedback-rank{display:inline-flex;font-size:8px;line-height:1.5;padding:2px 6px;border-radius:4px;background:#ffffff06;border:1px solid #ffffff0c;color:#9aa7b9;white-space:nowrap;font-weight:400}.feedback-rank.admin{color:#e39baf;border-color:#c5718928;background:#c5718910}.feedback-rank.mod{color:#82bbab;border-color:#599f8728;background:#599f8710}.feedback-rank.dev{color:#b7a1de;border-color:#987dbe28;background:#987dbe10}.feedback-rank.gold{color:#cbbb8e;background:#c4a66110;border-color:#c4a66128}.feedback-rank.diamond{color:#8db7d2;background:#6b9fc510;border-color:#6b9fc528}.feedback-rank.legend{color:#c5a3dd;background:#ae7bc110;border-color:#ae7bc128}.comment-author{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.feedback-board{overflow:visible}.feedback-tabs{border-radius:14px 14px 0 0}.feedback-list .feedback-row:last-child{border-radius:0 0 14px 14px}.district-select{position:relative;min-width:120px;max-width:150px}.district-select>select[hidden],.district-select-options[hidden]{display:none}.district-select-toggle{height:42px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 12px;font-size:11px;color:#b9c2d0;background:#1d2026;border:1px solid #ffffff12;border-radius:7px;white-space:nowrap}.district-select-toggle svg{width:14px;height:14px;color:#758395;transition:transform .15s}.district-select-toggle[aria-expanded=true]{border-color:#bd6b8155;background:#23242d}.district-select-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.district-select-options{position:absolute;top:calc(100% + 8px);right:0;width:195px;padding:6px;background:#20242c;border:1px solid #ffffff15;border-radius:10px;box-shadow:0 16px 40px #0008;z-index:35}.district-select-options button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border:0;border-radius:6px;background:none;color:#9daabd;font-size:11px;text-align:left}.district-select-options button:hover,.district-select-options button:focus-visible{background:#ffffff06;color:#e0e6ef;outline:none}.district-select-options button[aria-selected=true]{background:#b7435816;color:#e6acbb}.select-check{color:#d5879e;font-size:12px}@media(max-width:1100px){.district-select{max-width:none;flex:1}.district-select-toggle{height:38px}}@media(max-width:560px){.district-select-options{width:180px}.district-select:first-of-type .district-select-options{left:0;right:auto}}
.detail-attachments img,.attachment-preview img{cursor:zoom-in;transition:border-color .15s,filter .15s}.detail-attachments img:hover,.attachment-preview img:hover{border-color:#d0829860;filter:brightness(1.06)}dialog.image-viewer{width:fit-content;max-width:calc(100vw - 48px);max-height:calc(100dvh - 40px);padding:0;border-radius:14px;background:#11151c;overflow:auto;display:flex;flex-direction:column}dialog.image-viewer:not([open]){display:none}.image-viewer-head{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #ffffff0e}.image-viewer-head>span{font-size:9px;letter-spacing:1.7px;color:#8e9aac}.image-viewer-head button{width:30px;height:30px;border:1px solid #ffffff15;border-radius:7px;background:#ffffff04;color:#b1bdcf;font-size:22px;line-height:1}.image-viewer>img{display:block;width:auto;height:auto;max-width:min(1200px,calc(100vw - 50px));max-height:calc(100dvh - 170px);object-fit:contain;margin:auto}.image-viewer-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:13px 20px;font-size:11px;color:#9aa7bb}.image-viewer-caption small{font-size:9px;color:#607088}@media(max-width:560px){dialog.image-viewer{max-width:calc(100vw - 20px)}.image-viewer>img{max-width:calc(100vw - 22px)}.image-viewer-head{padding:12px 14px}.image-viewer-caption{padding:12px 14px}}
.district-select-options{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#465264 transparent}.district-select.opens-up .district-select-options{top:auto;bottom:calc(100% + 8px)}
dialog.checkout-modal{width:min(590px,calc(100% - 32px));padding:32px;border-radius:18px;background:radial-gradient(ellipse at top right,#55344220,transparent 50%),#1a1d24}.checkout-heading{padding-right:25px}.checkout-kicker{font-size:9px;letter-spacing:1.7px;color:#db90a3}.checkout-kicker>span{color:#667489;margin-left:7px}.checkout-heading h2{font-size:28px;letter-spacing:-.8px;margin-top:15px;max-width:410px}.checkout-heading p{font-size:12px;color:#8795a8;line-height:1.85;margin-top:12px}.checkout-product-card{display:flex;align-items:center;gap:16px;padding:15px;background:#10141b80;border:1px solid #ffffff0c;border-radius:12px;margin-top:25px}.checkout-product-card>img{width:84px;height:78px;object-fit:cover;border-radius:8px}.checkout-product-copy{flex:1}.checkout-product-copy>span{font-size:8px;letter-spacing:1.4px;color:#8d7584}.checkout-product-copy>strong{display:block;font-size:21px;color:#e0e7f0;line-height:1.4;margin-top:3px}.checkout-product-copy>small{font-size:10px;color:#77869c}.checkout-product-price{align-self:center;text-align:right}.checkout-product-price>strong{font-size:17px;color:#dce3ee;white-space:nowrap}.checkout-product-price>small{display:block;font-size:8px;color:#687a90}.checkout-coin-symbol{display:grid;place-items:center;width:75px;height:75px;border-radius:11px;background:#a25e7520;color:#d192a7;font-size:32px;border:1px solid #b4687c30}.checkout-recipient{margin-top:24px}.checkout-section-label{display:flex;align-items:center;gap:10px;margin-bottom:17px}.checkout-section-label>span{font-size:8px;padding:3px 6px;border:1px solid #ffffff0c;border-radius:4px;color:#758399}.checkout-section-label h3{font-size:13px;letter-spacing:0;color:#c2cddd}.checkout-recipient label{font-size:10px;color:#9faabd;display:block}.checkout-recipient input{width:100%;margin-top:8px;background:#10141b;border:1px solid #ffffff14;border-radius:8px;padding:13px 14px;color:#dae3ef;font-family:monospace;font-size:12px;outline:none}.checkout-recipient input:focus{border-color:#bd758966;box-shadow:0 0 0 3px #bd758908}.checkout-recipient input[aria-invalid=true]{border-color:#d17682}.checkout-recipient>small{display:block;font-size:9px;line-height:1.8;color:#6e7e94;margin-top:9px}.checkout-recipient #gift-error{font-size:10px;line-height:1.6;color:#e49caa;margin-top:9px}.checkout-recipient #gift-error[hidden]{display:none}.checkout-player{display:flex;gap:12px;align-items:center;padding:14px;border-radius:9px;border:1px solid #ffffff0a;background:#ffffff02}.checkout-player>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.checkout-player strong{display:block;font-size:12px;color:#cbd6e6}.checkout-player code{display:block;font-size:10px;color:#75869f;margin-top:4px}.checkout-player>span{margin-left:auto;font-size:9px;color:#9d7a8b}.checkout-summary{padding-top:20px;margin-top:24px;border-top:1px solid #ffffff0d}.checkout-summary>div{display:flex;align-items:center;justify-content:space-between}.checkout-summary>div>span{font-size:12px;color:#9eabc0}.checkout-summary>div>strong{font-size:23px;color:#e4eaf4}.checkout-summary strong small{font-size:9px;color:#62758e;font-weight:400;margin-left:4px}.checkout-summary p{display:flex;gap:9px;font-size:9px;color:#6c7b92;line-height:1.9;margin-top:15px}.checkout-summary p>span{color:#a67c8e}.checkout-modal:has(.checkout-heading)>.actions{margin-top:22px;padding-top:0;border-top:0}.checkout-modal:has(.checkout-heading) .actions .primary{flex:1}.checkout-modal:has(.checkout-heading) .actions .button{font-size:11px;padding:14px 18px}@media(max-width:560px){dialog.checkout-modal{padding:26px 20px}.checkout-heading h2{font-size:25px}.checkout-product-card{gap:12px;padding:12px}.checkout-product-card>img{width:62px;height:65px}.checkout-product-copy>strong{font-size:17px}.checkout-product-price>strong{font-size:14px}.checkout-product-copy>small{font-size:8px}.checkout-player>span{display:none}.checkout-summary>div>strong{font-size:21px}}
/* District header */
.site-header{height:84px;background:#101318ed;border-bottom:1px solid #ffffff0a;box-shadow:0 4px 25px #0001;backdrop-filter:blur(24px)}.header-inner{width:min(1440px,calc(100% - 64px));gap:24px}.site-header .brand{gap:12px;flex-shrink:0}.site-header .brand-logo{width:48px;height:48px}.site-header .brand-text{font-size:14px;letter-spacing:2.5px}.site-header .brand-text small{font-size:8px;letter-spacing:3px;color:#788193;margin-top:5px}.site-header .nav{padding:5px;background:#ffffff03;border:1px solid #ffffff08;border-radius:10px;gap:3px}.site-header .nav a{padding:9px 13px;border-radius:6px;font-size:12px;color:#8e99ac;white-space:nowrap;transition:background .15s,color .15s}.site-header .nav a:hover{background:#ffffff04;color:#dbe3f0}.site-header .nav a[aria-current=page]{background:#26232d;color:#e7bcc8;box-shadow:inset 0 0 0 1px #d8829612}.site-header .nav a[aria-current=page]:after{display:none}.site-header .account-actions{gap:10px}.site-header .notifications-button{width:36px;height:36px;border-radius:9px;background:#1b2028;border:1px solid #ffffff0b;color:#8795ab}.site-header .notifications-button[aria-expanded=true]{border-color:#bd768a55;color:#db9bad;background:#b46e8710}.site-header .notifications-button svg{width:17px;height:17px}.site-header .account-link{gap:9px;padding:5px 9px 5px 5px;border-radius:9px;background:#ffffff03;border:1px solid #ffffff08}.site-header .account-link:hover{background:#ffffff05}.site-header .header-avatar{width:30px;height:30px;border-color:#ffffff12}.site-header .header-account-name{display:block;line-height:1.4}.header-account-name strong{display:block;font-size:10px;color:#cbd6e6}.header-account-name small{display:block;font-size:8px;font-weight:400;color:#ad7c8f;margin-top:2px}.site-header .header-logout{display:grid;place-items:center;width:30px;height:34px;padding:0;border:0;color:#66758c;background:none}.site-header .header-logout:hover{color:#dba0b1}.site-header .header-logout svg{width:16px;height:16px}.site-header .play-top{font-size:11px;padding:12px 18px;margin-left:3px;box-shadow:0 6px 22px #b54c6815;background:#bd4d66}.site-header .login-link{font-size:11px;padding:10px 13px;border-radius:8px;border:1px solid #ffffff10;color:#a9b7cb;background:#ffffff02}.site-header .menu-toggle{border-radius:9px;background:#1b2028;border-color:#ffffff0d;color:#8e9cb1}.notification-menu{top:calc(100% + 19px)}
@media(max-width:1200px){.header-inner{width:calc(100% - 40px);gap:16px}.site-header .nav a{font-size:11px;padding:9px 10px}.site-header .header-account-name{display:none}.site-header .account-link{padding:4px}.site-header .account-actions{gap:7px}}
@media(max-width:970px) and (min-width:761px){.site-header .brand-text{font-size:12px;letter-spacing:2px}.site-header .brand-logo{width:36px;height:36px}.site-header .brand{gap:8px}.header-inner{gap:10px}.site-header .nav a{font-size:10px;padding:8px}.site-header .header-logout{display:none}.site-header .play-top{font-size:10px;padding:11px 13px}.site-header .notifications-button{width:30px;height:30px}}
@media(max-width:760px){.site-header{height:74px}.header-inner{width:calc(100% - 32px);gap:10px}.site-header .brand-logo{width:38px;height:38px}.site-header .brand-text{font-size:12px;letter-spacing:2px}.site-header .brand-text small{font-size:7px;letter-spacing:2.4px}.site-header .brand{gap:8px}.site-header .nav{display:none;top:73px;padding:15px;border-radius:0 0 14px 14px;background:#151a23;border:1px solid #ffffff0e;gap:5px;left:12px;right:12px}.site-header .nav.open{display:flex}.site-header .nav a{font-size:13px;padding:12px 15px;border-radius:7px}.site-header .account-actions{gap:8px}.site-header .play-top{font-size:10px;padding:10px 12px;margin-left:0}.site-header .notifications-button{width:30px;height:30px}.site-header .header-logout{display:none}.site-header .login-link{font-size:10px;padding:7px;border:0;background:none;gap:4px}.site-header .login-link svg{width:15px;height:15px}.site-header .menu-toggle{width:34px;height:34px}.notification-menu{top:81px}}
@media(max-width:420px){.site-header .account-link{display:none}.site-header .brand-logo{width:31px;height:35px}.site-header .brand-text{font-size:11px}.site-header .brand-text small{font-size:6px}}

/* Refined play action */
.site-header .account-actions .play-top{clip-path:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:100px;padding:0 18px;margin-left:3px;border:1px solid #d9899b45;border-radius:9px;background:linear-gradient(145deg,#b34e66,#963d54);box-shadow:inset 0 1px 0 #ffffff0c,0 4px 14px #85374a18;color:#f9e8ed;font-size:12px;font-weight:700;letter-spacing:.1px;transition:background .18s,border-color .18s,box-shadow .18s}.site-header .account-actions .play-top svg{width:17px;height:17px;opacity:.9}.site-header .account-actions .play-top:hover{background:linear-gradient(145deg,#c06077,#aa4962);border-color:#e5a2b568;box-shadow:inset 0 1px 0 #ffffff12,0 4px 18px #963d5430}.site-header .account-actions .play-top:active{background:#913b53}.site-header .account-actions .play-top:focus-visible{outline:2px solid #e6a6b5;outline-offset:4px}@media(max-width:970px){.site-header .account-actions .play-top{min-width:84px;height:36px;padding:0 13px;font-size:11px}}@media(max-width:760px){.site-header .account-actions .play-top{min-width:77px;height:34px;padding:0 12px;font-size:11px;margin-left:0;border-radius:8px;gap:5px}.site-header .account-actions .play-top svg{width:15px;height:15px}}

/* Barre du haut */
.site-header{height:72px;background:rgba(14,14,17,.72);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);border-bottom:1px solid #ffffff0d}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#d8657955,transparent);pointer-events:none}
.site-header .brand-logo{width:44px;height:44px}
@media(min-width:761px){
 .site-header .nav{gap:4px;padding:0;background:none;border:0;box-shadow:none}
.site-header .nav a[data-feedback-nav]{font-size:13px}
 .site-header .nav a{position:relative;padding:9px 14px;border-radius:9px;font-size:13px;font-weight:500;color:#a6a1ab;transition:color .15s,background .15s}
 .site-header .nav a:hover{color:#fff;background:#ffffff08}
 .site-header .nav a[aria-current=page]{color:#fff}
 .site-header .nav a[aria-current=page]:after{content:'';display:block;position:absolute;left:50%;bottom:-15px;width:22px;height:2px;margin:0;border-radius:2px;background:#e06a80;transform:translateX(-50%);box-shadow:0 0 12px #e06a80}
}
.site-header .account-actions{gap:10px}
.site-header .login-link{padding:9px 14px;border-radius:10px;border:1px solid #ffffff14;background:#ffffff05;color:#ece4ea;transition:background .15s,border-color .15s}
.site-header .login-link:hover{background:#ffffff0d;border-color:#ffffff26}
.site-header .notifications-button{width:38px;height:38px;border-radius:50%;background:#ffffff06;border:1px solid #ffffff10;color:#b6adb8;transition:background .15s,color .15s}
.site-header .notifications-button:hover{background:#ffffff0f;color:#fff}
.user-menu-wrap{position:relative}
.site-header .account-link{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:99px;border:1px solid #ffffff12;background:#ffffff06;color:#efe6ec;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.site-header .account-link:hover,.site-header .account-link[aria-expanded=true]{background:#ffffff0f;border-color:#ffffff24}
.site-header .header-avatar{width:30px;height:30px;border-radius:50%;border:0;box-shadow:0 0 0 2px #d8657955}
.site-header .header-account-name{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.site-header .header-account-name strong{font-size:12.5px}
.site-header .header-account-name small{font-size:10.5px;color:#ed8a9c;font-weight:500}
.user-chevron{width:14px;height:14px;color:#9e90a5;transition:transform .2s}
.account-link[aria-expanded=true] .user-chevron{transform:rotate(180deg)}
.site-header .header-logout{display:none}
.user-menu{position:absolute;right:0;top:calc(100% + 10px);width:236px;padding:6px;border-radius:14px;border:1px solid #ffffff14;background:#17151bf2;backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080;z-index:40;animation:userMenuIn .16s ease-out}
.user-menu[hidden]{display:none}
@keyframes userMenuIn{from{opacity:0;transform:translateY(-6px)}}
.user-menu-head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid #ffffff0e}
.user-menu-head img{width:36px;height:36px;border-radius:10px;object-fit:cover}
.user-menu-head strong{display:block;font-size:13px;color:#f1eaee}
.user-menu-head small{display:block;font-size:11px;color:#8fd9a8;margin-top:2px}
.user-menu a,.user-menu button{display:block;width:100%;padding:9px 10px;border-radius:8px;border:0;background:none;color:#cfc4cd;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.user-menu a:hover,.user-menu a:focus-visible,.user-menu button:hover,.user-menu button:focus-visible{background:#ffffff0b;color:#fff;outline:0}
.user-menu .user-menu-logout{margin-top:4px;border-top:1px solid #ffffff0e;border-radius:0 0 8px 8px;color:#ef8fa1}
.site-header .play-top{clip-path:none;border-radius:10px;padding:11px 18px;font-size:12px;letter-spacing:.3px;background:linear-gradient(135deg,#d0566f,#a83d55);box-shadow:0 8px 24px #bd486040,inset 0 1px 0 #ffffff2e;transition:transform .15s,box-shadow .15s}
.site-header .play-top:hover{transform:translateY(-1px);box-shadow:0 10px 30px #bd486066,inset 0 1px 0 #ffffff2e}
@media(max-width:1100px){.site-header .header-account-name,.user-chevron{display:none}.site-header .account-link{padding:3px}}
@media(max-width:760px){.site-header{height:66px}.site-header .nav a[aria-current=page]:after{display:none}.site-header .play-top{padding:9px 12px;font-size:11px}}