/* 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%)}
.release-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.release-feature{margin:0;padding:12px;border:1px solid #81b6d74a;border-radius:16px;background:#09142280;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;min-width:0}.release-feature img{width:92px;aspect-ratio:350/510;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 9px 22px #0008}.release-feature figcaption{min-width:0}.release-feature b{display:block;margin:5px 0;color:#f4f8ff;font-size:14px;line-height:1.35}.release-feature p{margin:0;font-size:11px;line-height:1.55}.release-audio-path{margin:14px 0;padding:13px 15px;border-radius:14px;border:1px solid #dd9cff5c;background:linear-gradient(120deg,#342349aa,#17253daa)}.release-audio-path b{display:block;margin:4px 0;color:#fff}.release-audio-path p{margin:0}
@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}.release-feature-grid{gap:8px}.release-feature{display:block;padding:9px}.release-feature img{width:100%;height:150px;aspect-ratio:auto;object-fit:cover}.release-feature b{font-size:12px}.release-feature p{font-size:10px}}
@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}}


.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:1101px){.social-layout{grid-template-columns:260px minmax(320px,1fr) 295px;gap:20px}}
@media(max-width:1100px) and (min-width:769px){.social-layout{grid-template-columns:240px minmax(0,1fr);gap:16px}.hub-fight{grid-column:1/-1}}
@media(max-width:768px){.social-layout{grid-template-columns:1fr;gap:14px}}
@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}
#release-dialog .release-card-fixes strong,#release-dialog .release-card-fixes small{display:block}#release-dialog .release-card-fixes small{margin:2px 0 4px;color:#8fb4d2;font-size:11px;letter-spacing:.2px}
#release-dialog .release-warning .release-report-instruction{color:#ff9b9b;font-weight:700}
#release-dialog .release-capacity-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;color:#d9e8f6}#release-dialog .release-capacity-table caption{text-align:left;margin-bottom:10px;font-size:12px;color:#a9c5de}#release-dialog .release-capacity-table th,#release-dialog .release-capacity-table td{padding:12px 6px;text-align:center;border:1px solid #8cb3d43b;line-height:1.5}#release-dialog .release-capacity-table th:first-child{width:36%;text-align:left}#release-dialog .release-capacity-table thead{background:#17283c;color:#a7c9e4}#release-dialog .release-capacity-table tbody tr:first-child{background:#16463b55}#release-dialog .release-capacity-table tbody tr:first-child td{color:#a6f4cc;font-weight:700}#release-dialog .release-capacity-table tbody tr:last-child{background:#59372c55}#release-dialog .release-capacity-table tbody tr:last-child td{color:#ffcd9e;font-weight:700}#release-dialog .release-capacity-note{padding:10px 12px;border-left:3px solid #e6b968;background:#493b2455;color:#f0d7a6;font-size:12px}
#release-dialog .release-previous{margin:24px 0 4px;border:1px solid #8cb3d43b;border-radius:10px;padding:0 12px}#release-dialog .release-previous>summary{padding:14px 0;min-height:44px;cursor:pointer;color:#a7dfff;font-size:14px;font-weight:700}#release-dialog .release-previous>.release-category:first-of-type{margin-top:0}
@media(max-width:480px){#release-dialog .release-capacity-table{font-size:12px}#release-dialog .release-capacity-table th,#release-dialog .release-capacity-table td{padding:9px 4px}#release-dialog .release-capacity-table th:first-child{width:35%}#release-dialog .release-warning{padding:12px}#release-dialog .release-warning b{font-size:15px}}

/* V0.0.6 announcement: red bug-report notice. */
#release-dialog .release-warning{margin:0 0 16px;padding:14px 16px;border:1px solid #ff6b6bb3;border-radius:14px;background:linear-gradient(120deg,#6b1d2a99,#3a142099);color:#ffe3e3}#release-dialog .release-warning b{display:block;font-size:16px;color:#ff9b9b}#release-dialog .release-warning p{margin:6px 0 10px;color:#ffe3e3}#release-dialog .release-warning a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:10px;background:#d93a4a;color:#fff;font-weight:700;text-decoration:none}#release-dialog .release-warning a:focus-visible{outline:2px solid #ffd0d0;outline-offset:3px}

