/* Menu, account information and cosmetic exchange. */
.game-dock{gap:10px}.dock-nav{display:flex;align-items:center;gap:7px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.dock-nav::-webkit-scrollbar{display:none}.dock-nav button{flex:none;white-space:nowrap}.game-dock #settings{margin-left:0}.game-dock .dock-title{display:none}.game-dock .point-button{flex:none;color:#f2d59a;border-color:#ad9358;font-size:11px;padding:7px 11px;white-space:nowrap}.point-button b{font-variant-numeric:tabular-nums;color:#fff2bf}.ea-link{flex:none;min-width:113px;text-align:right;font-size:9px;line-height:1.5;color:#8ba8ba}.ea-link>span{display:flex;align-items:center;justify-content:flex-end;gap:5px}.ea-link i{display:block;width:6px;height:6px;border-radius:50%;background:#587083;box-shadow:0 0 5px #58708355}.ea-link b{font-weight:600}.ea-link small{font-size:8px;color:#8099aa}.ea-link.online i{background:#62e6aa;box-shadow:0 0 7px #62e6aa77}.ea-link.stale i{background:#f4ba5f;box-shadow:0 0 7px #f4ba5f66}.ea-link.offline i{background:#fa7c8c;box-shadow:0 0 6px #fa7c8c66}.ea-link.online b{color:#9ad9be}.ea-link.stale b{color:#e8c690}.ea-link.offline b{color:#e19fa8}
.battle-hud{width:min(440px,42%)}.battle-hud .round-panel{min-height:164px;gap:7px;padding:18px 27px 20px}.battle-hud #roundAction{min-height:50px;min-width:190px;font-size:21px;font-weight:850;padding:13px 30px;border-width:2px;letter-spacing:2.3px;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}.battle-hud #roundAction:before{inset:4px;border-color:#ffffff50}.battle-hud #roundAction.start-blue{box-shadow:inset 0 2px #b4eaff70,inset 0 -4px #06253b,0 0 20px #31bfff44}.battle-hud #roundAction.start-green{box-shadow:inset 0 2px #bbffdb70,inset 0 -4px #062e22,0 0 20px #49e7a344}.battle-hud #roundAction.start-red{box-shadow:inset 0 2px #ffd2d670,inset 0 -4px #390918,0 0 20px #ff718044}.battle-hud #roundAction.stop{box-shadow:inset 0 2px #e9f5ff44,inset 0 -4px #07121a,0 4px 12px #0006}
.account-dialog{padding:0;border:1px solid #799eb67a;border-top:2px solid #d7bc83;border-radius:8px;width:min(590px,calc(100vw - 24px));max-width:none;max-height:90dvh;overflow:auto;background:#0a1a29;color:#d9edf6;box-shadow:0 20px 90px #000c}.account-dialog::backdrop{background:#020b16c4;backdrop-filter:blur(8px)}.account-content{padding:25px}.account-dialog .board-header h2{font-size:26px}.info-overview{display:flex;align-items:center;gap:15px;background:#14354b66;border:1px solid #5486a257;padding:15px;margin:20px 0 16px;border-radius:5px}.info-overview img{width:68px;height:68px;border:1px solid #d4b878;border-radius:15px}.info-overview h3{margin:0 0 5px;font-size:22px;color:#eef7fa}.info-overview p{margin:0 0 6px;font-size:12px;color:#dfc690}.info-overview small{font-size:11px;color:#a2bdce}.info-overview small b{color:#f2d699}.account-details{margin:0}.account-details>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #45667a3d;padding:11px 2px;font-size:13px}.account-details dt{color:#89a6b9}.account-details dd{margin:0;color:#d3e8f4;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-connection{font-size:11px;color:#95bfce;padding:10px 12px;background:#102a3c6b;border-radius:4px}.profile-editor{border:1px solid #476a7f68;border-radius:4px;padding:12px;margin-top:14px}.profile-editor summary{cursor:pointer;color:#bcdae9;font-size:12px}.profile-editor label{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;margin-top:11px;font-size:11px;color:#92afc3}.profile-editor input,.profile-editor select{font-size:12px}.profile-editor>button{margin-top:13px;width:100%;font-size:12px}.profile-editor p{font-size:10px;color:#92aebf;margin-bottom:0}.profile-editor input:disabled,.profile-editor select:disabled{opacity:.5}
.store-dialog{width:min(820px,calc(100vw - 24px))}.store-wallet{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;background:linear-gradient(90deg,#4b382070,#1b2a3770);border:1px solid #c4a56570;border-radius:4px;font-size:12px;color:#c5b58d}.store-wallet b{font-size:24px;color:#f2dca7;font-variant-numeric:tabular-nums}.store-wallet small{font-size:9px;letter-spacing:1px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.store-card{position:relative;padding:17px 14px 14px;border:1px solid #668ca068;border-radius:5px;background:linear-gradient(145deg,#19384b,#091827);display:flex;flex-direction:column;align-items:flex-start}.store-art{height:110px;width:100%;display:grid;place-items:center;margin-bottom:15px;background:radial-gradient(ellipse at center,#75c9ff25,transparent 70%)}.store-art img{width:78px;height:78px;border-radius:17px;border:2px solid #8ab9cf}.amber-card .store-art img{border-color:#ffc573;box-shadow:0 0 22px #ffa64b55}.violet-card .store-art img{border-color:#c599ff;box-shadow:0 0 22px #ad79ff55}.chrome-card .store-art img{filter:saturate(.5) contrast(1.18) brightness(1.16);box-shadow:0 0 18px #bcdfff33}.item-category{font-size:8px;letter-spacing:1.7px;color:#809faf}.store-card h3{font-size:16px;margin:7px 0;color:#d8edf8}.store-card p{font-size:11px;line-height:1.7;color:#91adbf;margin:0 0 9px;min-height:36px}.store-card>small{font-size:9px;color:#a1c2ba;margin-bottom:13px}.store-card button{margin-top:auto;width:100%;font-size:12px;border-color:#c4ad7770;background:linear-gradient(#5d4724,#2d241a);color:#f0dba7}.store-card button:disabled{opacity:.42}.store-defaults{display:flex;gap:9px;margin-top:16px}.store-defaults button{font-size:11px;min-height:31px;padding:7px 10px}.store-message{min-height:18px;font-size:12px;color:#9cdcc0;margin-top:14px}.player-profile.frame-amber{border-color:#f6ba6da3;border-top-color:#ffd992;background:linear-gradient(135deg,#55371fed,#14212aea);box-shadow:0 0 18px #ffae3d37}.player-profile.frame-amber .player-avatar{border-color:#ffd087;box-shadow:0 0 12px #ffad5766}.player-profile.frame-violet{border-color:#b68ce7a3;border-top-color:#d2b4ff;background:linear-gradient(135deg,#342451ed,#10192aea);box-shadow:0 0 18px #b281ff37}.player-profile.frame-violet .player-avatar{border-color:#cfb2ff;box-shadow:0 0 12px #b78aff66}
.lumi-portrait{position:relative}.lumi-portrait .lumi-expression{position:absolute;inset:0;pointer-events:none;opacity:0}.lumi-portrait .lumi-smile{z-index:2;mask-image:radial-gradient(ellipse 18% 9% at 49% 25%,#000 55%,transparent 100%);transition:opacity .22s}.lumi-portrait .lumi-blink{z-index:3;mask-image:radial-gradient(ellipse 19% 5% at 50% 17.6%,#000 65%,transparent 100%);transition:opacity .035s}.lumi-portrait.smiling .lumi-smile,.lumi-portrait.blinking .lumi-blink{opacity:1}
@media(max-width:900px){.game-dock{gap:6px}.dock-nav{gap:5px}.game-dock .point-button{font-size:9px;padding:6px 8px}.ea-link{min-width:92px;font-size:8px}.ea-link small{font-size:7px}.battle-hud #roundAction{min-height:44px;min-width:148px;font-size:18px;padding:10px 22px}.battle-hud .round-panel{min-height:151px;padding:16px 20px;gap:6px}}
@media(max-width:600px){.game-dock{gap:4px}.dock-nav{gap:4px}.game-dock .point-button{font-size:8px;padding:5px 6px;min-height:27px}.ea-link{min-width:75px;font-size:7px}.ea-link small{font-size:6px}.battle-hud{width:40%}.battle-hud .round-panel{min-height:116px;padding:9px 11px;gap:4px}.battle-hud #roundAction{min-height:38px;min-width:90px;font-size:15px;padding:8px 13px;letter-spacing:1px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.player-profile{min-height:41px;padding:5px}.player-avatar{width:27px;height:27px}.account-content{padding:18px 14px}.account-dialog .board-header h2{font-size:22px}.account-details>div{font-size:11px;gap:10px}.profile-editor label{grid-template-columns:75px 1fr;gap:8px}.store-grid{grid-template-columns:1fr}.store-card{display:grid;grid-template-columns:75px 1fr;gap:0 12px;padding:13px}.store-art{grid-row:1/6;height:100%;margin:0}.store-art img{width:58px;height:58px;border-radius:13px}.store-card h3{font-size:15px}.store-card p{min-height:0;margin-bottom:5px}.store-card>small{margin-bottom:9px}.store-card button{min-height:32px;font-size:11px}.store-wallet b{font-size:20px}.info-overview h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.lumi-portrait .lumi-expression{transition:none}}