*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#132219;background:#123b08}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.top{background:#37646b;color:#fff;position:sticky;top:0;z-index:5}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;color:#fff;text-decoration:none}.brand span{color:#a8d45c}.nav nav{display:flex;align-items:center;gap:9px}.main-nav{margin-left:auto;flex:0 0 auto;justify-content:flex-end}.nav a{color:#dbe5dc;text-decoration:none;font-size:14px}.nav form{margin:0}.login{border:1px solid #708077;background:transparent;color:#fff;border-radius:8px;padding:10px 17px}.hero{background-image:url('/king-of-the-court-hero-banner.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;min-height:480px;padding:54px 0;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:center;width:100%}.hero-grid>div:first-child{visibility:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#83b83e}.hero h1{font-size:58px;line-height:1.02;margin:14px 0 22px;letter-spacing:-2px}.hero p{font-size:18px;line-height:1.6;color:#d6e1d8}.portfolio-card{background:rgba(255,255,255,.97);color:#18251c;border-radius:18px;padding:26px;box-shadow:0 24px 60px #07140d88;backdrop-filter:blur(5px)}.card-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.live{font-size:10px;background:#e8f4dc;color:#56801f;padding:6px 8px;border-radius:20px}.balance{padding:28px 0}.balance small,.p-main small{display:block;color:#7d897f;font-size:10px;font-weight:800;letter-spacing:1px}.balance strong{display:block;font-size:38px;margin:5px 0}.balance i,.p-main i{font-style:normal;color:#79a93c}.balance span{color:#4e8d30;font-size:13px}.auth{display:grid;gap:10px;margin-top:22px}.auth input{padding:13px;border:1px solid #dce4dc;border-radius:8px;font-size:14px}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:66px}.showpass{position:absolute;right:7px;top:6px;width:auto!important;padding:7px 10px!important;background:#edf2ea!important;color:#445347!important;font-size:12px}.verify-note{color:#738075;line-height:1.4}.auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth button,.buybtn,.sellbtn{border:0;border-radius:8px;padding:12px 15px;font-weight:800;cursor:pointer}.auth button:first-child,.buybtn{background:#a8d45c;color:#142017}.auth button:last-child{background:#edf2ea;color:#243126}.sellbtn{background:#f1e4df;color:#8a3e28}.forgot-link{display:block;color:#69766d;text-decoration:none;font-size:12px;font-weight:600;padding:4px 2px;width:max-content}.forgot-link:hover{color:#d71920;text-decoration:underline}.flash{margin-top:22px;padding:13px 16px;border-radius:8px}.flash.ok{background:#e7f3df;color:#416b24}.flash.error{background:#f9e4e1;color:#922e23}.market{padding:55px 0}.section-title{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:25px}.section-title h2{font-size:36px;margin:8px 0}.market .section-title h2{color:#fff}.section-title p{max-width:480px;color:#69746b;line-height:1.5}.players{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player{background:#fff;border:1px solid #e0e6df;border-radius:12px;padding:20px;display:flex;align-items:center;gap:17px}.rank{width:46px;height:46px;border-radius:50%;background:#eff4ec;display:grid;place-items:center;font-weight:800;flex:0 0 46px}.p-main{flex:1}.tour{font-size:10px;font-weight:800;color:#719b39}.p-main h3{margin:3px 0 13px}.p-main strong{font-size:20px}.sell{font-size:11px;color:#7b877d;margin-top:5px}.player button[disabled]{background:#dfe6dc;border:0;color:#849084;border-radius:7px;padding:11px 14px}.notice{background:#fff;border:1px dashed #cbd5c9;border-radius:10px;padding:22px;color:#667268}footer{background:#37646b;color:#cbd7cd;padding:28px 0}footer .wrap{display:flex;justify-content:space-between}footer b{color:#fff}@media(max-width:760px){.nav nav a{display:none}.wrap{width:calc(100% - 24px)}.hero{display:block;min-height:0;padding:calc(150vw + 12px) 0 12px;background-image:url('/king-of-the-court-mobile-tennistic.webp');background-size:100% auto;background-position:top center;background-repeat:no-repeat}.hero-grid{display:block}.hero-grid>div:first-child{display:none}.portfolio-card{margin-top:0}.players{grid-template-columns:1fr}.section-title{display:block}.holding-photo{flex-basis:41px}.holding-photo img{width:41px;height:60px}}









































































































































































































































































































































































































































































































































