/* V0.0.7 announcement: rank emblem row */
#release-dialog .release-rank-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0}#release-dialog .release-rank-row img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 8px #ffffff40)}

/* Keep release artwork secondary to each category's text, including on phones. */
#release-dialog .release-body{overflow-x:hidden;overflow-wrap:anywhere}
#release-dialog .release-category{margin:20px 0;padding-top:16px;border-top:1px solid #8cb3d42b;min-width:0}
#release-dialog .release-category h3{margin:0 0 12px;color:#efbea2;font-size:15px}
#release-dialog .release-feature{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;margin:0;padding:12px;min-width:0}
#release-dialog .release-feature>img{display:block;width:80px;height:116px;max-width:100%;object-fit:contain;border-radius:6px}
#release-dialog .release-feature b{font-size:15px;line-height:1.5}
#release-dialog .release-feature p{font-size:13px;line-height:1.7}
#release-dialog .release-changes{margin:0;padding-left:20px}
#release-dialog .release-card-warning{padding:12px;border:1px solid #ff5966;border-radius:8px;background:#4c1725;color:#ff939c;font-size:13px;font-weight:700;line-height:1.7}#release-dialog .release-card-warning a{color:#ffb4ba;text-decoration:underline}#release-dialog .release-howto{padding:8px 10px;background:#17374b;border-left:3px solid #7bc8ff;border-radius:4px;list-style:none;margin-left:-16px;color:#c5eaff}#release-dialog .release-guide{margin-top:12px;font-size:13px}#release-dialog .release-guide summary{cursor:pointer;min-height:40px;padding:8px;color:#9cd9ff}#release-dialog .release-rank-row{gap:4px}#release-dialog .release-rank-row img{width:44px;height:52px}
@media(max-width:480px){#release-dialog .release-feature{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:10px}#release-dialog .release-feature>img{width:64px;height:93px}#release-dialog .release-feature b{font-size:13px}#release-dialog .release-feature p{font-size:12px}}
#ranked-auto-protect{width:20px;height:20px;accent-color:#ff887c;flex:none}.ranked-auto-protect{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:14px}#ranked-star-allowance{font-size:13px;color:#c6deef;overflow-wrap:anywhere}
.online-fighter>img{width:44px;height:54px}.online-name .fighter-list-rank{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;margin:4px 0;font-size:11px;color:#e1d5ad}.fighter-list-rank .rank-stars-row{font-size:11px}.public-fighter-rank{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.public-fighter-rank .rank-stars-row{font-size:18px}

/* Bugfix2 keeps historical notes collapsed below the current fixes. */
#release-dialog .release-history{margin:24px 0 4px;padding:0 12px;border:1px solid #8cb3d43b;border-radius:10px}
#release-dialog .release-history>summary{min-height:44px;padding:14px 0;cursor:pointer;color:#a7dfff;font-size:14px;font-weight:700}
#release-dialog .release-checked{padding:12px;border-left:3px solid #81b9d8;background:#17374b55;border-radius:6px}

/* ==========================================================================
   LOBBY COMPLETE SHOWCASES & VERTICAL SCROLL STYLES
   ========================================================================== */

/* Global Smooth Scroll Enforcement */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}
body.lobby-page {
  height: auto !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
  position: static !important;
}
.lobby-page[data-page=lobby] #content {
  display: block !important;
  min-height: auto !important;
  height: auto !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin: 0 auto !important;
  padding: 24px 20px 100px !important;
  overflow: visible !important;
}

