/* Original translucent frame and gold central action; profile-style medallions. */
#toolbar.compact-installed{width:480px!important;max-width:calc(100vw - 20px)!important;top:12px!important;min-height:70px;padding:6px 12px!important}
#toolbar.compact-installed:before{background:url('/assets/ui/topbar-noble-frame.svg') center/100% 100% no-repeat;clip-path:none;filter:grayscale(1)}
#toolbar.compact-installed:after{display:none}
#toolbar.compact-installed>.tool-btn,#toolbar.compact-installed #btn-mmenu{display:none!important}
#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:5px;align-items:stretch}
#toolbar .compact-side{gap:4px;align-items:stretch}
#toolbar .compact-side .compact-group{flex:1 1 0}
#toolbar .compact-group{position:relative;isolation:isolate;min-height:56px;padding:2px 1px;gap:5px;border:0;border-radius:4px;color:#e0e7ef;background:none;font:800 9px/1.15 'Multiverse Nunito Sans',Arial;box-shadow:none}
#toolbar .compact-group .nav-emblem{position:relative;isolation:isolate;display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #c2cbd6;border-radius:50%;color:#e2e8ef;background:radial-gradient(circle at 38% 30%,#435061c9,#192431e8 65%,#101923ed);box-shadow:inset 0 0 0 2px #111b26,inset 0 0 0 3px #8999aa,0 2px 4px #0007}
#toolbar .compact-group .nav-emblem:before{content:'';position:absolute;inset:5px;border:1px solid #a6b8ca29;border-radius:50%;pointer-events:none}
#toolbar .compact-group .nav-emblem:after{display:none}
#toolbar .compact-group .nav-emblem svg{width:22px;height:22px;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 1px #000a)}
#toolbar .compact-group .nav-label{white-space:nowrap;text-shadow:0 1px 2px #000;letter-spacing:0}
#toolbar .compact-group:not(.compact-play):is(:hover,.selected){color:#fff;background:linear-gradient(transparent,#b8c9df18);box-shadow:inset 0 -1px #c5d2e288}
#toolbar .compact-group:not(.compact-play):is(:hover,.selected) .nav-emblem{border-color:#f1e0a2;color:#f1e0a2;box-shadow:inset 0 0 0 2px #151f2a,inset 0 0 0 3px #d1bf85,0 0 9px #d4c38d21}
#toolbar .compact-group.compact-play{width:86px;min-height:62px;margin:-2px 0;border:1px solid #fff1ac;border-radius:7px 3px 7px 3px;background:linear-gradient(125deg,#fff0aa,#edd15e 48%,#bf9e30);box-shadow:inset 0 1px #fff9d3,inset 0 0 0 2px #9a7f393b,0 2px 12px #e8c44345;color:#211d0d;gap:2px}
#toolbar .compact-play:before,#toolbar .compact-play:after{display:none}
#toolbar .compact-play .nav-emblem{width:34px;height:34px;border:0;border-radius:0;color:#30290f;background:none;box-shadow:none}
#toolbar .compact-play .nav-emblem:before,#toolbar .compact-play .nav-emblem:after{display:none}
#toolbar .compact-play .nav-emblem svg{width:29px;height:29px;filter:drop-shadow(0 1px #fff6)}
#toolbar .compact-group.compact-play>.nav-label{font:800 12px/1.2 'Multiverse Cinzel',serif;letter-spacing:1px;text-shadow:none;text-transform:uppercase}
#toolbar .compact-group.compact-play:hover{background:linear-gradient(#fff6c9,#f0d66d);color:#171408;border-color:#fff9d3;box-shadow:inset 0 1px #fff9d3,0 2px 12px #e8c44366}
#toolbar .compact-group:focus-visible{outline:2px solid #f4dd9c;outline-offset:2px}
#toolbar .compact-group[data-group=news].has-news:after{content:'';position:absolute;right:12px;top:1px;width:5px;height:5px;background:#f2d486;border:1px solid #fff1bc;transform:rotate(45deg);box-shadow:0 0 5px #f2cd7866}
#screen-game .play-online{top:82px}
.compact-panel[data-group=social]{top:100px}
@media(min-width:961px) and (max-width:1430px){#toolbar.compact-installed{width:min(480px,calc(100vw - 484px))!important;left:464px!important;right:auto!important;transform:none!important}#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:4px}#toolbar .compact-group.compact-play{width:80px}#screen-game .play-online{left:calc(464px + min(240px,(100vw - 484px)/2))}}
@media(min-width:961px) and (max-width:1450px){#screen-game{--combat-notice-top:100px}}
@media(min-width:761px) and (max-width:960px){#toolbar.compact-installed{top:228px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.compact-panel[data-group=social]{top:312px}#screen-game .play-online{top:301px}}
@media(max-width:760px){#toolbar.compact-installed{top:216px!important;width:min(480px,calc(100vw - 20px))!important;min-height:66px;padding:5px 7px!important}#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:3px}#toolbar .compact-side{gap:1px}#toolbar .compact-group{min-height:54px;font-size:8px;gap:4px;padding:2px 0}#toolbar .compact-group .nav-emblem{width:31px;height:31px}#toolbar .compact-group .nav-emblem svg{width:19px;height:19px}#toolbar .compact-group.compact-play{width:62px;min-height:58px;margin:-2px 0}#toolbar .compact-play .nav-emblem{width:29px;height:29px}#toolbar .compact-play .nav-emblem svg{width:26px;height:26px}#toolbar .compact-group.compact-play>.nav-label{font-size:10px;letter-spacing:.4px}.compact-panel[data-group=social]{top:294px;max-height:calc(100dvh - 306px)}}
@media(max-width:479px){#toolbar.compact-installed{top:201px!important}.compact-panel[data-group=social]{top:279px;max-height:calc(100dvh - 291px)}}
@media(max-width:389px){#toolbar.compact-installed{top:192px!important}#toolbar .compact-nav{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:2px}#toolbar .compact-group.compact-play{width:56px}.compact-panel[data-group=social]{top:270px;max-height:calc(100dvh - 282px)}}
@media(max-width:359px){#toolbar.compact-installed{top:182px!important}#toolbar .compact-group{font-size:7px}#toolbar .compact-group .nav-emblem{width:28px;height:28px}#toolbar .compact-group .nav-emblem svg{width:18px;height:18px}.compact-panel[data-group=social]{top:260px;max-height:calc(100dvh - 272px)}}
/* Preserve the separate pass preview's silver and gold illustrations. */
.topnav-emblem .ni-inlay{fill:#182d40;stroke:#c9dbe7;stroke-width:.55}
.topnav-emblem .ni-gold{fill:#e3c77f;stroke:#342919;stroke-width:.6}
.topnav-emblem .ni-light{fill:#e4eef4;stroke:#273b4f;stroke-width:.5}
.topnav-emblem .ni-line{fill:none;stroke:#ecf6ff;stroke-width:.9;stroke-linecap:round;opacity:.9}
.topnav-emblem .ni-glint{fill:#fff5c6;stroke:none}

/* Battle pass art direction, clearly identified as an unlaunched preview. */
.modal-battlepass-preview .modal-box{width:800px;max-width:calc(100vw - 24px);padding:0;overflow:hidden;border:1px solid #aabbcd;background:linear-gradient(130deg,#263345,#111c2b 65%);box-shadow:0 20px 90px #000b,inset 0 0 0 3px #c3d4e212}
.modal-battlepass-preview .modal-head{padding:14px 22px;border-bottom:1px solid #a5bad73b}
.modal-battlepass-preview #modal-body{padding:0}
.bp-preview{color:#e4edf7;font-family:'Multiverse Nunito Sans',Arial}
.bp-hero{position:relative;display:flex;align-items:center;gap:24px;padding:24px 30px;background:radial-gradient(ellipse at 12% 60%,#d5b77624,transparent 60%),repeating-linear-gradient(125deg,transparent 0 48px,#c2d5ee05 49px 50px);border-bottom:1px solid #bfa97d66;overflow:hidden}
.bp-hero:after{content:'';position:absolute;inset:18px;pointer-events:none;border:1px solid #d9c29821;clip-path:polygon(0 0,95% 0,100% 20%,100% 100%,5% 100%,0 80%)}
.bp-crest{flex:none;display:grid;place-items:center;width:106px;height:118px;background:radial-gradient(ellipse,#e7c67926,transparent 70%)}
.bp-crest .topnav-emblem{width:92px;height:104px;filter:drop-shadow(0 5px 8px #0008)}
.bp-crest .ni-gold{fill:#e8cc83}
.bp-eyebrow{font-size:9px;letter-spacing:2px;color:#cbb787}
.bp-hero h2{font:700 25px/1.3 'Multiverse Cinzel',serif;color:#f3e7c5;margin:7px 0}
.bp-hero p{font-size:13px;margin:0 0 12px;color:#b2c2d3}
.bp-preview-tag{display:inline-block;border:1px solid #ccb9896b;padding:4px 9px;border-radius:3px;background:#d1b36c12;color:#e1cb94;font-size:10px}
.bp-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 24px 14px}
.bp-section-title h3{font-size:14px;margin:0 0 3px;color:#eff3f8}.bp-section-title p{font-size:11px;color:#9aaec3;margin:0}
.bp-pagination{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}
.bp-page{width:28px;height:29px;border:1px solid #90a7bf66;background:#142438;color:#dceafa;border-radius:4px;font:22px/1 Arial;cursor:pointer}.bp-page:disabled{opacity:.3;cursor:default}.bp-page:not(:disabled):hover{border-color:#e3cd95;background:#3c4f63}
.bp-tracks{display:grid;grid-template-columns:85px repeat(5,minmax(0,1fr));gap:8px;margin:0 24px 20px;align-items:stretch}
.bp-track-heading{align-self:center;font-size:8px;letter-spacing:1.5px;color:#7f98b1}.bp-step{text-align:center;padding:5px 0;border-top:1px solid #7d98b85c;color:#c1d0e0;font-size:11px}
.bp-track-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#a3bed30d;border:1px solid #8aa3bc33;border-radius:4px;font-size:10px;color:#becfe0}.bp-track-label .topnav-emblem{width:28px;height:28px}.bp-track-label.premium{color:#e3c887;border-color:#c8ad6255;background:#c2a3630d}
.bp-reward{position:relative;min-width:0;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #829db361;border-radius:5px;background:radial-gradient(ellipse at 50% 35%,#5d839c26,transparent 75%),#0b1724a3;box-shadow:inset 0 0 0 3px #ccdbea07}
.bp-reward.premium{border-color:#d4b9738c;background:radial-gradient(ellipse at 50% 35%,#bb955b30,transparent 80%),#161a20a3}
.bp-reward img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.bp-reward b{font-size:11px;color:#dce7f2}.bp-reward.premium b{color:#eedb9c}.bp-lock{position:absolute;right:5px;top:4px;color:#8da6bd;font-size:10px}
.bp-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;border-top:1px solid #a0b6cc38;padding:14px 24px;background:#0b15216b}.bp-footer p{font-size:11px;line-height:1.5;max-width:490px;margin:0;color:#98aec3}.bp-close{border:1px solid #d8c182;padding:10px 26px;border-radius:4px;color:#241e13;background:linear-gradient(#f7e5a7,#cdb267);font:900 12px 'Multiverse Nunito Sans',Arial;cursor:pointer;white-space:nowrap}
@media(max-width:600px){.modal-battlepass-preview .modal-box{max-width:calc(100vw - 16px)}.modal-battlepass-preview .modal-head{padding:12px 15px}.bp-hero{padding:16px 13px;gap:10px}.bp-crest{width:64px;height:90px}.bp-crest .topnav-emblem{width:62px;height:76px}.bp-hero h2{font-size:18px}.bp-eyebrow{font-size:7px;letter-spacing:1px}.bp-hero p{font-size:11px}.bp-preview-tag{font-size:9px;padding:4px 6px}.bp-section-title{margin:14px 12px 12px;flex-wrap:wrap;gap:8px}.bp-section-title h3{font-size:13px}.bp-section-title p{font-size:10px}.bp-pagination{gap:8px;margin-left:auto}.bp-tracks{margin:0 10px 14px;grid-template-columns:48px repeat(5,minmax(0,1fr));gap:4px}.bp-track-heading{font-size:6px;letter-spacing:.4px}.bp-track-label{font-size:8px;gap:4px}.bp-track-label .topnav-emblem{width:23px;height:23px}.bp-reward{height:66px}.bp-reward img{width:30px;height:33px}.bp-reward b{font-size:8px;white-space:nowrap}.bp-footer{padding:12px;gap:12px}.bp-footer p{font-size:10px}.bp-close{padding:9px 13px}}

/* Keep circular emblems on Loja/Passe and the profile shortcuts only. */
#toolbar .compact-group:is([data-group=social],[data-group=options]) .nav-emblem,#toolbar .compact-group:is([data-group=social],[data-group=options]):is(:hover,.selected) .nav-emblem{border:0;border-radius:0;background:none;box-shadow:none}
#toolbar .compact-group:is([data-group=social],[data-group=options]) .nav-emblem:before{display:none}