.home-sell-modal{position:fixed;inset:0;z-index:10000;background:#020a07d9;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;transition:.15s}.home-sell-modal.show{opacity:1}.home-sell-dialog{width:min(440px,100%);background:#fff;color:#15221a;border-radius:24px;padding:32px;text-align:center;position:relative;box-shadow:0 30px 90px #0008}.home-sell-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.home-sell-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(180deg,#ffe3d9,#efb9a8);color:#8a3e28;font-size:22px;font-weight:900}.home-sell-dialog h2{font-size:29px;margin:7px 0}.home-sell-dialog p{color:#647268;line-height:1.55}.home-sell-confirm{width:100%;border:0;border-radius:11px;padding:14px;background:#e85b48;color:#fff;font-weight:900;font-size:15px;cursor:pointer}.home-sell-cancel{margin-top:10px;border:0;background:transparent;color:#69776d;cursor:pointer}
/* Permanent desktop outer artwork layer */
@media(min-width:1400px){html{background:#123b08}body{position:relative;background:transparent!important}body::before{content:"";position:fixed;z-index:-1;left:0;right:0;top:72px;bottom:0;background:#123b08 url('/fantasytonic-desktop-lateral-background.webp') center top/100% auto no-repeat;pointer-events:none}body::after{content:"";position:fixed;z-index:-1;top:72px;bottom:0;left:50%;width:min(1160px,calc(100% - 360px));transform:translateX(-50%);background:#123b08;pointer-events:none}.top{position:sticky;z-index:100}}
@media(max-width:1399px){body::before,body::after{content:none!important}body{background:#123b08!important}}
/* Global sticky footer */
html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}.top{flex:0 0 auto}body>main{flex:1 0 auto}.site-footer,body>footer{flex:0 0 auto;margin-top:auto}
/* Permanent app navigation */
.main-nav .nav-item{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:8px;color:#fff!important;white-space:nowrap;transition:background .15s ease,color .15s ease}.main-nav .nav-item:hover,.main-nav .nav-item.active{background:#f0782d!important;color:#fff!important}.main-nav{scrollbar-width:thin}
@media(max-width:900px){.top{position:sticky!important;top:0!important;z-index:1000!important}.nav{height:auto!important;min-height:62px!important;padding:7px 10px!important;gap:7px!important;width:100%!important;flex-wrap:wrap!important;align-content:center!important}.brand{flex:0 0 auto;font-size:18px!important}.main-nav{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;flex:1 1 100%!important;width:100%!important;padding:4px 0!important;justify-content:flex-start!important}.main-nav .nav-item{display:inline-flex!important;flex:0 0 auto!important;font-size:13px!important;padding:0 10px!important;white-space:nowrap!important}.nav-balance,.nav-avatar,.nav-logout-form{flex:0 0 auto!important}.nav-logout{white-space:nowrap;padding:8px 10px!important}}

/* League introduction contrast */
.leagues>h1,.leagues>h1+p{color:#fff}

/* League introduction contrast */
.leagues>h1,.leagues>h2,.leagues>h3,.leagues>h4,.leagues>h5,.leagues>h6,.leagues>p:not(.error),.leagues>a,.leagues>p:not(.error) a,.lt>h1,.lt>h2,.lt>h3,.lt>h4,.lt>h5,.lt>h6,.lt>p:not(.error),.lt>a,.lt>p:not(.error) a{color:#fff}