/* Center Column (.hub-community) */
.hub-community {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
.hub-card {
  position: relative;
  background: linear-gradient(135deg, rgba(20, 37, 58, 0.95), rgba(11, 22, 39, 0.95));
  border: 1px solid rgba(154, 191, 225, 0.18);
  border-radius: 18px;
  padding: 20px 22px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.hub-card:hover {
  border-color: rgba(154, 191, 225, 0.38);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
}
.hub-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.hub-card-badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}
.update-badge {
  background: rgba(248, 220, 151, 0.18);
  color: #f8dc97;
  border: 1px solid rgba(248, 220, 151, 0.35);
}
.event-badge {
  background: rgba(255, 99, 99, 0.18);
  color: #ff8585;
  border: 1px solid rgba(255, 99, 99, 0.35);
}
.discord-badge {
  background: rgba(88, 101, 242, 0.22);
  color: #b8c0ff;
  border: 1px solid rgba(88, 101, 242, 0.4);
}
.hub-card-date, .hub-event-live {
  font-size: 11px;
  color: #8da4be;
  font-weight: 600;
}
.hub-event-live {
  color: #4ade80;
}
.hub-card-body h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #f0f6ff;
  line-height: 1.4;
}
.hub-card-summary, .hub-card-body p {
  font-size: 13px;
  color: #a4bad2;
  line-height: 1.6;
  margin: 0 0 16px;
}
.hub-card-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.hub-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.hub-action-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hub-action-btn.primary {
  background: linear-gradient(135deg, #266b96, #1c4b69);
  color: #fff;
  border: 1px solid #5aa5d4;
}
.hub-action-btn.primary:hover {
  background: linear-gradient(135deg, #3182b5, #225a7e);
  transform: translateY(-1px);
}
.hub-action-btn.secondary {
  background: rgba(255, 255, 255, 0.06);
  color: #c7dcf0;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.hub-action-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

/* Event Card Specifics */
.hub-event-card {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(34, 21, 46, 0.95), rgba(17, 24, 43, 0.95));
  border-color: rgba(219, 169, 126, 0.28);
}
.hub-event-card:hover {
  border-color: rgba(255, 178, 122, 0.55);
  transform: translateY(-2px);
}
.hub-event-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.hub-event-rewards {
  font-size: 12px;
  color: #ffd29d;
  font-weight: 600;
}
.hub-event-action {
  font-size: 13px;
  font-weight: 700;
  color: #6fe3bd;
}

/* Discord Card */
.hub-discord-card .community-discord {
  margin: 12px 0 0 0 !important;
}

/* Server Status Strip */
.hub-server-status-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: rgba(10, 20, 34, 0.65);
  border: 1px solid rgba(154, 191, 225, 0.12);
  border-radius: 12px;
  font-size: 11px;
  color: #8fa7c2;
}
.hub-status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 10px #4ade80;
  flex: none;
}
.hub-status-text b {
  color: #6be3b7;
}

/* Common Section Header */
.hub-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.hub-section-head h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 4px 0 0;
  color: #ffffff;
}
.hub-section-sub {
  font-size: 13px;
  color: #9eb5cd;
  margin: -6px 0 18px;
}
.hub-view-all-btn, .banlist-modal-trigger-btn {
  background: none;
  border: 0;
  color: #72bbf0;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 8px;
  transition: background 0.15s, color 0.15s;
}
.hub-view-all-btn:hover, .banlist-modal-trigger-btn:hover {
  background: rgba(114, 187, 240, 0.12);
  color: #a4d5ff;
}

