/* Community home: one shared space, with navigation and matches around it. */
.community-discord{display:flex;align-items:center;gap:12px;flex:none;min-height:56px;margin:0 14px 12px;padding:10px 12px;border:1px solid #929fff66;border-radius:13px;background:linear-gradient(115deg,#5865f23b,#5865f215);color:#eef0ff;text-decoration:none;transition:background .15s,border-color .15s}.community-discord:hover{background:#5865f244;border-color:#a6afff}.community-discord:focus-visible{outline:2px solid #bcc3ff;outline-offset:3px}.community-discord>svg{width:25px;height:25px;flex:none;color:#b7c0ff}.community-discord>span{min-width:0;flex:1}.community-discord strong,.community-discord small{display:block;overflow-wrap:anywhere}.community-discord strong{font-size:14px;line-height:1.5}.community-discord small{font-size:11px;color:#b9c6e9}.community-discord>.discord-arrow{width:18px;height:18px}@media(max-width:600px){.community-discord{margin-inline:12px;gap:10px}}
.lobby-page .topbar{height:auto;min-height:76px;padding:12px 24px;gap:16px;flex-wrap:wrap;background:#0a1222e8}
.header-shortcuts{display:flex;align-items:center;gap:5px;flex:1}.header-shortcuts button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px!important;border:0!important;background:transparent!important;color:#c8d8ec;font-size:14px!important;border-radius:10px!important}
.header-shortcuts button[aria-current=true]{background:#65b5ff20!important;color:#8bcaff}.header-shortcuts svg{width:21px;height:21px;flex:none}.header-right{display:flex;gap:8px;margin-left:auto}.lobby-page .header-right button{border-radius:10px;min-height:44px;padding:8px 14px;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-page #account-button{border-color:#87baff66;background:#162e49}.lobby-page .topbar .language{margin-left:0}.lobby-page .edition{display:none}
.lobby-page .tabs{display:none!important}.lobby-page[data-page=lobby] #content{display:block;min-height:0;width:100%;max-width:1500px;margin:auto;padding:28px 24px}.social-home{width:100%;min-width:0}.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.home-welcome h1{font-size:clamp(23px,2.4vw,32px);margin:6px 0 4px;letter-spacing:0}.home-welcome p{color:#aebfd5;font-size:14px;margin:0}.home-wallet{text-align:right;flex:none}.home-wallet strong{display:block;font-size:24px;color:#f8dc97}.home-wallet strong small{font-size:12px}.home-wallet>span{color:#bdbba9;font-size:11px}
.social-layout{display:grid;grid-template-columns:250px minmax(280px,1fr) 285px;gap:24px;align-items:start}.social-layout>*{min-width:0}.hub-online,.hub-community,.hub-fight{background:linear-gradient(145deg,#14253af2,#0b1627f2);border:1px solid #9abfe124;border-radius:20px;box-shadow:0 15px 35px #0003}.hub-online{padding:18px 14px;max-height:calc(100dvh - 190px);overflow:auto}.social-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-section-title h2{font-size:18px;margin:0}.social-section-title #online-count{color:#76dbc1;padding:3px 9px;background:#6ae2ba10;border-radius:20px;font-size:13px}.social-hint{font-size:11px;color:#a5bbd3;line-height:1.6;margin:9px 0 12px}.online-fighter{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid #b6d2ed13}.online-fighter:last-child{border:0}.online-fighter>img{width:31px;height:38px;object-fit:contain}.online-name{padding:0;background:none!important;border:0!important;min-width:0;flex:1;text-align:left}.online-name:disabled{opacity:1}.online-name b{display:block;font-size:12px;color:#e0edf9;overflow-wrap:anywhere}.online-name small{font-size:10px;color:#9cbbc9}.invite-fighter{font-size:11px;padding:6px 8px;border-radius:8px;border-color:#72c9c250;background:#183c43}.community-live{color:#70dab9;font-size:10px;letter-spacing:1px}.community-live::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#70dab9;margin-right:5px;box-shadow:0 0 10px #70dab9}
.hub-fight{padding:22px 18px}.hub-fight>.eyebrow{font-size:10px;letter-spacing:1.5px;color:#efbea2}.hub-fight h2{font-size:20px;margin:5px 0 18px}.fight-feature{display:flex;align-items:center;gap:9px;width:100%;text-align:left;min-height:94px;background:linear-gradient(120deg,#344464,#2e223f);border-color:#dba97e62;border-radius:14px;padding:14px 10px}.fight-feature>img{width:45px;height:54px;object-fit:contain}.fight-feature span,.fight-link span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.fight-feature b{font-size:16px}.fight-feature small{font-size:11px;color:#debd98}.fight-feature>svg,.fight-link>svg:last-child{width:13px;flex:none;opacity:.7}.fight-link{display:flex;align-items:center;gap:12px;padding:18px 3px;border:0;border-bottom:1px solid #b7d3ef1c;border-radius:0;background:none!important;width:100%;text-align:left}.fight-link>svg:first-child{width:24px;color:#7eb8de;flex:none}.fight-link b{font-size:14px}.fight-link small{font-size:10px;color:#a1b6cf}.home-note{margin-top:25px;font-size:11px;color:#8fa8c1}.home-note p{margin:4px 0}.home-note button{padding:0;color:#a9c2df;background:none!important;border:0;font-size:11px}
#incoming-invite{position:fixed;right:20px;bottom:20px;z-index:40;width:min(330px,calc(100vw - 30px));background:#142840;border:1px solid #81c8ea;border-radius:16px;padding:18px;box-shadow:0 0 35px #3a9ac233}#incoming-invite b,#incoming-invite small{display:block;overflow-wrap:anywhere}#incoming-invite small{color:#a6bdd6;margin:5px 0 12px}#incoming-invite>div{display:flex;gap:10px}#incoming-invite a{padding:8px 15px;border-radius:10px;background:#265c76;text-decoration:none;color:#f0f9ff}#incoming-invite button{font-size:12px}
#release-dialog{width:min(660px,calc(100vw - 28px));border-radius:22px;border-color:#81b6d765;background:linear-gradient(140deg,#182d46,#101829)}#release-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 28px);overflow:hidden}#release-dialog .dialog-head{flex:none}#release-dialog .close{min-width:44px;min-height:44px}.release-body{padding:26px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.release-body h2{font-size:27px;margin:7px 0 12px}.release-body p,.release-body li{font-size:13px;color:#bccfe4;line-height:1.8}.release-body h3{font-size:16px;margin-top:20px}.release-body ul{padding-left:21px}.release-cards{display:flex;gap:16px;justify-content:center}.release-cards figure{width:28%;margin:0;min-width:0;text-align:center}.release-cards img{width:80%;aspect-ratio:350/510;object-fit:contain;border-radius:5px;box-shadow:0 8px 18px #0006}.release-cards figcaption{font-size:10px;color:#b7cee7;margin-top:7px;overflow-wrap:anywhere}.release-footer{flex:none;padding:10px 22px 16px;border-top:1px solid #81b6d735;background:#101829}.release-dismiss{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#d4e6f8;cursor:pointer}.release-dismiss input{width:18px;height:18px;min-height:18px;flex:none;margin:0;padding:0;accent-color:#81b6d7}.release-footer>.primary{width:100%;min-height:44px;margin-top:6px;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1190px){.social-layout{grid-template-columns:210px minmax(250px,1fr) 245px;gap:15px}.lobby-page .topbar{gap:10px;padding:10px 16px}.header-shortcuts button{padding:9px!important;font-size:12px!important}.header-shortcuts button svg{width:19px}.lobby-page .header-right button{font-size:12px;padding:8px 10px}.lobby-page .logo{width:80px}.lobby-page .topbar .language{display:none}.hub-fight{padding:18px 14px}.fight-feature b{font-size:14px}}
@media(max-width:950px){.social-layout{grid-template-columns:210px minmax(0,1fr)}.hub-fight{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hub-fight>.eyebrow,.hub-fight>h2,.home-note{display:none}.fight-feature{flex:1.2;min-width:180px;min-height:74px}.fight-link{flex:1;min-width:140px;border:0}.home-welcome{align-items:start}.lobby-page .topbar{gap:8px}.header-shortcuts{order:3;flex-basis:100%;justify-content:center}.header-right{margin-left:auto}.lobby-page .topbar .language{display:flex}.hub-community{height:clamp(460px,calc(100dvh - 270px),680px)}.hub-online{max-height:calc(100dvh - 270px)}}
@media(max-width:600px){.lobby-page .topbar{padding:8px 12px;gap:8px;min-height:0}.lobby-page .logo{width:69px;height:32px}.lobby-page .back{display:none}.lobby-page .header-right button{font-size:11px;padding:7px 8px;min-height:38px;max-width:135px}.lobby-page .topbar .language{display:none}.header-shortcuts{gap:2px;justify-content:space-between}.header-shortcuts button{padding:7px!important;font-size:11px!important;gap:4px;min-height:37px}.header-shortcuts svg{width:17px!important}.lobby-page[data-page=lobby] #content{padding:18px 12px}.home-welcome{gap:10px;flex-wrap:wrap;margin-bottom:16px}.home-welcome .eyebrow{font-size:8px;letter-spacing:1px}.home-welcome h1{font-size:23px}.home-welcome p{font-size:12px}.home-wallet{text-align:left;display:flex;align-items:center;gap:12px}.home-wallet strong{font-size:18px}.home-wallet>span{font-size:10px}.social-layout{grid-template-columns:minmax(0,1fr);gap:14px}.hub-online{max-height:210px;padding:14px;order:2}.hub-community{height:560px;max-height:80dvh;min-height:360px;order:1;border-radius:16px}.hub-fight{order:0;padding:13px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.fight-feature{min-width:0;min-height:74px;padding:9px;gap:6px}.fight-feature>img{width:30px;height:40px}.fight-feature b{font-size:13px}.fight-feature small{font-size:10px}.fight-link{min-width:0;padding:9px 3px;gap:7px}.fight-link>svg:first-child{width:20px}.fight-link b{font-size:12px}.fight-link small{font-size:9px}.fight-link>svg:last-child{display:none}.hub-community>.social-section-title{padding:16px 16px 12px}.chat-channels{padding:0 10px 10px;gap:4px}.chat-channels button{font-size:11px;padding:7px 10px}.dm-selector{padding:8px 12px}.chat-messages{padding:14px}.chat-compose{padding:10px 10px 5px}.chat-input-row{gap:6px}.chat-input-row input{font-size:13px;padding:10px}.release-body{padding:20px}.release-body h2{font-size:23px}}
@media(max-width:600px){.header-shortcuts button{flex-direction:column;flex:1;min-width:0;padding:5px 2px!important;font-size:10px!important;gap:3px}.header-shortcuts button span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.header-right #account-button{max-width:120px}.home-wallet{flex-wrap:wrap}}
/* Match modes are the main focus; community stays in the right column. */
@media(min-width:951px){.social-layout{grid-template-columns:220px minmax(280px,1fr) minmax(320px,420px)}.hub-fight{padding:26px;min-height:490px}.hub-fight h2{font-size:24px}.fight-feature{min-height:155px;padding:20px 15px;background:radial-gradient(ellipse at 10% 50%,#8c693c44,transparent 65%),linear-gradient(120deg,#344464,#241f38);gap:16px}.fight-feature>img{width:73px;height:90px}.fight-feature b{font-size:22px}.fight-feature small{font-size:13px}.fight-link{padding:21px 3px}.fight-link b{font-size:16px}.fight-link small{font-size:12px}.home-note{margin-top:20px}.hub-community{height:clamp(460px,calc(100dvh - 250px),760px)}}
@media(min-width:951px) and (max-width:1190px){.social-layout{grid-template-columns:190px minmax(270px,1fr) 320px}.hub-fight{padding:20px}.fight-feature{gap:9px;padding:14px 8px}.fight-feature>img{width:53px;height:74px}.fight-feature b{font-size:18px}.fight-link b{font-size:14px}.fight-link small{font-size:11px}.hub-community>.social-section-title{padding-inline:15px}.chat-messages{padding-inline:15px}.dm-selector{padding-inline:12px}.chat-channels{padding-inline:10px;gap:3px}.chat-channels button{font-size:11px;padding:7px 9px}}
@media(min-width:601px) and (max-width:950px){.social-layout{grid-template-columns:190px minmax(0,1fr)}.hub-fight{grid-column:2;display:block;min-height:430px}.hub-fight>.eyebrow,.hub-fight>h2,.home-note{display:block}.fight-feature{min-height:120px}.fight-feature b{font-size:19px}.fight-link{border-bottom:1px solid #b7d3ef1c}.hub-community{grid-column:1/-1;height:460px}.hub-online{max-height:430px}}
@media(min-width:951px){.hub-fight{padding:22px;min-height:460px}.fight-feature{min-height:135px}.fight-link{padding:14px 3px}.fight-link b{font-size:15px}.fight-link small{font-size:11px}.hub-fight .home-note{display:none}}
.online-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:951px){.hub-fight,.hub-community{height:clamp(480px,calc(100dvh - 250px),650px)}.hub-fight{display:flex;flex-direction:column}.hub-fight>.eyebrow,.hub-fight>h2,.fight-feature{flex:none}.hub-fight .fight-link{flex:1;min-height:60px}}
@media(min-width:951px) and (max-width:1190px){.social-layout{grid-template-columns:220px minmax(270px,1fr) 320px}}

/* Lightweight chat emotes replace uploads. */
#online-refresh[data-wait]:not([data-wait=""]) svg{display:none}#online-refresh[data-wait]:not([data-wait=""])::after{content:attr(data-wait);display:inline-block;width:17px;line-height:17px;font-size:11px;color:#b8d6ee}
.online-tools{display:flex;align-items:center;gap:6px}#online-refresh{padding:5px;border-radius:8px;line-height:0;background:#17334b;border-color:#83b9db44}#online-refresh svg{width:17px;height:17px}.community-live{white-space:nowrap;font-size:9px;letter-spacing:0}

/* Presence, ranked profiles and Discord replace lobby chat. */
.social-tabs{display:flex;gap:5px;margin-bottom:15px}.social-tabs button{flex:1;min-width:0;padding:8px 5px;font-size:11px;min-height:42px;border-color:#81b6d735}.social-tabs button[aria-selected=true]{color:#9bdcff;background:#214a6d;border-color:#81b6d7}.leader-position{font-size:12px;color:#ffdc91;min-width:18px}.hub-discord{padding:24px;background:linear-gradient(145deg,#14253af2,#0b1627f2);border:1px solid #9abfe124;border-radius:20px;box-shadow:0 15px 35px #0003}.hub-discord h2{font-size:22px;margin:9px 0}.hub-discord>p{color:#aebfd5;font-size:13px;line-height:1.8}.hub-discord .community-discord{margin:20px 0 0}.online-fighter img{flex:none}.online-fighter small{display:block;overflow-wrap:anywhere}.hub-online #social-status{margin-bottom:0}
#fighter-public-dialog{width:min(840px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#182c45,#0d182a)}#fighter-public-dialog[open]{display:flex;flex-direction:column}#fighter-public-dialog .dialog-head{flex:none}#fighter-public-dialog .close{min-width:44px;min-height:44px}.public-fighter-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px}.public-fighter-head{display:flex;align-items:center;gap:18px}.public-fighter-head>img{width:76px;height:90px;object-fit:contain}.public-fighter-head h2{margin:0 0 5px;font-size:26px;overflow-wrap:anywhere}.public-fighter-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.public-fighter-stats>span{background:#91caff0c;border:1px solid #91caff30;border-radius:12px;padding:12px;font-size:11px;color:#b3c9df}.public-fighter-stats b{display:block;color:#edf6ff;font-size:20px;margin-top:5px}.public-deck-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.public-deck-tabs button{flex:none;max-width:220px;min-height:50px;font-size:12px;white-space:normal;text-align:left}.public-deck-tabs small{display:block;font-size:10px;color:#aebfd5;margin-top:4px}.public-deck-tabs button[aria-pressed=true]{border-color:#81d8ff;background:#245073}.public-deck-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0}.public-deck-head span{min-width:0;overflow-wrap:anywhere}.public-deck-head small{display:block;color:#aebfd5;margin-top:4px}.public-deck-head button{flex:none;min-height:44px;font-size:12px}.public-deck-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 10px}.public-deck-cards figure{min-width:0;margin:0}.public-deck-cards img{width:100%;aspect-ratio:350/510;object-fit:contain;border-radius:7px}.public-deck-cards figcaption{font-size:10px;overflow-wrap:anywhere;line-height:1.5;color:#c7d9e9}.public-deck-cards figcaption b{display:block;font-size:12px;color:#8ad8ff;margin-top:3px}
@media(min-width:951px){.social-layout{grid-template-columns:250px minmax(280px,1fr) minmax(220px,330px)}}
@media(min-width:601px) and (max-width:950px){.hub-discord{grid-column:1/-1}}
@media(max-width:600px){.hub-discord{order:3;padding:18px}.hub-online{max-height:360px}.public-fighter-body{padding:16px}.public-fighter-head>img{width:55px;height:68px}.public-fighter-head h2{font-size:21px}.public-fighter-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.public-deck-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.public-deck-head{align-items:start;flex-direction:column}.public-deck-head button{width:100%}}

.ranked-waiting{width:100%;margin:18px 0;text-align:left;border-top:1px solid #8bcfff30;padding-top:12px}.ranked-waiting h3{font-size:14px;margin:0 0 10px;color:#cce8ff}#ranked-waiting-players{display:grid;gap:8px;max-height:220px;overflow:auto}#ranked-waiting-players>article{display:flex;align-items:center;gap:10px;background:#8bcfff0b;border:1px solid #8bcfff20;border-radius:12px;padding:10px}#ranked-waiting-players img{width:32px;height:40px;object-fit:contain}#ranked-waiting-players span{min-width:0;overflow-wrap:anywhere}#ranked-waiting-players b{font-size:13px}#ranked-waiting-players small{display:block;color:#a8bbd1;font-size:11px;margin-top:4px}#ranked-waiting-players>p{font-size:12px;color:#a8bbd1;margin:0}

#release-dialog .release-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}#release-dialog .release-packs figure{margin:0;min-width:0;text-align:center}#release-dialog .release-packs img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 7px 10px #0006)}#release-dialog .release-packs figcaption{display:grid;gap:5px;margin-top:10px;font-size:12px;color:#c7dcf0;overflow-wrap:anywhere}#release-dialog .release-packs b{color:#f1ce8d;font-size:14px}#release-dialog .release-packs small{color:#8eabc5}@media(max-width:420px){#release-dialog .release-packs{gap:8px}#release-dialog .release-packs figcaption{font-size:10px}#release-dialog .release-packs b{font-size:12px}}

#ranked-lobby-prompt{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:45;width:min(340px,calc(100vw - 32px));max-height:50dvh;overflow:auto;box-sizing:border-box;background:linear-gradient(145deg,#142b43,#111c30);border:1px solid #80c9ef;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0005}#ranked-lobby-prompt .eyebrow{font-size:10px;color:#80c9ef}#ranked-lobby-prompt b,#ranked-lobby-prompt small{display:block}#ranked-lobby-prompt b{font-size:16px;margin-top:6px}#ranked-lobby-prompt p{font-size:13px;margin:6px 0;overflow-wrap:anywhere;color:#c6deef}#ranked-lobby-prompt small{font-size:12px;color:#a8c3d7}#ranked-lobby-prompt>div{display:flex;gap:8px;margin-top:12px}#ranked-lobby-prompt button{min-height:44px;flex:1;font-size:13px;padding:8px;border-radius:10px}body:has(#incoming-invite) #ranked-lobby-prompt{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 210px)}

.lobby-page .header-discord{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:1px solid #929fff66;border-radius:10px;background:#5865f226;color:#eef0ff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.lobby-page .header-discord:hover{background:#5865f244}.header-discord:focus-visible{outline:2px solid #bcc3ff;outline-offset:3px}.header-discord svg{width:18px;height:18px;flex:none}
@media(min-width:601px){.social-layout{grid-template-columns:250px minmax(280px,1fr)}}
@media(min-width:601px) and (max-width:950px){.social-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:600px){.lobby-page .header-right{flex-basis:100%;justify-content:space-between;gap:6px}.lobby-page .header-discord{min-height:38px;padding:7px 8px;font-size:11px;gap:5px}}

/* V0.0.4 announcement: styles stay inside the release dialog. */
#release-dialog{width:min(760px,calc(100vw - 24px))}
#release-dialog .release-intro{margin:0 0 20px;color:#e2eafa}
#release-dialog .release-highlights{display:grid;gap:12px}
#release-dialog .release-highlight{padding:17px 18px;border:1px solid #e6b96877;border-radius:14px;background:linear-gradient(120deg,#61472155,#21304988)}
#release-dialog .release-highlight h3{margin:7px 0 8px;font-size:19px;color:#ffe0a2;line-height:1.5}
#release-dialog .release-highlight p{margin:6px 0;color:#e0e8f3}
#release-dialog .release-highlight small{color:#c6d6e9;line-height:1.7;display:block}
#release-dialog .release-rank{border-color:#64c6d780;background:#153a4655}
#release-dialog .release-rank h3{color:#97e8ee}
#release-dialog .release-section-title{padding-top:18px;border-top:1px solid #8cb3d42b;margin-top:24px}
#release-dialog .release-special{grid-template-columns:repeat(2,minmax(0,1fr))}
#release-dialog .release-decks img{height:190px;aspect-ratio:auto;object-fit:contain}
#release-dialog .release-changes li{margin:8px 0}
@media(max-width:480px){#release-dialog .release-body{padding:18px}#release-dialog .release-body h2{font-size:25px}#release-dialog .release-highlight{padding:13px}#release-dialog .release-highlight h3{font-size:17px}#release-dialog .release-decks img{height:126px}#release-dialog .release-footer{padding:8px 16px 12px}}
@media(max-height:480px){#release-dialog .release-body{padding:16px 22px}#release-dialog .release-footer{padding:4px 16px 8px}#release-dialog .release-dismiss{min-height:32px}}

#release-dialog .release-card-fixes strong{color:#ffe0a2;font-size:14px}
#release-dialog .release-card-fixes li{margin:14px 0}