@font-face{font-family:DNCommerceDisplay;src:url('/battlepass-assets/fonts/display-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:DNCommerceDisplay;src:url('/battlepass-assets/fonts/display-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
.dn-commerce-header{--ch-bg:#05090f;--ch-line:#6983c340;--ch-text:#eef0f6;--ch-muted:#f0f2fa;--ch-orange:#ff582c;position:sticky;top:0;z-index:100;display:grid;grid-template-columns:160px minmax(0,1fr) 268px auto;align-items:center;gap:16px;width:100%;min-height:80px;margin:0;padding:0 24px;border-bottom:1px solid var(--ch-line);background:var(--ch-bg);color:var(--ch-text);font:700 12px/1.2 DNCommerceDisplay,'Arial Narrow',Arial,sans-serif;isolation:isolate}
.dn-commerce-header *{box-sizing:border-box}
[data-dn-ticket-native-header]{display:none!important}
body:has(>.dn-commerce-header[data-page="tickets"]) main[class*="cabinet-tickets-module__"][class$="__page"]{padding-top:24px}
body:has(>.dn-commerce-header[data-page="tickets"]) main[class*="cabinet-tickets-module__"][class$="__chatPage"]{height:calc(var(--dn-ticket-viewport,100dvh) - var(--dn-commerce-header-height,80px));padding-top:16px}
.dn-commerce-header [hidden]{display:none!important}
.dn-commerce-header a{color:inherit;text-decoration:none}
.dn-commerce-header :is(a,button,summary):focus-visible{outline:2px solid #ff805b;outline-offset:4px}
.dn-commerce-header svg{display:block;width:19px;height:19px;flex:none}
.dn-commerce-header .dn-commerce-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:start;gap:3px;min-height:44px}
.dn-commerce-brand strong{color:#f3f4f7;font:900 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.dn-commerce-brand b{color:#ef4a22;font:inherit}
.dn-commerce-brand small{color:#f3f4f7;font:700 6px/1.2 Arial,sans-serif;letter-spacing:.32em}
.dn-commerce-header .dn-commerce-nav{display:flex;align-items:stretch;justify-content:flex-start;gap:6px;min-width:0;height:80px;margin:0;padding:0;border:0;overflow:visible}
.dn-commerce-nav a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 10px;color:var(--ch-muted);font-weight:900;text-transform:uppercase;white-space:nowrap}
.dn-commerce-nav a:hover{color:var(--ch-orange);background:#ff582c08}
.dn-commerce-wallet{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:0;border:1px solid #6f84c12e;border-radius:8px;background:#080e20b8}
.dn-commerce-balance{display:grid;align-content:center;gap:3px;min-height:52px;min-width:0;padding:5px 10px;border:0;border-radius:0;background:transparent}
.dn-commerce-balance+ .dn-commerce-balance{border-left:1px solid #6f84c12e}
.dn-commerce-balance>span{color:#98a5bd;font:800 8px/1.2 DNCommerceDisplay,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.dn-commerce-balance>strong{display:flex;align-items:center;gap:6px;font:900 17px/1.1 DNCommerceDisplay,Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.dn-commerce-balance:first-child svg{color:#b882ff}
.dn-commerce-balance:last-child svg{color:#ffcf2d}
.dn-commerce-balance svg{width:17px;height:17px}
.dn-commerce-actions{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.dn-commerce-topup,.dn-commerce-profile,.dn-commerce-ticket{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #6682ad66;border-radius:5px;background:#08121d;white-space:nowrap}
.dn-commerce-header .dn-commerce-topup{min-width:164px;color:#f7c24e;border-color:#7f56a3;background:radial-gradient(circle at 12% 0,#ffc94a26,transparent 42%),linear-gradient(120deg,#21152c,#151124 58%,#0b101b)}
.dn-commerce-topup>span,.dn-commerce-profile>span:last-child{display:grid;gap:4px;min-width:0}
.dn-commerce-topup strong,.dn-commerce-profile strong{font:900 12px/1 DNCommerceDisplay,Arial,sans-serif;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;color:#f0f2fa}
.dn-commerce-topup small,.dn-commerce-profile small{color:#a3afc5;font:800 8px/1 DNCommerceDisplay,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.dn-commerce-topup>b{margin-left:auto;font:500 20px/1 Arial,sans-serif}
.dn-commerce-profile{width:156px;min-width:0;max-width:156px;padding-right:34px;border-color:#d4d8e2}
.dn-commerce-profile strong{text-transform:none}
.dn-commerce-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;color:#77d5ff}
.dn-commerce-avatar img{width:28px;height:28px;object-fit:cover;border:1px solid #607089;border-radius:3px}
.dn-commerce-header .dn-commerce-ticket{justify-content:center;width:48px;padding:0;color:#ffcf2d;border-color:#7f56a3;background:linear-gradient(135deg,#25152f,#0b101b)}
.dn-commerce-header :is(.dn-commerce-topup,.dn-commerce-profile,.dn-commerce-ticket):hover{border-color:#ff805b;background-color:#152235}
.dn-commerce-menu{position:absolute;right:56px;flex:none}
.dn-commerce-menu summary{display:grid;place-items:center;width:30px;height:44px;padding:0;list-style:none;cursor:pointer;border:0;border-radius:5px;background:transparent;color:#c2cbda}
.dn-commerce-menu summary svg{width:14px;height:14px}
.dn-commerce-menu summary::-webkit-details-marker{display:none}
.dn-commerce-menu summary::marker{content:''}
.dn-commerce-header .dn-commerce-menu nav{position:absolute;top:calc(100% + 12px);right:0;z-index:5;display:grid;gap:0;width:min(290px,calc(100vw - 32px));max-height:calc(100dvh - 150px);margin:0;padding:8px;overflow:auto;overscroll-behavior:contain;border:1px solid #475776;border-radius:8px;background:#101a2b;box-shadow:0 18px 45px #0008}
.dn-commerce-menu nav :is(a,button){display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:10px 12px;color:#dbe1ee;text-align:left;border:0;border-radius:4px;background:transparent;font:800 13px/1.4 DNCommerceDisplay,Arial,sans-serif;cursor:pointer;white-space:normal}
.dn-commerce-menu nav :is(a,button):hover{background:#1b2a41;color:#ff805b}
.dn-commerce-menu #logout{border-top:1px solid #475776;border-radius:0;margin-top:6px}
/* Retain the cabinet's second logout command ID without a duplicate menu row. */
.dn-commerce-menu #mobileLogout{display:none!important}
body:has(>.dn-commerce-header)>main.shell{padding-top:24px}
body:has(>.dn-commerce-header) .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.quick-action__icon>img{display:block;width:24px;height:24px;object-fit:contain}
@media(min-width:1600px){.dn-commerce-profile{width:156px;max-width:156px}}
@media(max-width:1280px){.dn-commerce-header{grid-template-columns:125px minmax(0,1fr) auto;padding-inline:16px;gap:14px}.dn-commerce-header .dn-commerce-nav{grid-row:2;grid-column:1/-1;height:40px;justify-content:center}.dn-commerce-nav a{min-height:40px}.dn-commerce-wallet{justify-self:end;width:230px}.dn-commerce-actions{justify-self:end}.dn-commerce-header{padding-bottom:7px}}
@media(max-width:760px){.dn-commerce-header{grid-template-columns:minmax(0,1fr) auto;gap:0;min-height:122px;padding:0 12px 7px;grid-template-rows:58px 56px}.dn-commerce-header .dn-commerce-nav{display:none}.dn-commerce-header .dn-commerce-brand{grid-row:1;grid-column:1;min-height:44px}.dn-commerce-brand strong{font-size:21px}.dn-commerce-actions{grid-row:1;grid-column:2;gap:6px}.dn-commerce-wallet{grid-row:2;grid-column:1/-1;width:100%;gap:6px}.dn-commerce-balance{min-height:52px;text-align:center;gap:4px;padding:6px}.dn-commerce-balance>strong{justify-content:center;font-size:22px}.dn-commerce-balance>span{font-size:9px}.dn-commerce-balance svg{width:18px;height:18px}.dn-commerce-header :is(.dn-commerce-topup,.dn-commerce-profile,.dn-commerce-ticket){width:38px;min-width:38px;max-width:38px;height:44px;min-height:44px;padding:0;justify-content:center}.dn-commerce-topup>span,.dn-commerce-topup>b,.dn-commerce-profile>span:last-child{display:none}.dn-commerce-menu summary{width:38px}.dn-commerce-menu nav{right:0;max-height:calc(100dvh - 90px)}.dn-commerce-header{padding-top:env(safe-area-inset-top)}body:has(>.dn-commerce-header)>main.shell{padding-top:16px}}
@media(max-width:360px){.dn-commerce-header{padding-inline:9px}.dn-commerce-actions{gap:4px}.dn-commerce-header :is(.dn-commerce-topup,.dn-commerce-profile,.dn-commerce-ticket),.dn-commerce-menu summary{width:34px;min-width:34px;max-width:34px}.dn-commerce-brand strong{font-size:20px}}
@media(max-width:760px){.dn-commerce-menu{position:relative;right:auto}.dn-commerce-menu summary{width:44px;border:1px solid var(--ch-line);background:#08121d}.dn-commerce-menu summary svg{width:19px;height:19px}.dn-commerce-header :is(.dn-commerce-topup,.dn-commerce-profile,.dn-commerce-ticket){width:44px;min-width:44px;max-width:44px}.dn-commerce-wallet{gap:6px;border:0;background:transparent}.dn-commerce-balance,.dn-commerce-balance+.dn-commerce-balance{border:1px solid #6f84c12e;border-radius:5px;background:#080e20b8}.dn-commerce-profile{padding:0}}
@media(max-width:360px){.dn-commerce-menu summary{min-width:44px;max-width:44px}}
@media(prefers-reduced-motion:reduce){.dn-commerce-header *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