/* SECTION 1: ACTIVE DECK WORKBENCH */
.hub-active-deck-section {
  margin-top: 36px;
  padding: 26px;
  background: linear-gradient(145deg, rgba(20, 37, 58, 0.88), rgba(11, 22, 39, 0.92));
  border: 1px solid rgba(154, 191, 225, 0.2);
  border-radius: 22px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
}
.hub-deck-selector-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hub-deck-selector-wrap label {
  font-size: 12px;
  color: #a5bdd6;
}
.hub-deck-dropdown {
  background: #14283f;
  border: 1px solid #486a8e;
  color: #eaf2fb;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
}
.hub-deck-card-panel {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 28px;
  align-items: center;
  margin-top: 16px;
}
.hub-deck-hero-art figure {
  margin: 0;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 350 / 510;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6);
}
.hub-deck-hero-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hub-deck-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hub-deck-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.hub-deck-title-row h3 {
  font-size: 24px;
  font-weight: 800;
  margin: 0;
  color: #ffffff;
}
.clan-pill {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(113, 201, 255, 0.15);
  color: var(--clan-color, #71c9ff);
  border: 1px solid rgba(113, 201, 255, 0.35);
}
.rule-status-pill {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
}
.rule-status-pill.valid {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.35);
}
.rule-status-pill.invalid {
  background: rgba(248, 113, 113, 0.15);
  color: #f87171;
  border: 1px solid rgba(248, 113, 113, 0.35);
}
.hub-deck-meters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
}
.meter-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 10px 14px;
}
.meter-box .meter-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #8ca5be;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.meter-box .meter-val {
  font-size: 18px;
  font-weight: 800;
  color: #f0f6ff;
}
.grade-box {
  grid-column: span 2;
}
.grade-mini-pills {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.grade-mini-pills span {
  font-size: 11px;
  color: #a7bed6;
  background: rgba(255, 255, 255, 0.05);
  padding: 3px 7px;
  border-radius: 5px;
}
.grade-mini-pills b {
  color: #ffffff;
}
.hub-deck-actions-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.hub-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.hub-btn svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}
.hub-btn.primary {
  background: linear-gradient(135deg, #d9534f, #ad312e);
  color: #fff;
  border: 1px solid #ff7b78;
}
.hub-btn.primary:hover {
  background: linear-gradient(135deg, #e4625e, #be3835);
  transform: translateY(-1px);
}
.hub-btn.secondary {
  background: rgba(30, 50, 78, 0.8);
  color: #c7ddf4;
  border: 1px solid rgba(135, 186, 255, 0.25);
}
.hub-btn.secondary:hover {
  background: rgba(40, 68, 105, 0.9);
  color: #fff;
  border-color: rgba(135, 186, 255, 0.45);
}

/* SECTION 2: FEATURED BOOSTER PACKS SHOWCASE */
.hub-shop-showcase {
  margin-top: 36px;
}
.hub-boosters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
}
.hub-booster-card {
  background: linear-gradient(145deg, rgba(20, 37, 58, 0.9), rgba(11, 22, 39, 0.9));
  border: 1px solid rgba(154, 191, 225, 0.16);
  border-radius: 18px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.hub-booster-card:hover {
  transform: translateY(-4px);
  border-color: rgba(154, 191, 225, 0.38);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
}
.booster-pack-thumb {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.booster-pack-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.5));
}
.booster-pack-meta {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.booster-code {
  font-size: 11px;
  font-weight: 800;
  color: #ffb885;
  letter-spacing: 0.5px;
}
.booster-pack-meta h4 {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin: 4px 0 10px;
  line-height: 1.35;
}
.booster-clans {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 14px;
}
.clan-mini-tag {
  font-size: 10px;
  color: #a4bdd6;
  background: rgba(255, 255, 255, 0.05);
  padding: 2px 6px;
  border-radius: 4px;
}
.booster-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.booster-price {
  font-size: 17px;
  font-weight: 800;
  color: #f8dc97;
}
.booster-price small {
  font-size: 10px;
  color: #a29d8a;
}
.hub-pack-open-btn {
  background: linear-gradient(135deg, #c74d3f, #942b20);
  border: 1px solid #ff887c;
  color: #fff;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.hub-pack-open-btn:hover {
  background: linear-gradient(135deg, #d85c4e, #ab352a);
  transform: translateY(-1px);
}

/* SECTION 3: BATTLE MODES BREAKDOWN */
.hub-modes-showcase {
  margin-top: 36px;
}
.hub-modes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.hub-mode-card {
  background: linear-gradient(145deg, rgba(20, 37, 58, 0.9), rgba(11, 22, 39, 0.9));
  border: 1px solid rgba(154, 191, 225, 0.16);
  border-radius: 18px;
  padding: 22px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}
.hub-mode-card:hover {
  transform: translateY(-3px);
  border-color: rgba(154, 191, 225, 0.38);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
.mode-icon-box {
  font-size: 30px;
  margin-bottom: 12px;
}
.hub-mode-card h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #ffffff;
}
.hub-mode-card p {
  font-size: 13px;
  color: #9cb3cb;
  line-height: 1.6;
  margin: 0 0 16px;
  flex: 1;
}
.mode-action-link {
  font-size: 13px;
  font-weight: 700;
  color: #72bbf0;
  margin-top: auto;
}

/* SECTION 4: COLLECTION PROGRESS */
.hub-album-showcase {
  margin-top: 36px;
}
.album-progress-box {
  background: linear-gradient(145deg, rgba(20, 37, 58, 0.9), rgba(11, 22, 39, 0.9));
  border: 1px solid rgba(154, 191, 225, 0.16);
  border-radius: 18px;
  padding: 22px;
}
.album-progress-bar-wrap {
  margin-bottom: 18px;
}
.album-progress-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.album-progress-labels span {
  font-size: 14px;
  color: #c5d9ec;
}
.album-pct-badge {
  font-weight: 800;
  color: #76dbc1 !important;
  font-size: 16px !important;
}
.album-progress-track {
  width: 100%;
  height: 10px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  overflow: hidden;
}
.album-progress-track i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #38bdf8, #34d399);
  border-radius: 10px;
  transition: width 0.3s ease;
}
.album-clan-shortcuts {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.clan-shortcuts-label {
  font-size: 12px;
  color: #8da5bf;
  font-weight: 600;
}
.clan-shortcuts-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hub-clan-filter-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #b7cee4;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.hub-clan-filter-btn:hover {
  background: rgba(114, 187, 240, 0.18);
  border-color: #72bbf0;
  color: #ffffff;
}

/* SECTION 5: BANLIST QUICK REFERENCE */
.hub-banlist-showcase {
  margin-top: 36px;
}
.banlist-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.banlist-card {
  background: linear-gradient(145deg, rgba(20, 37, 58, 0.9), rgba(11, 22, 39, 0.9));
  border: 1px solid rgba(154, 191, 225, 0.16);
  border-radius: 16px;
  padding: 18px 20px;
}
.ban-type-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 12px;
}
.ban-type-badge.banned {
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.ban-type-badge.limited {
  background: rgba(245, 158, 11, 0.18);
  color: #fde68a;
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.ban-type-badge.choice {
  background: rgba(6, 182, 212, 0.18);
  color: #a5f3fc;
  border: 1px solid rgba(6, 182, 212, 0.4);
}
.banlist-card ul {
  margin: 0;
  padding-left: 18px;
}
.banlist-card li {
  font-size: 13px;
  color: #c4d7ec;
  line-height: 1.6;
  margin-bottom: 6px;
}

/* COMPREHENSIVE FOOTER */
.hub-footer {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgba(154, 191, 225, 0.15);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hub-footer-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.footer-logo {
  height: 38px;
  width: auto;
  object-fit: contain;
}
.hub-footer-brand p {
  font-size: 12px;
  color: #8da4be;
  margin: 0;
  max-width: 800px;
  line-height: 1.6;
}
.hub-footer-links {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.hub-footer-links a, .hub-footer-links button {
  background: none;
  border: 0;
  color: #a7bed6;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s ease;
}
.hub-footer-links a:hover, .hub-footer-links button:hover {
  color: #ffffff;
}
.hub-footer-copy {
  font-size: 11px;
  color: #657e9b;
}

/* Responsive adjustments */
@media (max-width: 850px) {
  .hub-deck-card-panel {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .hub-deck-title-row {
    justify-content: center;
  }
  .hub-deck-actions-row {
    justify-content: center;
  }
}