.login-btn[data-account-link]{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;color:#e5efff;opacity:1;white-space:nowrap}
.login-btn[data-account-link]:hover{border-color:#88b2ff;background:#192640}
.login-btn[data-account-link]:focus-visible,.account-page a:focus-visible,.account-page button:focus-visible{outline:2px solid #a7c8ff;outline-offset:4px}
[hidden]{display:none!important}
.account-page{background:radial-gradient(ellipse at 72% 10%,#17284088,transparent 45%),#080c13;min-height:100vh;font-family:"Onest",Arial,sans-serif}
.account-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,5vw);border-bottom:1px solid #b3c9ff18;background:#070b12b3}
.account-brand{display:flex;align-items:center;gap:15px;font-size:17px;font-weight:800}.account-brand img{width:54px;height:54px;object-fit:contain}.account-brand b{color:#87b3ff}
.account-header-actions{display:flex;gap:26px;align-items:center;font-size:14px;color:#b5c6e0}.account-header-actions select{border-radius:24px;padding:10px 15px!important;width:auto!important}
.account-shell{max-width:1300px;margin:0 auto;padding:58px 32px 84px}.account-eyebrow{color:#8aaddd;letter-spacing:.17em;font-weight:700;font-size:10px;line-height:1.6}
.account-intro{margin-bottom:36px}.account-intro h1{font-size:clamp(32px,4vw,54px);margin:14px 0 12px;letter-spacing:-.045em}.account-intro p,.account-panel p,.account-entry p{color:#a9b9d1;font-size:15px;line-height:1.8;margin:0}
#account-status{color:#b7c9e7;margin:0 0 24px;line-height:1.7}#account-status:empty{display:none}.account-entry{display:grid;grid-template-columns:1.1fr 1fr;min-height:390px;border:1px solid #a0baff25;border-radius:28px;background:radial-gradient(ellipse at 88% 90%,#2b4e8260,transparent 60%),#0d1521;overflow:hidden}
.account-entry-copy{padding:52px;align-self:center}.account-entry h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.045em;margin:16px 0}.account-entry .account-primary{margin:28px 0 20px}.account-note{font-size:12px!important;max-width:410px}
.account-entry-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;isolation:isolate}.account-entry-art img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 0 32px #4387e866)}.account-entry-art>span{font-weight:800;letter-spacing:.15em;font-size:14px;color:#89a9d8;text-align:center;margin-top:12px;line-height:1.6}.account-art-ring{position:absolute;width:310px;height:310px;border:1px solid #85b6ff30;border-radius:50%;z-index:-1;box-shadow:0 0 0 34px #7db0ff05,0 0 0 70px #7db0ff04}
.account-primary,.account-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:14px 23px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.account-primary{background:linear-gradient(135deg,#88b8ff,#437ad1);border:1px solid #a1c8ff66;color:#061225}.account-primary:hover{background:#a6caff}.account-primary:disabled{opacity:.6;cursor:wait}.account-primary img{width:23px;height:23px}.account-secondary{border:1px solid #8faede44;background:#152032;color:#dce9ff}.account-secondary:hover{background:#223451}
.account-layout{display:grid;grid-template-columns:300px 1fr;gap:24px}.account-panel{border:1px solid #9ab9eb24;border-radius:24px;background:linear-gradient(150deg,#131e2c,#0c131e);padding:32px}.profile-card{grid-row:span 2;align-self:start;display:flex;flex-direction:column;align-items:flex-start}.player-avatar{border-radius:24px;object-fit:cover;background:#14223a;border:1px solid #a7c7ff30;margin:24px 0 18px}.profile-card h2{font-size:26px;margin:0 0 12px;overflow-wrap:anywhere;max-width:100%}.steam-linked{display:flex;align-items:center;gap:8px;color:#b5c7df;font-size:12px}.steam-linked i{width:6px;height:6px;background:#8bcbb6;border-radius:50%}.steam-id{display:flex;flex-direction:column;gap:10px;padding:25px 0;font-size:10px;letter-spacing:.12em;color:#8499b6}.steam-id code{font-size:13px;letter-spacing:0;color:#cedaf0}.profile-card .account-secondary{width:100%}.account-logout{border:0;background:none;color:#90a4c0;font-size:12px;padding:20px 0 0;cursor:pointer}.account-logout:hover{color:#fff}
.account-section-heading{margin-bottom:28px}.account-section-heading h2,.account-community h2{font-size:26px;letter-spacing:-.03em;margin:12px 0}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-fields label{display:flex;flex-direction:column;gap:12px;color:#dbe7f8;font-size:14px;font-weight:600}.account-page select,.account-page textarea{font:inherit;border:1px solid #94b0db30;color:#dae6f8;background:#0a121e;padding:14px;border-radius:10px;width:100%;color-scheme:dark}.account-page select:focus,.account-page textarea:focus{outline:2px solid #739fe9;outline-offset:2px}.account-page textarea{resize:vertical;min-height:125px;font-weight:400;line-height:1.6}.account-bio{grid-column:1/-1}.account-fields small{color:#8397b5;font-size:12px;font-weight:400;line-height:1.6}.account-save-row{display:flex;align-items:center;gap:20px;margin-top:26px}#save-status{color:#aac8ee;font-size:13px}.account-community{display:flex;align-items:center;justify-content:space-between;gap:28px}.account-community p{max-width:530px}.account-community a{flex-shrink:0}.account-footer{max-width:1300px;margin:auto;padding:24px 32px;border-top:1px solid #a2baff18;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8296b6}
@media(max-width:1000px){.account-community{flex-direction:column;align-items:flex-start}.account-entry-copy{padding:32px}.account-layout{grid-template-columns:250px 1fr}.account-panel{padding:25px}}
@media(max-width:700px){.account-header{padding:18px 20px;gap:15px}.account-brand{font-size:13px;gap:10px}.account-brand img{width:42px;height:42px}.account-header-actions{gap:12px;font-size:12px}.account-shell{padding:36px 20px 50px}.account-entry{grid-template-columns:1fr}.account-entry-art{display:none}.account-layout{grid-template-columns:1fr}.profile-card{grid-row:auto}.account-fields{grid-template-columns:1fr}.account-bio{grid-column:auto}.account-save-row{align-items:flex-start;flex-direction:column}.account-footer{padding:22px 20px;flex-wrap:wrap}}

/* Entry scene follows the main site's operator artwork and lighting. */
.account-page{background:#070b12}.account-page .site-bg{opacity:.2}.account-header{height:94px;padding-inline:4vw;background:#070b12;border-color:#91b5ed12}.account-header-actions select{border-radius:28px;background:linear-gradient(145deg,#26354e,#121a2b);padding:12px 17px!important}
.is-guest .account-intro{display:none}.is-guest .account-shell{max-width:none;padding:0;min-height:calc(100svh - 164px)}
.account-entry{grid-template-columns:53% 47%;min-height:680px;height:calc(100svh - 164px);border:0;border-radius:0;background:radial-gradient(ellipse at 27% 75%,#325fa333,transparent 45%),linear-gradient(90deg,#0b111e,#080d16 64%);position:relative;overflow:hidden}
.account-entry-art{grid-column:1;grid-row:1;display:block;padding:0;position:relative;overflow:hidden;min-width:0;isolation:isolate;background:linear-gradient(90deg,#09101a88,transparent),url('assets/battlefield.jpg') center/cover}
.account-entry-art:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0a1018e8,#0b121ac4),linear-gradient(0deg,#070b12 0%,transparent 60%)}
.account-entry-art:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#070b12,transparent 35%),linear-gradient(90deg,transparent 75%,#080d16)}
.account-entry-art img{position:absolute;z-index:2;height:92%;width:auto;max-width:none;left:50%;bottom:-9%;transform:translateX(-50%);object-fit:contain;filter:none;mask-image:linear-gradient(#000 68%,transparent 98%)}
.account-art-word{position:absolute;z-index:1;left:7%;top:10%;color:#e7efff;font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,8vw,160px);letter-spacing:-.035em;line-height:1.05;opacity:.88}.account-art-word>span{color:#839bbd;letter-spacing:.08em;font-size:.75em}
.account-art-light{position:absolute;z-index:1;inset:25% -10% -20%;background:radial-gradient(ellipse at 50% 62%,#669ae654,transparent 50%)}
.account-art-caption{position:absolute;z-index:4;bottom:6%;left:8%;display:flex;flex-direction:column;gap:10px}.account-art-caption>span{font-size:10px;letter-spacing:.25em;color:#7092c2}.account-art-caption>b{font-size:12px;letter-spacing:.12em;color:#c0d2ef}
.account-entry-copy{grid-column:2;grid-row:1;width:100%;max-width:520px;justify-self:center;align-self:center;padding:40px 42px 46px;position:relative;z-index:5}
.account-login-emblem{display:flex;align-items:center;gap:15px;margin-bottom:32px}.account-login-emblem>img{width:42px;height:42px;padding:7px;border:1px solid #779acf35;border-radius:12px;background:#16243a}.account-login-emblem .account-eyebrow{font-size:9px;letter-spacing:.15em}
.account-entry h2{font-size:clamp(36px,3.1vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px;font-weight:800}.account-entry-copy>p:not(.account-note):not(#account-status){font-size:15px;line-height:1.85;color:#a8bad6;max-width:400px}
.account-entry .account-primary{width:100%;min-height:60px;margin:32px 0 20px;border-radius:12px;justify-content:flex-start;font-size:15px;padding-inline:22px;background:linear-gradient(115deg,#94beff,#558fe6);box-shadow:0 8px 26px #0003}.account-entry .account-primary>span:last-child{margin-left:auto}.account-entry .account-primary:hover{background:#b3d1ff}
.account-note{max-width:380px;font-size:11px!important;line-height:1.8!important;color:#7187a8!important}#account-status{font-size:12px;margin:18px 0 0;color:#e2b492}
.account-entry-bottom{margin-top:44px;border-top:1px solid #88a6d320;padding-top:22px;display:flex;flex-direction:column;gap:18px;font-size:11px;color:#6f87a8}.account-entry-bottom>a{color:#9eb6d8}.account-entry-bottom>a:hover{color:#e6efff}.account-detail-line{display:flex;align-items:center;gap:9px}.account-detail-line svg{width:17px;height:17px;fill:none;stroke:#84a4d0;stroke-width:1.5}
.account-footer{max-width:none;min-height:0;height:auto;padding:24px 4vw;border-color:#8aa6d315;background:#070b12;position:relative;z-index:6}
.account-panel{background:linear-gradient(145deg,#101a29,#0b121e);border-color:#84a9dc20;border-radius:18px}.profile-card{border-top:2px solid #679cec}.account-section-heading h2{font-size:30px}.account-intro h1{font-size:46px}.account-page select,.account-page textarea{background:#080f19;border-color:#88a6d329}
@media(min-width:1700px){.account-entry-copy{max-width:550px;padding-inline:40px}.account-entry h2{font-size:58px}}
@media(max-width:1000px){.account-entry{grid-template-columns:48% 52%;min-height:560px}.account-art-word{font-size:9vw;top:14%}.account-entry-copy{padding:28px 35px}.account-entry-art img{height:85%;left:51%}}
@media(max-width:700px){.account-header{height:80px;min-height:80px;padding-inline:20px}.account-header-actions>a{font-size:0}.account-header-actions>a:after{content:'↖';font-size:22px}.is-guest .account-shell{min-height:calc(100svh - 150px)}.account-entry{display:block;height:auto;min-height:calc(100svh - 150px);background:radial-gradient(ellipse at 80% 15%,#1b335160,transparent 65%),#080e17}.account-entry-art{display:none}.account-entry-copy{padding:48px 26px;max-width:480px;margin:auto}.account-entry h2{font-size:42px}.account-login-emblem{margin-bottom:28px}.account-entry-bottom{margin-top:36px}.account-footer{padding-inline:22px}.account-intro h1{font-size:34px}}

/* A clear invitation gesture points towards the adjacent Steam sign-in. */
.account-entry-art{background:radial-gradient(ellipse at 40% 55%,#203c6466,transparent 65%),linear-gradient(130deg,#0d1726,#080d16)}
.account-entry-art:before{background:linear-gradient(90deg,#0b132000,transparent 65%,#080d16),repeating-linear-gradient(90deg,transparent 0 119px,#829dca06 119px 120px)}
.account-entry-art:after{background:linear-gradient(0deg,#070b12,transparent 25%),linear-gradient(90deg,#0b132025,transparent 22%,transparent 78%,#080d16)}
.account-art-word{left:8%;top:6%;font-family:'Onest',Arial,sans-serif;font-size:clamp(24px,2.2vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.2;opacity:1;white-space:nowrap;color:#dfeafa}
.account-art-word>span{font-size:1em;letter-spacing:-.04em;color:#83abe5}
.account-entry-art img{height:99%;bottom:-15%;left:49%;width:auto;max-width:92%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(0deg,transparent 0%,#000 23%,#000 94%,transparent 100%);filter:none}
.account-art-light{inset:10% 0 0;background:radial-gradient(ellipse at 48% 65%,#5b8cd42b,transparent 58%)}
.account-art-caption{bottom:6%;left:8%}.account-art-caption>span{display:none}.account-art-caption>b{font-size:10px;font-weight:600;letter-spacing:.19em;color:#b2c5e2}
@media(max-width:1000px){.account-art-word{font-size:22px;left:8%;top:7%}.account-entry-art img{height:96%;bottom:-12%;left:48%;max-width:100%}.account-art-caption>b{letter-spacing:.08em;font-size:9px}}
.account-entry-art img{height:91%;width:94%;max-width:none;left:49%;bottom:-5%;mask-image:linear-gradient(0deg,transparent 0%,#000 22%,#000 100%);object-fit:contain;object-position:center bottom}
@media(max-width:1000px){.account-entry-art img{height:88%;width:106%;max-width:none;left:49%;bottom:2%}.account-art-word{font-size:20px}}

/* Keep helmet, lettering and hand inside separate reserved areas. */
.account-entry-art .account-operator{position:absolute;inset:18% 2% -9% 4%;z-index:2;pointer-events:none}
.account-entry-art .account-operator img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;left:0;bottom:0;object-fit:contain;object-position:center top;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));mask-image:linear-gradient(0deg,transparent 0%,#000 21%,#000 100%)}
.account-art-word{z-index:4;top:6%;font-size:clamp(24px,2.2vw,44px)}
.account-home{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 17px;border:1px solid #8caee52b;border-radius:24px;font-size:12px!important;transition:background .2s,border-color .2s;white-space:nowrap}.account-home:after{content:none!important}.account-home svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}.account-home:hover{background:#17263b;border-color:#a4c9ff66}
.account-language-control{position:relative;display:flex;align-items:center;height:46px;border:1px solid #8caee533;border-radius:24px;background:linear-gradient(140deg,#253552,#131d30);transition:border-color .2s}.account-language-control:hover{border-color:#a4c9ff66}.account-language-control>svg{position:absolute;left:15px;width:17px;height:17px;pointer-events:none;fill:none;stroke:#c0d5f2;stroke-width:1.5}.account-header-actions .account-language-control select{margin:0;min-height:44px;background:transparent;border:0;padding:10px 15px 10px 41px!important;cursor:pointer;border-radius:24px;color:#dbeaff;font-size:12px;font-weight:600}
.account-art-light{opacity:.8}.account-art-light:before{content:'';position:absolute;inset:15% -15% -20%;background:conic-gradient(from -32deg at 50% 100%,transparent 0deg,#8cbaff12 14deg,transparent 23deg,transparent 38deg,#c2dcff17 47deg,transparent 60deg,transparent 70deg);mask-image:radial-gradient(ellipse at 50% 100%,#000 5%,transparent 75%);transform-origin:50% 100%}
.account-particles{position:absolute;inset:10% 5% 0;pointer-events:none;z-index:1;overflow:hidden;mask-image:radial-gradient(ellipse,#000 10%,transparent 75%)}.account-particles i{position:absolute;left:var(--px);top:var(--py);width:2px;height:2px;background:#a3c9ff;border-radius:50%;opacity:0}
.account-scene-ready .account-operator{animation:accountArrive .85s cubic-bezier(.2,.65,.3,1) both}.account-scene-ready .account-entry-copy{animation:accountCopyArrive .65s ease-out both}.account-scene-ready .account-art-word{animation:accountCopyArrive .75s ease-out both}
.account-entry-art .account-operator img{animation:accountFloat 7s ease-in-out infinite;animation-play-state:paused}.account-art-light{animation:accountLight 8s ease-in-out infinite;animation-play-state:paused}.account-art-light:before{animation:accountRays 12s ease-in-out infinite alternate;animation-play-state:paused}.account-particles i{animation:accountParticle var(--duration) linear var(--delay) infinite;animation-play-state:paused}
.account-motion-active .account-operator img,.account-motion-active .account-art-light,.account-motion-active .account-art-light:before,.account-motion-active .account-particles i{animation-play-state:running}
#steam-signin{position:relative;overflow:hidden;transition:transform .2s,background .2s,box-shadow .2s}#steam-signin:after{content:'';position:absolute;inset:-50% auto -50% -35%;width:20%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-20deg);pointer-events:none;opacity:0}#steam-signin:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4e86d32b}#steam-signin:hover:after,#steam-signin:focus-visible:after{animation:accountButtonShine .8s ease-out}#steam-signin:active{transform:translateY(0)}
@keyframes accountArrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes accountCopyArrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes accountFloat{0%,100%{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px))}50%{transform:translate(var(--pointer-x,0px),calc(var(--pointer-y,0px) - 5px))}}
@keyframes accountLight{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}
@keyframes accountRays{from{transform:rotate(-6deg);opacity:.5}to{transform:rotate(6deg);opacity:1}}
@keyframes accountParticle{0%{opacity:0;transform:translateY(35px)}20%,70%{opacity:.5}100%{opacity:0;transform:translate(15px,-100px)}}
@keyframes accountButtonShine{0%{left:-35%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}
@media(max-width:1000px){.account-entry-art .account-operator{inset:19% 4% -2% 4%}.account-art-word{font-size:22px}.account-header-actions{gap:12px}}
@media(max-width:700px){.account-home{padding:10px 12px}.account-home span{display:none}.account-header-actions{gap:10px}.account-home svg{width:20px}.account-operator,.account-particles{display:none}.account-entry-copy{animation:none!important}}
@media(prefers-reduced-motion:reduce){.account-entry *, .account-entry *:before,.account-entry *:after{animation:none!important;transition:none!important}.account-entry-art .account-operator img{transform:none}.account-particles{display:none}}

/* Both pages use the same brand, navigation and language components. */
.account-header.topbar{position:relative;top:auto;left:auto;right:auto;min-height:0;height:98px;padding:0 4vw;gap:32px;background:linear-gradient(180deg,rgba(2,6,13,.96),rgba(3,7,15,.86));border-bottom:1px solid #96a6df1a;backdrop-filter:none}
.account-header .language-picker{position:relative}.account-header .circle-btn{cursor:pointer}.account-back{font-size:12px;white-space:nowrap}.account-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-header .language-menu{z-index:60}.account-back:hover{border-color:#a3baff66}.account-page .language-menu button{font:inherit;font-size:12px}
.account-page{scrollbar-color:#648ecb #0a101a;scrollbar-width:thin}.account-entry{background:linear-gradient(90deg,#0b121f,#070c15 68%)}.account-entry h2{color:var(--text)}.account-art-word>span{color:#91b4ff}
@media(max-width:1200px){.account-header.topbar{gap:20px}.account-header .nav-links{gap:17px;margin-left:0}.account-header .nav-links a{font-size:13px}}
@media(max-width:1000px){.account-header .nav-links{display:none}}
@media(max-width:800px){.account-header.topbar{height:82px;gap:12px}}
@media(max-width:650px){.account-header.topbar{height:76px;padding-inline:18px}.account-header .circle-btn{display:flex;min-width:57px;height:40px;padding:0 10px}.account-header .circle-btn svg{display:none}.account-header .account-back{height:40px;padding-inline:12px}.account-header .account-back span{display:inline;font-size:11px}.account-header .nav-sep{display:none}}
/* Steam identity and refresh controls */
.profile-card .player-avatar{width:104px;height:104px;border-radius:22px;border:2px solid #86b2ff66;box-shadow:0 0 0 6px #77a5ff08,0 12px 32px #0005}
.profile-card h2{line-height:1.2;letter-spacing:-.025em}
.steam-refresh{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px 10px;border:1px solid #8baaff26;border-radius:10px;background:#8baaff08;color:#a9c7f4;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.steam-refresh::before{content:'↻';font-size:18px;line-height:1}
.steam-refresh:hover{background:#8baaff16;border-color:#8baaff60}.steam-refresh:focus-visible{outline:2px solid #91b4ff;outline-offset:3px}.steam-refresh:disabled{opacity:.6;cursor:wait}
.steam-profile-status{font-size:11px;line-height:1.6;color:#90a4c0;margin:10px 0 0}.steam-profile-status:empty{display:none}
/* Shared signed-in identity in both site headers. */
.header-account{position:relative;flex-shrink:0;min-height:50px;display:flex;align-items:center}
.header-account[aria-busy=true]{min-width:155px}
.account-user-toggle{height:50px;max-width:235px;display:flex;align-items:center;gap:11px;padding:7px 15px 7px 8px;border:1px solid #91b4ff38;border-radius:27px;background:linear-gradient(145deg,#26324c,#131c2d);color:#edf3ff;font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.account-user-toggle:hover,.account-user-toggle[aria-expanded=true]{border-color:#91b4ff88;background:#24344f}
.account-user-toggle img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #c2d7ff44;flex-shrink:0}
.account-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.account-user-toggle .account-user-chevron{display:block;width:18px;height:18px;flex:0 0 18px;align-self:center;fill:none;stroke:#aec6eb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:transform .2s}.account-user-toggle[aria-expanded=true] .account-user-chevron{transform:rotate(180deg)}
.account-user-menu{position:absolute;right:0;top:calc(100% + 13px);width:260px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #91b4ff30;border-radius:17px;background:#0e1726;box-shadow:0 20px 50px #0008;z-index:110;animation:account-menu-in .16s ease-out}
.account-menu-identity{display:flex;flex-direction:column;gap:7px;margin:0 7px 7px;padding:13px 5px 17px;border-bottom:1px solid #91b4ff20}
.account-menu-identity strong{font-size:15px;color:#eef4ff;overflow-wrap:anywhere}.account-menu-identity>span{font-size:11px;color:#91c5b0}.account-menu-identity>span::before{content:'●';font-size:8px;margin-right:7px}
.account-user-menu>a,.account-user-menu>button{display:flex;align-items:center;width:100%;padding:13px 12px;border:0;border-radius:9px;background:transparent;text-decoration:none;text-align:left;color:#cad8ee;font:inherit;font-size:13px;cursor:pointer;transition:background .15s}
.account-user-menu>a:hover,.account-user-menu>button:hover{background:#8baaff12}.account-user-menu>a[aria-current=page]{background:#8baaff0c;color:#91b4ff}
.account-user-menu>button.account-menu-logout{color:#d4a8aa;margin-top:5px;border-top:1px solid #91b4ff14;border-radius:0 0 9px 9px}.account-user-menu>button:disabled{opacity:.5;cursor:wait}
.account-menu-status{font-size:11px;color:#d4a8aa;line-height:1.5;padding:0 12px}.account-menu-status:empty{display:none}
.account-user-toggle:focus-visible,.account-user-menu>a:focus-visible,.account-user-menu>button:focus-visible{outline:2px solid #91b4ff;outline-offset:3px}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.header-account{min-height:42px}.account-user-toggle{height:42px;padding:5px 10px 5px 5px;gap:7px;max-width:155px}.account-user-toggle img{width:30px;height:30px}.account-user-name{max-width:85px;font-size:12px}.header-account[aria-busy=true]{min-width:100px}}
@media(max-width:420px){.account-user-toggle{max-width:115px}.account-user-name{max-width:55px}.account-user-toggle .account-user-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.account-user-menu{animation:none}.account-user-toggle .account-user-chevron{transition:none}}
/* A continuous player page, with open sections instead of boxed cards. */
.account-page:not(.is-guest){background:radial-gradient(ellipse at 12% 17%,#1b355b24,transparent 48%),#070b12}
.account-page:not(.is-guest) .account-shell{max-width:1600px;padding:44px 4vw 80px}
.account-page:not(.is-guest) .account-intro{display:flex;align-items:center;gap:20px;margin-bottom:35px}
.account-page:not(.is-guest) .account-intro .account-eyebrow{font-size:10px;letter-spacing:.16em;padding-right:20px;border-right:1px solid #91b4ff30}
.account-page:not(.is-guest) .account-intro h1{margin:0;font-size:15px;font-weight:500;letter-spacing:0;color:#99adc9}
.account-page .account-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:46px 64px;align-items:start}
.account-layout>.account-panel{border:0;border-radius:0;background:none;padding:0;box-shadow:none}
.account-layout>.profile-card{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:144px minmax(0,1fr) auto;align-items:center;gap:32px;padding:15px 0 46px;border-bottom:1px solid #91b4ff20}
.profile-card .player-avatar{display:block;width:144px;height:144px;flex-shrink:0;margin:0;border:1px solid #b8cfff40;border-radius:28px;box-shadow:0 12px 36px #0004}
.player-identity{min-width:0}.player-identity .account-eyebrow{font-size:10px;color:#779dce}
.profile-card .player-identity h2{font-size:clamp(36px,4.2vw,66px);line-height:1.1;letter-spacing:-.045em;margin:9px 0 16px;font-weight:800}
.player-identity .steam-linked{font-size:12px;color:#97bdaa}.player-identity .steam-id{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 0 0;opacity:.8}.player-identity .steam-id code{font-size:11px;color:#94a7c1}
.player-actions{display:flex;align-items:flex-end;flex-direction:column;gap:14px;max-width:260px}
.profile-card .player-actions .account-secondary{width:auto;min-height:44px;padding:10px 20px;border-radius:24px;background:#16233966;border-color:#91b4ff38;font-size:12px}
.player-actions .steam-refresh{width:auto;border:0;background:none;margin:0;padding:0 2px;color:#8098b9;font-size:11px}
.player-actions .steam-refresh:hover{color:#c3d8f8;background:none}.player-actions .steam-profile-status{max-width:235px;text-align:right;font-size:11px;margin:0}
.account-settings .account-section-heading{margin-bottom:32px}.account-settings .account-section-heading h2{font-size:30px;margin:0 0 12px;letter-spacing:-.04em}.account-settings .account-section-heading p{font-size:14px;max-width:580px;color:#899db9}
.account-settings .account-fields{gap:26px}.account-settings .account-fields label{font-size:12px;gap:11px;color:#c0cde0}.account-settings select,.account-settings textarea{background:#0c1420;border-color:#819bc326;border-radius:8px;padding:16px;font-size:14px;font-weight:400;transition:border-color .2s}
.account-settings textarea{min-height:160px}.account-settings select:hover,.account-settings textarea:hover{border-color:#91b4ff55}.account-settings .account-fields small{font-size:11px;color:#6f85a4}
.account-settings .account-save-row{padding-top:24px;margin-top:26px;border-top:1px solid #91b4ff16}.account-settings .account-primary{min-height:48px;padding:12px 25px;font-size:13px}
.account-layout>.account-community{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:8px 0 10px 42px;border-left:1px solid #91b4ff20}
.cabinet-discord-symbol{color:#91b4ff;width:48px;height:48px}.cabinet-discord-symbol svg{width:100%;height:100%;fill:currentColor}
.account-community .account-eyebrow{font-size:9px;color:#7894bc}.account-community h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:14px 0}.account-community p{font-size:14px;line-height:1.9;color:#899db9;max-width:340px}
.account-community .account-secondary{border:0;border-bottom:1px solid #91b4ff45;border-radius:0;background:none;min-height:0;padding:0 0 10px;justify-content:flex-start;color:#91b4ff;font-size:13px}.account-community .account-secondary:hover{color:#c8ddff;border-color:#c8ddff;background:none}
.account-page:not(.is-guest) .account-footer{max-width:1600px;padding-inline:4vw}
@media(min-width:1900px){.account-page:not(.is-guest) .account-shell{max-width:1760px}}
@media(max-width:1100px){.account-page .account-layout{gap:36px;grid-template-columns:minmax(0,1fr) 290px}.account-layout>.account-community{padding-left:26px}.account-layout>.profile-card{gap:24px;grid-template-columns:120px minmax(0,1fr) auto}.profile-card .player-avatar{width:120px;height:120px}}
@media(max-width:800px){.account-page .account-layout{grid-template-columns:1fr;gap:36px}.account-layout>.account-community{border-left:0;border-top:1px solid #91b4ff20;padding:30px 0 0}.account-community p{max-width:540px}.account-layout>.profile-card{grid-template-columns:100px minmax(0,1fr);padding-bottom:30px}.profile-card .player-avatar{width:100px;height:100px;border-radius:22px}.player-actions{grid-column:1/-1;max-width:none;align-items:center;flex-direction:row;flex-wrap:wrap;gap:18px}.player-actions .steam-profile-status{text-align:left;max-width:none}.profile-card .player-identity h2{font-size:38px}}
@media(max-width:550px){.account-page:not(.is-guest) .account-shell{padding:30px 22px 50px}.account-page:not(.is-guest) .account-intro{gap:12px;margin-bottom:22px}.account-page:not(.is-guest) .account-intro .account-eyebrow{font-size:8px;padding-right:12px}.account-page:not(.is-guest) .account-intro h1{font-size:12px}.account-layout>.profile-card{grid-template-columns:78px minmax(0,1fr);gap:20px}.profile-card .player-avatar{width:78px;height:78px;border-radius:18px}.profile-card .player-identity h2{font-size:30px;margin:8px 0 12px}.player-identity .account-eyebrow{font-size:8px}.player-identity .steam-id{gap:6px;font-size:8px;padding-top:12px}.player-identity .steam-id code{font-size:10px}.account-settings .account-fields{grid-template-columns:1fr;gap:22px}.account-settings .account-section-heading h2{font-size:26px}.account-settings .account-save-row{align-items:stretch;gap:12px}.account-settings .account-primary{width:100%}.player-actions{gap:14px}.profile-card .player-actions .account-secondary{padding:10px 15px;font-size:11px}.account-page:not(.is-guest) .account-footer{padding-inline:22px}}
/* Account shortcuts with a compact profile header. */
.account-user-menu{width:292px;padding:10px;border-color:#38506f;background:linear-gradient(145deg,#17283e,#0d1828 65%);border-radius:16px;box-shadow:0 16px 40px #0005}
.account-menu-identity{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0 3px 8px;padding:12px 8px 18px}.account-menu-identity>img{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border:1px solid #617b9f;border-radius:13px;overflow:hidden}.account-menu-identity>div{min-width:0;display:grid;gap:6px}.account-menu-identity strong{font-size:15px}.account-menu-identity>div>span{color:#9ccdbb;font-size:11px}.account-menu-identity>div>span:before{content:'●';font-size:8px;margin-right:6px}.account-menu-icon{width:24px;flex:0 0 24px;color:#97bfff;font-size:20px;text-align:center}.account-user-menu>a{gap:12px;min-height:46px}.account-user-menu>a[aria-current=page]{background:#244165;color:#e4efff;box-shadow:inset 3px 0 #90b7ff}.account-user-menu>[data-steam-link]{font-size:12px;color:#96abc6;margin-top:5px;border-top:1px solid #31445d;border-radius:0;padding-top:16px}.account-menu-logout{min-height:46px}.account-user-menu>button.account-menu-logout:hover{background:#823e4326;color:#ffd0d0}
@media(max-width:700px){.account-user-menu{width:280px;max-height:calc(100dvh - 100px);overflow-y:auto}.account-user-menu>a{min-height:48px}}