/* Krantiveer Banda T10 — Mobile-first responsive polish, 2026-10-29 */
:root{color-scheme:dark;--kbt-navy:#071426;--kbt-panel:#122642;--kbt-gold:#ffbd42;--kbt-orange:#fa831d;--kbt-line:#365171}
html{max-width:100%;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{max-width:100%;min-width:0}
img,video,iframe,canvas,svg{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a,[role="button"]{touch-action:manipulation}
:focus-visible{outline:3px solid #ffbf48!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Shared public site: crisp brand, usable navigation, safe touch targets */
body[data-kbt-page="site"]{background:radial-gradient(ellipse at 85% 0%,#17304c 0%,#071426 50%,#07111e 100%);color:#f7f9fd}
body[data-kbt-page="site"] header{z-index:110;background:rgba(5,16,32,.96);border-bottom:1px solid rgba(255,189,66,.22)}
body[data-kbt-page="site"] header .brand-main-logo{object-fit:contain}
body[data-kbt-page="site"] .btn,body[data-kbt-page="site"] .ghost{border-radius:12px}
body[data-kbt-page="site"] .cards article,body[data-kbt-page="site"] .notice,body[data-kbt-page="site"] .teamreg,body[data-kbt-page="site"] .season-grid article{border:1px solid rgba(255,189,66,.2);box-shadow:0 12px 32px #0003}
body[data-kbt-page="site"] .menu-toggle{min-width:46px;min-height:46px;display:none;align-items:center;justify-content:center;border:1px solid #ffbd4270;border-radius:12px;background:#152b47;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:1050px){
 body[data-kbt-page="site"] header{position:sticky;top:0;align-items:center;padding:10px 4%;gap:8px}
 body[data-kbt-page="site"] .menu-toggle{display:inline-flex;margin-left:auto}
 body[data-kbt-page="site"] .main-nav{display:none;flex-basis:100%;width:100%;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:3px;padding:12px;background:#10243e;border:1px solid #ffffff22;border-radius:14px;box-shadow:0 15px 40px #0008}
 body[data-kbt-page="site"] .main-nav.open{display:flex}
 body[data-kbt-page="site"] .main-nav>a,body[data-kbt-page="site"] .main-nav .dropdown>a{display:block!important;padding:12px 14px;min-height:44px;border-radius:9px;font-weight:700}
 body[data-kbt-page="site"] .main-nav>a:hover,body[data-kbt-page="site"] .main-nav .dropdown>a:hover{background:#203d60}
 body[data-kbt-page="site"] .dropdown-menu{position:static;display:flex;box-shadow:none;border:0;background:#091b31;flex-direction:column;padding:3px 0 3px 15px}
 body[data-kbt-page="site"] .dropdown-menu a{display:block;min-height:40px;padding:9px 12px}
 body[data-kbt-page="site"] .main-nav .btn{display:block!important;text-align:center;color:#091a2c;margin-top:6px}
}
@media(max-width:700px){
 body[data-kbt-page="site"] header .brand-main-logo{width:clamp(132px,43vw,180px);height:43px;max-width:52vw}
 body[data-kbt-page="site"] .hero-season4{width:100%;min-height:0;aspect-ratio:4/3;background-position:center;background-size:cover}
 body[data-kbt-page="site"] .hero-live-actions{gap:7px;left:5%;right:5%;bottom:6%}
 body[data-kbt-page="site"] .hero-live-actions a{min-width:0!important;max-width:48%;min-height:40px!important}
 body[data-kbt-page="site"] section:not(.hero):not(.stats){padding:36px 5%}
 body[data-kbt-page="site"] .page-hero{padding:42px 5% 25px}
 body[data-kbt-page="site"] .page-hero h1{font-size:clamp(34px,10vw,56px);overflow-wrap:anywhere}
 body[data-kbt-page="site"] .lead{font-size:clamp(16px,4.4vw,21px)}
 body[data-kbt-page="site"] .team-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-kbt-page="site"] .team-logo-grid h3{font-size:clamp(11px,3vw,14px);overflow-wrap:anywhere}
 body[data-kbt-page="site"] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-kbt-page="site"] .stats>*{min-width:0}
 body[data-kbt-page="site"] .cards,body[data-kbt-page="site"] .paygrid,body[data-kbt-page="site"] .season-grid{grid-template-columns:minmax(0,1fr)}
 body[data-kbt-page="site"] .sponsorgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-kbt-page="site"] input:not([type="checkbox"]):not([type="radio"]),body[data-kbt-page="site"] select,body[data-kbt-page="site"] textarea{max-width:100%;font-size:16px}
 body[data-kbt-page="site"] .reg-shell{padding:16px 12px!important}
 body[data-kbt-page="site"] .form-grid{grid-template-columns:minmax(0,1fr)!important}
 body[data-kbt-page="site"] .nav-actions{display:flex;flex-wrap:wrap;gap:10px}
 body[data-kbt-page="site"] .nav-actions>*{min-height:46px}
}
/* Auction player list: passport photos, readable details and responsive filters */
body[data-kbt-page="auction-players"]{background:#071426;color:#f5f8ff}
body[data-kbt-page="auction-players"] .wrap{width:100%;max-width:1600px;margin:auto}
body[data-kbt-page="auction-players"] .card{border-radius:16px;box-shadow:0 6px 20px #0002;min-width:0}
body[data-kbt-page="auction-players"] .card .photo,body[data-kbt-page="auction-players"] .card .ph{width:90px;height:120px;object-fit:cover;object-position:center 25%;border-radius:10px}
body[data-kbt-page="auction-players"] .card .name{overflow-wrap:anywhere}
body[data-kbt-page="auction-players"] .detail-list{overflow-wrap:anywhere}
@media(max-width:780px){
 body[data-kbt-page="auction-players"] .wrap{padding:16px 12px 32px}
 body[data-kbt-page="auction-players"] .head{flex-direction:column;align-items:stretch;gap:15px}
 body[data-kbt-page="auction-players"] h1{font-size:clamp(24px,6.7vw,34px);line-height:1.16}
 body[data-kbt-page="auction-players"] .sub{font-size:13px;line-height:1.45}
 body[data-kbt-page="auction-players"] .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 body[data-kbt-page="auction-players"] .controls button{min-height:44px;min-width:0;padding:8px 5px}
 body[data-kbt-page="auction-players"] .controls select{grid-column:1/-1;min-width:0!important;width:100%;min-height:44px;font-size:16px}
 body[data-kbt-page="auction-players"] .grade-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
 body[data-kbt-page="auction-players"] .grade-btn{min-height:42px}
 body[data-kbt-page="auction-players"] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body[data-kbt-page="auction-players"] .stat{padding:12px;min-width:0}
 body[data-kbt-page="auction-players"] .stat b{font-size:24px}
 body[data-kbt-page="auction-players"] .grid{grid-template-columns:minmax(0,1fr);gap:12px}
 body[data-kbt-page="auction-players"] .card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;padding:12px}
 body[data-kbt-page="auction-players"] .card .photo,body[data-kbt-page="auction-players"] .card .ph{width:82px;height:110px}
 body[data-kbt-page="auction-players"] .name{font-size:clamp(18px,5.1vw,24px);line-height:1.18}
 body[data-kbt-page="auction-players"] .detail-list{grid-template-columns:minmax(0,1fr);font-size:12px;gap:5px}
 body[data-kbt-page="auction-players"] .team-heading{padding:14px}
 body[data-kbt-page="auction-players"] .team-summary{gap:6px}
 body[data-kbt-page="auction-players"] .team-summary span{font-size:12px;padding:7px 9px}
}
@media(max-width:360px){body[data-kbt-page="auction-players"] .card{grid-template-columns:70px minmax(0,1fr)}body[data-kbt-page="auction-players"] .card .photo,body[data-kbt-page="auction-players"] .card .ph{width:70px;height:94px}}
/* Auction desk: controls must remain operable on a phone */
body[data-kbt-page="admin-auction"] .shell{width:100%;max-width:1400px}
@media(max-width:900px){
 body[data-kbt-page="admin-auction"] .head{position:relative}
 body[data-kbt-page="admin-auction"] .headrow{display:block}
 body[data-kbt-page="admin-auction"] .brand{margin-bottom:12px}
 body[data-kbt-page="admin-auction"] .brand h1{font-size:clamp(16px,4.5vw,21px)}
 body[data-kbt-page="admin-auction"] .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 body[data-kbt-page="admin-auction"] .actions .btn{min-height:45px;min-width:0;padding:9px 6px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
 body[data-kbt-page="admin-auction"] .roundbar{grid-template-columns:1fr}
 body[data-kbt-page="admin-auction"] .roundbuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-kbt-page="admin-auction"] .roundbuttons .btn{min-height:44px}
 body[data-kbt-page="admin-auction"] .playergrid{grid-template-columns:minmax(0,1fr)}
 body[data-kbt-page="admin-auction"] .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 body[data-kbt-page="admin-auction"] .shell{padding:10px 10px 110px!important}
 body[data-kbt-page="admin-auction"] .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-kbt-page="admin-auction"] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body[data-kbt-page="admin-auction"] .stat{padding:11px;min-width:0}
 body[data-kbt-page="admin-auction"] .stat b{font-size:21px}
 body[data-kbt-page="admin-auction"] .lookuprow{grid-template-columns:minmax(0,1fr)}
 body[data-kbt-page="admin-auction"] .lookuprow button{min-height:46px}
 body[data-kbt-page="admin-auction"] .card,body[data-kbt-page="admin-auction"] .panel{padding:12px}
 body[data-kbt-page="admin-auction"] .teamgrid{grid-template-columns:minmax(0,1fr)}
 body[data-kbt-page="admin-auction"] .teammeter{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-kbt-page="admin-auction"] .quickbar{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 body[data-kbt-page="admin-auction"] .quickbar .teamquick{flex:0 0 44px}
 body[data-kbt-page="admin-auction"] .top{gap:10px}
 body[data-kbt-page="admin-auction"] .photo{width:82px;height:109px;object-fit:cover}
 body[data-kbt-page="admin-auction"] .stamp{font-size:17px;border-width:3px;right:8px;top:8px}
}
/* Owner management, with full-width inputs and usable image preview */
body[data-kbt-page="team-owners"]{background:radial-gradient(circle at 85% 0%,#1c3b61,#071426 65%);color:#f6f8fd}
body[data-kbt-page="team-owners"] .panel{border:1px solid #416082;box-shadow:0 14px 30px #0003}
body[data-kbt-page="team-owners"] button{min-height:46px}
body[data-kbt-page="team-owners"] .preview{width:90px;height:120px;object-fit:cover;object-position:center 25%}
@media(max-width:700px){body[data-kbt-page="team-owners"] main{padding:16px 12px 35px}body[data-kbt-page="team-owners"] h1{font-size:clamp(25px,7vw,35px);line-height:1.16}body[data-kbt-page="team-owners"] .panel{padding:14px}body[data-kbt-page="team-owners"] .grid{grid-template-columns:minmax(0,1fr)}body[data-kbt-page="team-owners"] input,body[data-kbt-page="team-owners"] select{font-size:16px;min-height:46px}body[data-kbt-page="team-owners"] button{width:100%;margin:8px 0 0}}
/* Other auction/admin pages: consistent touch-friendly sizing, no forced horizontal page scroll */
body[data-kbt-page="auction-generic"]{background-color:#071426}
body[data-kbt-page="auction-generic"] .wrap,body[data-kbt-page="admin-generic"] .wrap{width:100%;max-width:1600px}
@media(max-width:700px){
 body[data-kbt-page="auction-generic"] .wrap,body[data-kbt-page="admin-generic"] .wrap{padding:16px 12px}
 body[data-kbt-page="auction-generic"] h1,body[data-kbt-page="admin-generic"] h1{font-size:clamp(24px,6.5vw,35px);line-height:1.2;overflow-wrap:anywhere}
 body[data-kbt-page="auction-generic"] .top,body[data-kbt-page="auction-generic"] .head,body[data-kbt-page="admin-generic"] .top,body[data-kbt-page="admin-generic"] .head{gap:12px;flex-wrap:wrap}
 body[data-kbt-page="auction-generic"] .controls,body[data-kbt-page="admin-generic"] .controls{flex-wrap:wrap;gap:7px}
 body[data-kbt-page="auction-generic"] .controls button,body[data-kbt-page="admin-generic"] .controls button{min-height:44px}
 body[data-kbt-page="auction-generic"] .controls select,body[data-kbt-page="admin-generic"] .controls select{min-height:44px;max-width:100%;min-width:0;font-size:16px}
 body[data-kbt-page="auction-generic"] .grid,body[data-kbt-page="admin-generic"] .grid{grid-template-columns:minmax(0,1fr)}
 body[data-kbt-page="auction-generic"] .stats,body[data-kbt-page="admin-generic"] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body[data-kbt-page="auction-generic"] .card,body[data-kbt-page="admin-generic"] .card{min-width:0}
 body[data-kbt-page="admin-generic"] .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 body[data-kbt-page="admin-generic"] .modal{max-width:calc(100vw - 24px);max-height:90dvh;overflow-y:auto}
 body[data-kbt-page="admin-generic"] input,body[data-kbt-page="admin-generic"] select{max-width:100%;font-size:16px}
}
/* Don't change the full-screen broadcast overlay/wheel intended for OBS/YouTube */

/* Public website visual refresh: legibility, layout and tap targets */
body[data-kbt-page="site"]{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
body[data-kbt-page="site"] main{min-width:0}
body[data-kbt-page="site"] header{gap:16px}
body[data-kbt-page="site"] .main-nav{gap:clamp(9px,1.25vw,20px)}
body[data-kbt-page="site"] .main-nav a{font-size:clamp(13px,1vw,16px)}
body[data-kbt-page="site"] .main-nav a:hover{color:#ffce70}
body[data-kbt-page="site"] .main-nav .btn:hover{color:#071426}
body[data-kbt-page="site"] section h2{line-height:1.14;letter-spacing:-.025em}
body[data-kbt-page="site"] .page-hero h1{line-height:1.08}
body[data-kbt-page="site"] .team-logo-grid article{border:1px solid #e7b35055;transition:transform .18s,box-shadow .18s}
body[data-kbt-page="site"] .team-logo-grid article:hover{box-shadow:0 16px 36px #0009,0 0 0 1px #ffc45688}
body[data-kbt-page="site"] .team-squad-link{display:block;min-width:0}
body[data-kbt-page="site"] .team-logo-grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
body[data-kbt-page="site"] .public-team-point,body[data-kbt-page="site"] .public-squad{box-shadow:0 12px 30px #0005;border:1px solid #dbe3ef}
body[data-kbt-page="site"] .public-team-title b{overflow-wrap:anywhere;line-height:1.3}
body[data-kbt-page="site"] .public-player-row{min-width:0;grid-template-columns:48px minmax(0,1fr) auto}
body[data-kbt-page="site"] .public-player-row span{min-width:0;overflow-wrap:anywhere}
body[data-kbt-page="site"] .public-player-row span:nth-child(2)>b{color:#172f4d!important;opacity:1!important;visibility:visible!important;font-weight:800}
body[data-kbt-page="site"] .public-player-row small{color:#536278!important}
body[data-kbt-page="site"] .public-player-points{white-space:nowrap}
body[data-kbt-page="site"] .public-team-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-kbt-page="site"] .public-team-metrics div{min-width:0}
body[data-kbt-page="site"] .public-team-metrics b{overflow-wrap:anywhere}
body[data-kbt-page="site"] .auction-public-head p{color:#b9c7d8}
body[data-kbt-page="site"] .auction-refresh{color:#b4c5d8}
body[data-kbt-page="site"] .hero-live-actions .btn,body[data-kbt-page="site"] .hero-live-actions .ghost{opacity:1;min-width:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(11px,1.2vw,15px);line-height:1.2;box-shadow:0 8px 24px #0009}
body[data-kbt-page="site"] .hero-live-actions .ghost{background:rgba(6,17,33,.85);border-color:#ffbd42;color:#fff}
body[data-kbt-page="site"] .hero-season4:after{content:"";position:absolute;inset:auto 0 0;height:23%;pointer-events:none;background:linear-gradient(transparent,#05101ebf)}
body[data-kbt-page="site"] .hero-live-actions{z-index:3}
body[data-kbt-page="site"] footer{line-height:1.8}
@media(max-width:1050px){
 body[data-kbt-page="site"] .main-nav{gap:4px}
 body[data-kbt-page="site"] .main-nav a{font-size:16px}
 body[data-kbt-page="site"] .dropdown-menu a{display:block!important}
 body[data-kbt-page="site"] .hero-live-actions{left:5%;right:5%;bottom:4%;justify-content:center}
 body[data-kbt-page="site"] .hero-live-actions>a{flex:1;max-width:240px}
}
@media(max-width:700px){
 body[data-kbt-page="site"] .hero-season4{aspect-ratio:4/5;background-position:55% center}
 body[data-kbt-page="site"] .hero-live-actions{gap:8px;bottom:3.5%}
 body[data-kbt-page="site"] .hero-live-actions a{font-size:11px;padding:10px 8px;min-height:43px!important}
 body[data-kbt-page="site"] .team-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-kbt-page="site"] .team-logo-grid article{border-radius:12px}
 body[data-kbt-page="site"] .public-points-grid,body[data-kbt-page="site"] .public-squads{grid-template-columns:minmax(0,1fr);gap:12px}
 body[data-kbt-page="site"] .public-team-point,body[data-kbt-page="site"] .public-squad{padding:12px}
 body[data-kbt-page="site"] .public-player-row{grid-template-columns:42px minmax(0,1fr) auto;font-size:13px;gap:6px}
 body[data-kbt-page="site"] .public-player-row small{font-size:11px}
 body[data-kbt-page="site"] .public-team-title img{width:48px;height:48px}
 body[data-kbt-page="site"] .public-team-metrics div{padding:8px 6px}
 body[data-kbt-page="site"] .public-team-metrics b{font-size:15px}
 body[data-kbt-page="site"] .league-icon-feature{margin:18px 4%!important}
 body[data-kbt-page="site"] .stats b{font-size:clamp(19px,6vw,27px)}
 body[data-kbt-page="site"] .stats small{font-size:10px}
 body[data-kbt-page="site"] .season-grid img{max-width:100%;height:auto}
 body[data-kbt-page="site"] .sponsorgrid figure{min-height:135px}
 body[data-kbt-page="site"] .sponsorgrid img{max-height:110px}
}