/* KNOCKOUT LEAGUE · Career + store · Responsive independent full-screen interface */
#kdCareerScreen[hidden],#kdCareerResult[hidden],#kdCareerNext[hidden],#kdCareerResultShop[hidden],.kd-career-lobby-title[hidden],.kd-career-hud-title[hidden]{display:none!important}
.kd-career-screen{position:fixed;inset:0;z-index:65;pointer-events:auto;overflow:hidden;color:#f5f4e0;font-family:Arial,Helvetica,sans-serif}
.kd-career-backdrop{width:100%;height:100%;background:radial-gradient(ellipse at 56% 12%,#1e3840 0%,#08121de8 47%,#050911fa 100%);padding:clamp(7px,1.2vw,19px);overflow:auto;overscroll-behavior:contain}
.kd-career-window{width:min(1330px,100%);min-height:min(740px,calc(100dvh - 40px));margin:0 auto;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 80px #000b;border:1px solid #78949d6c;border-radius:19px;background:linear-gradient(135deg,#142633,#0c1823 49%,#101d2a)}
.kd-career-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px 21px;background:#07131fe5;border-bottom:1px solid #60798265;flex-shrink:0}
.kd-career-logo{font-weight:1000;font-style:italic;font-size:26px;color:#d5f377;letter-spacing:-1px;white-space:nowrap}.kd-career-logo span{font-size:16px;letter-spacing:.3px;color:#f5f4e0}.kd-career-logo b{color:#d5f377}
.kd-career-tabs{display:flex;gap:5px;padding:4px;border:1px solid #78949d40;background:#0b1d29;border-radius:11px;margin-left:auto}.kd-career-tabs button{font-weight:900;letter-spacing:.35px;font-size:11px;padding:11px 14px;border-radius:8px;color:#a9c5c7;background:transparent}.kd-career-tabs button.selected{background:#d3f376;color:#11252b}
.kd-career-wallet{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:0 9px;white-space:nowrap}.kd-career-wallet small,.kd-career-eyebrow{font:9px ui-monospace,Consolas,monospace;letter-spacing:1.8px;color:#a2b5b8}.kd-career-wallet strong{font-size:18px;color:#dff781}.kd-career-wallet i{font-size:12px;font-style:normal;color:#f4f2d7}
.kd-career-close{background:#1a303e;border:1px solid #6e8b996c;color:#f2f6df;width:43px;height:43px;border-radius:12px;font-size:20px;flex-shrink:0}
.kd-career-main{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);flex:1;min-height:0}
.kd-career-summary{padding:28px 22px;display:flex;flex-direction:column;gap:16px;border-right:1px solid #5d7e8a4d;background:linear-gradient(160deg,#142934,#0a1825)}
.kd-career-summary h1{font-size:clamp(34px,3.5vw,58px);line-height:.94;font-style:italic;letter-spacing:-2.2px;font-weight:1000;margin:0}.kd-career-summary h1 em{color:#d3f376}.kd-career-summary>p{font-size:12px;line-height:1.6;color:#b0c2c5;margin:0}
.kd-career-progress-label{display:flex;justify-content:space-between;gap:10px;font:9px ui-monospace,Consolas,monospace;letter-spacing:.7px;color:#bccdd3}.kd-career-progress-label b{color:#d3f376}
.kd-career-progress{height:9px;background:#050f1b;border:1px solid #6c889157;border-radius:14px;overflow:hidden;margin-top:-8px}.kd-career-progress i{display:block;height:100%;background:linear-gradient(90deg,#80a73a,#d3f376);box-shadow:0 0 13px #d3f376a4}
.kd-career-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.kd-career-stats div{padding:12px 7px;background:#091a28;border:1px solid #5474826d;border-radius:9px}.kd-career-stats strong{font:900 25px Arial;color:#f5f3e2;display:block}.kd-career-stats small{font:7px ui-monospace,Consolas,monospace;color:#aec0c2}
.kd-career-divisions{display:grid;gap:7px}.kd-career-division{display:flex;align-items:center;gap:8px;padding:10px;background:#0c1c28;border-radius:8px;border:1px solid #6c889136}.kd-career-division.active{border-color:#cee78d9e;background:#1a3034}.kd-career-division i{width:8px;height:8px;border-radius:50%}.kd-career-division span{font:900 10px Arial;flex:1}.kd-career-division small{font:8px ui-monospace,Consolas,monospace;color:#90aab2}
.kd-career-shoplink{padding:15px 13px;background:#203747;border:1px solid #a5c3a268;color:#d7f79a;border-radius:10px;font-size:12px;font-weight:900;text-align:left;margin-top:auto}.kd-career-shoplink span{float:right}
.kd-career-content{padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0}.kd-career-sectionhead{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.kd-career-sectionhead h2,.kd-shop-heading h2{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.8px;font-style:italic;margin:6px 0 0}.kd-career-sectionhead>span{font:8px ui-monospace,Consolas,monospace;color:#aabdc3}
.kd-career-road{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.kd-career-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:78px;padding:6px 1px;background:#132837;color:#ddf2dd;border:1px solid #6895a364;border-radius:9px;transition:transform .16s,background .16s}
.kd-career-stage span{font:8px ui-monospace,Consolas,monospace;color:#a3bac0}.kd-career-stage b{font:900 22px Arial;color:#d3f376}.kd-career-stage small{font:6px ui-monospace,Consolas,monospace;letter-spacing:.3px}.kd-career-stage.boss{background:#26313a;border-color:#ecc47a80}.kd-career-stage.boss b{color:#eac57e}.kd-career-stage.done{background:#1f3430}.kd-career-stage.locked{background:#0b1720;opacity:.46;cursor:not-allowed}.kd-career-stage.active{outline:2px solid #dbf98b;outline-offset:1px;transform:translateY(-2px)}
.kd-career-detail{display:grid;grid-template-columns:minmax(175px,35%) minmax(0,1fr);gap:18px;align-items:stretch;margin-top:auto;min-height:260px;border:1px solid #6d8b9770;border-radius:16px;padding:14px;background:linear-gradient(115deg,#1a303c,#0c1c29)}
.kd-career-rival-avatar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:230px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#344452,#0b1723 68%);border:1px solid #6c899b68;border-radius:12px}.kd-career-avatar-light{position:absolute;width:70%;height:100%;background:linear-gradient(#e1f0c52b,transparent 85%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}
.kd-career-avatar-head{position:relative;width:56px;height:56px;background:#b1a18a;clip-path:polygon(12% 5%,88% 5%,100% 33%,86% 95%,14% 95%,0 33%);box-shadow:0 0 19px #bed3bb55}.kd-career-avatar-body{width:122px;height:97px;background:linear-gradient(130deg,var(--tiercolor),#283b47);clip-path:polygon(23% 0,77% 0,100% 30%,82% 100%,18% 100%,0 30%);margin-top:8px;border:1px solid #ffffbb34}.kd-career-rival-avatar>span{position:relative;background:#0b1e29e8;font:8px ui-monospace,Consolas,monospace;color:#e4efd3;letter-spacing:.8px;padding:8px;margin-top:12px}
.kd-career-rival-info{display:flex;flex-direction:column;gap:10px;min-width:0}.kd-career-chip{font:8px ui-monospace,Consolas,monospace;letter-spacing:1.3px;color:var(--tiercolor);margin:3px 0 0}.kd-career-rival-info h3{font-size:clamp(23px,2.9vw,40px);font-style:italic;font-weight:1000;letter-spacing:-1px;line-height:1;margin:0}.kd-career-rival-info>p{font-size:11px;color:#b7c5ca;margin:0}.kd-career-rival-flags{display:flex;gap:8px;flex-wrap:wrap}.kd-career-rival-flags span{font:9px ui-monospace,Consolas,monospace;color:#a6bfc0;background:#0a1c27;padding:8px;border-radius:7px;border:1px solid #536f7770}.kd-career-rival-flags b{color:#e4e3c8}
.kd-career-difficulty{font:8px ui-monospace,Consolas,monospace;color:#c4d0d4;letter-spacing:.8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.kd-career-difficulty select{max-width:245px;width:60%;background:#102838;color:#e9f2e3;border:1px solid #728d997d;border-radius:6px;padding:9px;font:900 10px Arial}.kd-career-diffnote{font-size:10px!important;color:#aebfc3!important}.kd-career-diffnote b{color:#d3f376}
.kd-career-fight{background:linear-gradient(180deg,#e5fc96,#c7ed69);border:1px solid #f5ffca;color:#14262b;border-radius:10px;min-height:48px;padding:11px 15px;font-size:15px;font-weight:1000;font-style:italic;text-align:left;box-shadow:0 5px 0 #719442;margin-top:auto}.kd-career-fight span{float:right}.kd-career-fight:disabled{opacity:.35;cursor:not-allowed}
.kd-career-footer{border-top:1px solid #526d7866;padding:10px 20px;display:flex;justify-content:space-between;gap:10px;font:8px ui-monospace,Consolas,monospace;color:#8fa6aa;letter-spacing:.6px;flex-shrink:0}
.kd-career-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.kd-career-quick button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;min-width:0;padding:11px 13px;background:linear-gradient(120deg,#263e3f,#1b3543);border:1px solid #bad58480;border-radius:10px;color:#d8f88b;font:900 13px Arial}.kd-career-quick button:nth-child(2){border-color:#8bafbd80;color:#d8eee7;background:linear-gradient(120deg,#1a3442,#153040)}.kd-career-quick button:hover{filter:brightness(1.18)}.kd-career-quick small{font:8px ui-monospace,Consolas,monospace;color:#adc6c1;white-space:nowrap}.kd-career-lobby-title{font:700 10px ui-monospace,Consolas,monospace;letter-spacing:1.2px;color:#d4f395;margin-top:-4px;margin-bottom:8px}.kd-career-hud-title{font:700 8px ui-monospace,Consolas,monospace;color:#d4f395;letter-spacing:.7px;margin-bottom:3px}
.kd-career-result{background:#112e36;border:1px solid #c8e38688;border-radius:9px;padding:10px;margin:0 0 13px;display:flex;flex-direction:column;gap:4px}.kd-career-result-title{font:800 10px ui-monospace,Consolas,monospace;color:#d7f09c}.kd-career-result strong{font-size:24px;color:#d5f377}.kd-career-result small{font:8px ui-monospace,Consolas,monospace;color:#bdccce}.kd-career-result-next,.kd-career-result-shop{display:block;width:100%;margin-top:10px;padding:12px;border-radius:8px;background:#d3f376;color:#12252a;font-size:12px;font-weight:900}.kd-career-result-shop{background:#213947;color:#dae7cf;border:1px solid #8db4a180}
/* Shop */
.kd-shop-main{flex:1;padding:25px;min-height:0}.kd-shop-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.kd-shop-heading h2{font-size:clamp(22px,2.8vw,38px)}.kd-shop-heading p{font-size:12px;line-height:1.5;color:#b0c8c9;max-width:670px}.kd-shop-mini{background:#0b1d2c;border:1px solid #65828b77;border-radius:12px;padding:14px;white-space:nowrap;text-align:center}.kd-shop-mini b{display:block;font-size:25px}.kd-shop-mini span{font:8px ui-monospace,Consolas,monospace;color:#a3bec4}
.kd-shop-categories{display:flex;gap:7px;margin:16px 0;flex-wrap:wrap}.kd-shop-categories button{padding:9px 13px;background:#192e3a;border:1px solid #637e886d;border-radius:8px;color:#cbd8d0;font:900 10px Arial}.kd-shop-categories button.active{background:#d3f376;color:#14282e}
.kd-shop-equipped{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.kd-shop-equipped>span{font:9px ui-monospace,Consolas,monospace;color:#a3bdc2}.kd-shop-equipped>div{position:relative;display:flex;flex-direction:column;gap:3px;background:#102635;border:1px solid #6c8b9780;border-radius:8px;padding:8px 31px 8px 10px;min-width:150px}.kd-shop-equipped small{font:7px ui-monospace,Consolas,monospace;color:#a4bfbb}.kd-shop-equipped b{font-size:11px;color:#d9f59a}.kd-shop-equipped button{position:absolute;right:6px;top:11px;background:#293e4b;border-radius:50%;width:21px;height:21px;color:#fff}
.kd-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kd-shop-card{border:1px solid #58727f88;border-radius:14px;overflow:hidden;background:#0d1e2b}.kd-shop-card.equipped{border-color:#d3f376}.kd-shop-thumb{height:90px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 45% 50%,var(--itemcolor),#0e2534 75%)}.kd-shop-symbol{font-size:45px;color:#f5f6de;text-shadow:0 3px 20px #04121a}.kd-shop-rarity{position:absolute;top:7px;right:7px;background:#081d29d9;border:1px solid #bedad346;padding:4px 6px;font:700 8px ui-monospace,Consolas,monospace;color:#e1e9c8;font-style:normal;border-radius:4px}.kd-shop-details{padding:13px}.kd-shop-details>small{font:7px ui-monospace,Consolas,monospace;color:#b0c6c9}.kd-shop-details h3{font-size:15px;line-height:1.1;margin:7px 0;color:#f5f4e6}.kd-shop-details p{font-size:10px;line-height:1.3;min-height:27px;color:#b3c1c9;margin:0 0 9px}.kd-shop-details button{width:100%;border-radius:7px;background:#d0ef85;padding:10px;color:#14242a;font:900 10px Arial}.kd-shop-details button:disabled{background:#203441;color:#7e969f;cursor:not-allowed}.kd-shop-details button.active{background:#2d4b45;color:#d4f49c}.kd-shop-note{font-size:10px;color:#90aab0;margin:17px 0}
@media(max-width:1050px){.kd-career-header{padding:12px;gap:9px}.kd-career-main{grid-template-columns:220px minmax(0,1fr)}.kd-career-content{padding:17px;gap:13px}.kd-career-summary{padding:20px 14px}.kd-career-road{grid-template-columns:repeat(8,minmax(0,1fr))}.kd-career-stage{min-height:53px}.kd-career-detail{min-height:230px}.kd-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px),(max-height:510px){.kd-career-backdrop{padding:4px;overflow:hidden}.kd-career-window{height:calc(100dvh - 8px);min-height:0;border-radius:11px}.kd-career-header{gap:8px;flex-wrap:nowrap;padding:7px 9px}.kd-career-logo{font-size:17px}.kd-career-logo span{font-size:10px}.kd-career-tabs{gap:3px;padding:2px;flex:1;justify-content:center;margin:0}.kd-career-tabs button{padding:8px 7px;font-size:8px;white-space:nowrap}.kd-career-wallet{padding:0}.kd-career-wallet small{font-size:6px}.kd-career-wallet strong{font-size:11px}.kd-career-wallet i{display:none}.kd-career-close{width:29px;height:29px;font-size:14px}.kd-career-main,.kd-shop-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.kd-career-main{grid-template-columns:minmax(140px,28%) minmax(0,1fr)}.kd-career-summary{padding:12px;gap:8px}.kd-career-summary h1{font-size:clamp(23px,4.2vw,34px);letter-spacing:-1px}.kd-career-summary>p{font-size:9px}.kd-career-progress-label{font-size:6px}.kd-career-stats{gap:3px}.kd-career-stats div{padding:6px 3px}.kd-career-stats strong{font-size:17px}.kd-career-stats small{font-size:5px}.kd-career-divisions{gap:3px}.kd-career-division{padding:6px;gap:5px}.kd-career-division span{font-size:8px}.kd-career-division small{font-size:6px}.kd-career-shoplink{padding:8px;font-size:8px}.kd-career-content{padding:12px;gap:10px}.kd-career-sectionhead h2{font-size:17px}.kd-career-sectionhead>span{display:none}.kd-career-road{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.kd-career-stage{min-height:40px;padding:3px 0;border-radius:5px;gap:0}.kd-career-stage span{font-size:6px}.kd-career-stage b{font-size:14px}.kd-career-stage small{display:none}.kd-career-detail{grid-template-columns:150px minmax(0,1fr);padding:8px;gap:10px;min-height:180px}.kd-career-rival-avatar{min-height:160px}.kd-career-avatar-head{width:35px;height:35px}.kd-career-avatar-body{width:78px;height:70px}.kd-career-rival-avatar>span{font-size:5px;margin-top:6px}.kd-career-rival-info{gap:6px}.kd-career-chip{font-size:6px}.kd-career-rival-info h3{font-size:19px}.kd-career-rival-info>p,.kd-career-diffnote{font-size:8px!important}.kd-career-rival-flags span{padding:5px;font-size:7px}.kd-career-difficulty{font-size:6px}.kd-career-difficulty select{max-width:170px;font-size:8px;padding:6px}.kd-career-fight{min-height:31px;font-size:11px;padding:7px}.kd-career-footer{padding:5px 10px;font-size:5px}.kd-shop-main{padding:12px}.kd-shop-heading h2{font-size:19px}.kd-shop-heading p{font-size:9px;margin:6px 0}.kd-shop-mini{padding:8px}.kd-shop-mini b{font-size:17px}.kd-shop-mini span{font-size:6px}.kd-shop-categories{margin:8px 0;gap:5px}.kd-shop-categories button{font-size:8px;padding:7px}.kd-shop-equipped{margin-bottom:10px}.kd-shop-equipped>div{min-width:130px;padding:5px 27px 5px 8px}.kd-shop-equipped b{font-size:9px}.kd-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.kd-shop-thumb{height:48px}.kd-shop-symbol{font-size:23px}.kd-shop-rarity{font-size:6px}.kd-shop-details{padding:8px}.kd-shop-details h3{font-size:11px;margin:5px 0}.kd-shop-details p{font-size:8px;min-height:29px}.kd-shop-details button{padding:7px;font-size:8px}.kd-career-quick{gap:5px;margin:0 0 7px}.kd-career-quick button{padding:6px 7px;border-radius:7px;font-size:8px;gap:2px}.kd-career-quick small{font-size:6px}.kd-career-hud-title{font-size:6px}.kd-career-result{padding:6px}.kd-career-result strong{font-size:16px}.kd-career-result-next,.kd-career-result-shop{padding:7px;font-size:9px}}
@media(max-height:400px) and (orientation:landscape){.kd-career-summary>p,.kd-career-divisions{display:none}.kd-career-summary h1{font-size:22px}.kd-career-road{grid-template-columns:repeat(12,minmax(0,1fr))}.kd-career-detail{grid-template-columns:125px minmax(0,1fr)}.kd-career-rival-avatar{min-height:145px}.kd-career-rival-flags{display:none}.kd-career-content{gap:7px}.kd-career-stage{min-height:33px}.kd-career-fight{margin-top:0}}
@media(max-width:630px) and (orientation:portrait){.kd-career-backdrop{overflow-y:auto}.kd-career-window{height:auto;min-height:calc(100dvh - 8px)}.kd-career-header{flex-wrap:wrap}.kd-career-tabs{order:3;flex-basis:100%}.kd-career-main{display:block;overflow:visible}.kd-career-summary{border-right:0;border-bottom:1px solid #56738254}.kd-career-summary h1{font-size:26px}.kd-career-divisions{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-career-content{padding:12px}.kd-career-road{grid-template-columns:repeat(8,minmax(0,1fr))}.kd-career-stage{min-height:52px}.kd-career-detail{grid-template-columns:110px minmax(0,1fr)}.kd-career-rival-flags{display:none}.kd-career-difficulty{display:block}.kd-career-difficulty select{width:100%;max-width:100%;display:block;margin-top:6px}.kd-career-footer{flex-wrap:wrap}.kd-shop-main{overflow:visible}.kd-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-shop-heading{align-items:flex-start}}

/* Leave the purchased title in its own mobile grid row, not above the editor button. */
@media (max-width:900px) and (orientation:landscape), (pointer:coarse) and (max-width:1280px) and (orientation:landscape){
 #menu .kd77-fighter-panel{grid-template-areas:'title edit' 'name edit' 'ctitle ctitle' 'stats stats';}
 #menu #kdCareerLobbyTitle{grid-area:ctitle;font-size:7px;letter-spacing:.45px;margin:0;line-height:1.25;}
}
@media (max-width:900px) and (max-height:405px) and (orientation:landscape){
 #menu .kd-career-quick{margin-bottom:4px}
 #menu .kd-career-quick button{padding:4px 7px}
}
/* Result panels stay scrollable on short phone screens with career rewards. */
#result .result-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media (max-width:900px) and (orientation:landscape), (pointer:coarse) and (max-width:1280px) and (orientation:landscape){
 #menu .kd77-right{gap:4px;padding:2px 0 4px}
 #menu .kd77-fighter-panel,#menu .kd77-party,#menu .kd77-play-panel{padding:6px}
 #menu .kd77-fighter-panel .kd77-edit{min-height:36px;padding:5px 7px}
 #menu .kd77-character-stats div{min-height:21px;padding:3px 5px}
 #menu .kd77-party-row button{min-height:26px;padding:5px 3px}
 #menu .kd-career-quick{margin:0 0 5px}
 #menu .kd-career-quick button{padding:5px 7px}
 #menu .kd77-play-panel .opponents button{min-height:25px;padding:5px 1px}
 #menu .kd77-play{min-height:clamp(51px,12vh,68px);margin-top:4px}
 #menu .kd77-play-foot{margin-top:5px}
}

.p2 .kd-career-hud-title{text-align:right;color:#d4f395;}

.kd-career-champion{padding:10px;border-radius:9px;background:linear-gradient(100deg,#725a2b,#aa8e44,#725a2b);border:1px solid #fae0a9;color:#fff7c7;text-align:center;font-size:10px;font-weight:900;letter-spacing:.6px;}