*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e0f0e;color:#fff}body{min-height:100vh}.shell{width:100%;min-height:100vh;padding:0 0 48px;background:#0e0f0e}.shell>header{height:108px;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1050px)/2 + 30px));position:relative;z-index:2}.brand{display:flex;align-items:center;font-size:32px;font-weight:900;letter-spacing:-1.5px;color:#fff;min-width:max-content}.brand span{color:#cb6822}.tag{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#777}.how-to{margin-left:auto;color:#cb6822;font-size:20px;font-weight:650;text-decoration:none;border-bottom:2px solid #cb6822;padding-bottom:5px}.how-to+.tag{display:none}.hidden{display:none!important}#debugPage4,#debugPage5,#debugPage6,#debugPage7,.debug-page5,.debug-page6{display:none!important}h1{font-size:clamp(42px,4.2vw,80px);line-height:1.02;letter-spacing:-3px;margin:0}h2{margin:0;font-size:35px;letter-spacing:-1px}h3{margin:0 0 12px}p{color:#aaa;line-height:1.45}label{display:block;font-size:14px;font-weight:650}input,button{font:inherit}input{width:100%;height:40px;border:1px solid #5f5f5f;border-radius:5px;padding:0 14px;background:#151515;color:#fff;outline:none}input::placeholder{color:#aaa;font-style:italic;font-weight:300}input:focus{border-color:#cb6822;box-shadow:0 0 0 2px rgba(203,104,34,.15)}button{border:1px solid #5f5f5f;border-radius:5px;padding:10px 14px;font-weight:650;cursor:pointer;background:#151515;color:#fff}button:disabled{cursor:not-allowed;opacity:.45}.primary{width:100%;height:76px;background:#cb6822;color:#fff;border-color:#ffb886;border-radius:10px;font-size:25px;font-weight:900;margin-top:24px}.error{color:#ff7b71;font-weight:700;min-height:20px}.card{width:min(1100px,calc(100% - 32px));margin:28px auto;background:#151515;border:1px solid #5f5f5f;border-radius:14px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.home-page{position:relative;min-height:calc(100vh - 108px);padding:40px max(24px,calc((100vw - 1050px)/2)) 70px;overflow:hidden}.home-hero{position:relative;z-index:1;margin-bottom:24px}.home-hero h1{max-width:850px;margin:0 30px !important}.home-hero p{font-size:24px;margin:8px 0 0 30px !important;color:#888}.home-pitch-bg{margin:-60px 0}.home-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px;align-items:stretch;width:100%;margin:0 auto}.home-panel{border:1px solid #5f5f5f;border-radius:10px;background:#151515;padding:18px 30px 22px}.join-panel{background:#15130f;border-color:#cb6822;padding:82px 42px 42px}.panel-heading{display:flex;align-items:center;gap:30px;margin-bottom:12px}.panel-heading p{margin:3px 0 0;font-size:16px;color:#888}.panel-icon{width:80px;height:80px;flex:0 0 80px;border:1px solid #cb6822;border-radius:10px;background:rgba(203,104,34,.2);display:grid;place-items:center;color:#cb6822;font-size:38px}.join-icon{font-size:46px}.home-panel label input{margin-top:7px}.setting-label{margin:11px 0 8px;font-size:16px}.choice-grid{display:grid;gap:8px}.pool-grid{grid-template-columns:repeat(3,1fr)}.setting-btn{height:44px;padding:0 8px;font-size:16px}.setting-btn.active,.mode-btn.active{background:rgba(203,104,34,.4);border-color:#cb6822}.bottom-settings{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.era-grid,.mode{display:grid;grid-template-columns:1fr 1fr;gap:0}.era-grid .setting-btn:first-child,.mode button:first-child{border-radius:5px 0 0 5px}.era-grid .setting-btn:last-child,.mode button:last-child{border-radius:0 5px 5px 0}.mode-btn{height:44px;padding:0 8px}.bottom-settings small{display:block;font-size:10px;font-style:italic;font-weight:200;margin-top:4px;color:#bbb}.room-code-input{height:102px;margin-top:18px;border-radius:10px;background:#15130f;text-align:center;font-size:45px;font-weight:800;letter-spacing:2px;font-style:normal}.room-code-input::placeholder{font-style:italic;color:#aaa;opacity:1}.join-lobby-btn{width:100%;height:76px;margin-top:54px;background:#eae0d1;color:#0e0f0e;border:1px solid #808080;border-radius:10px;font-size:25px;font-weight:800}.home-page>.error{position:relative;z-index:1;margin:4px 0}.home-footer{position:relative;z-index:1;text-align:center;color:#777;font-size:15px;margin-top:18px}.home-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cb6822;margin:0 10px 1px}
.room-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.room-head small{font-weight:900;color:#999;letter-spacing:1.2px}.badge{padding:8px 12px;border-radius:999px;background:#2a2a2a;font-size:12px;font-weight:900;text-transform:uppercase}.managers{display:grid;gap:10px;margin:22px 0}.manager{display:flex;align-items:center;justify-content:space-between;border:1px solid #444;border-radius:14px;padding:14px 16px}.manager-name{font-weight:900}.manager-meta{display:flex;gap:8px;align-items:center;color:#aaa;font-size:12px;font-weight:800}.host-pill{background:#cb6822;color:white;padding:4px 7px;border-radius:999px;font-size:10px}.auction-grid{width:min(1500px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.auction-main{text-align:center;min-height:620px;display:flex;flex-direction:column;align-items:center}.auction-top{width:100%;display:flex;justify-content:space-between}.auction-status{display:flex;align-items:center;gap:12px}.credits-pill{background:#cb6822;padding:10px 14px;border-radius:999px;font-weight:900}.timer{font-size:24px;font-weight:900}.country{margin-top:70px;color:#999;font-size:14px;font-weight:900;text-transform:uppercase}.player-name{max-width:700px;margin-top:8px}.overall{margin-top:8px;background:#333;border-radius:999px;padding:8px 12px;font-weight:900}.bid-box{margin-top:50px}.bid-box small{color:#999}.bid-box div{font-size:48px;font-weight:900}.bid-box span{display:block;color:#aaa;margin-top:8px}.bid-actions{display:flex;gap:8px;width:100%;max-width:500px}.out-button{margin-top:12px}.skip-info{font-size:12px;color:#999;margin-top:14px}.notice{min-height:22px;margin-top:auto;padding-top:18px;font-weight:900;color:#cb6822}.sidebar{padding:20px}.sidebar-title{display:flex;justify-content:space-between;margin-bottom:14px}.other-title{margin-top:18px;padding-top:16px;border-top:1px solid #444}.squad-card{border:1px solid #444;border-radius:14px;padding:14px;margin-bottom:10px;background:#111}.squad-card.me{border-color:#cb6822}.squad-head{display:flex;justify-content:space-between}.squad-head span{color:#cb6822}.squad-row{display:grid;grid-template-columns:34px 1fr;gap:8px;font-size:12px;padding:4px 0;color:#aaa}.pitch{position:relative;min-height:430px;border-radius:18px;padding:22px 12px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:repeating-linear-gradient(0deg,#176b40 0,#176b40 54px,#145f39 54px,#145f39 108px);border:2px solid #ddd}.pitch-row{position:relative;z-index:2;display:flex;justify-content:space-around}.pitch-player{width:65px;min-height:48px;padding:7px 5px;border-radius:11px;background:#151515;border:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:900}.pitch-player small{color:#cb6822}.pitch-player.empty{background:rgba(0,0,0,.25);border-style:dashed}.results-grid{width:min(1500px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.phase-label{font-size:11px;font-weight:900;letter-spacing:2px;color:#cb6822}.match-card{margin-top:28px;border-radius:18px;background:#080808;padding:26px;text-align:center}.latest-result{margin-top:18px;padding:20px;border:1px solid #444;border-radius:16px;text-align:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #333}.final-screen,.champion-screen{text-align:center}.champion-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trophy{font-size:62px}
/* Desktop/laptop viewport fitting: preserve the design proportions, but compact vertically on shorter screens. */
@media (min-width:901px) and (max-height:900px){.shell{padding-bottom:0}.shell>header{height:82px}.home-page{min-height:calc(100vh - 82px);padding-top:22px;padding-bottom:18px}.home-hero{margin-bottom:14px}.home-hero h1{font-size:clamp(40px,3.2vw,58px);line-height:1.01}.home-hero p{font-size:18px;margin-top:5px!important}.home-panel{padding:14px 24px 16px}.join-panel{padding:42px 34px 28px}.panel-heading{gap:20px;margin-bottom:9px}.panel-icon{width:64px;height:64px;flex-basis:64px}.panel-icon svg{width:40px!important;height:40px!important}.panel-heading h2{font-size:30px}.panel-heading p{font-size:14px}.home-panel label{font-size:13px}.home-panel label input{margin-top:4px}input{height:35px}.setting-label{margin:8px 0 5px;font-size:14px}.choice-grid{gap:6px}.setting-btn,.mode-btn{height:36px;font-size:14px}.bottom-settings{gap:14px}.primary{height:52px;margin-top:15px;font-size:19px}.room-code-input{height:74px;margin-top:12px;font-size:30px}.join-lobby-btn{height:52px;margin-top:18px;font-size:19px}.home-footer{margin-top:10px;font-size:12px}}
@media (min-width:901px) and (max-height:760px){.shell>header{height:70px}.home-page{min-height:calc(100vh - 70px);padding-top:12px;padding-bottom:10px}.home-hero{margin-bottom:9px}.home-hero h1{font-size:40px}.home-hero p{font-size:15px}.home-panel{padding:10px 20px 12px}.join-panel{padding:26px 28px 20px}.panel-icon{width:52px;height:52px;flex-basis:52px}.panel-icon svg{width:32px!important;height:32px!important}.panel-heading h2{font-size:25px}.panel-heading p{font-size:12px}.setting-label{margin:5px 0 4px}.setting-btn,.mode-btn{height:31px;font-size:13px}.primary,.join-lobby-btn{height:44px;font-size:16px}.room-code-input{height:60px;font-size:24px}.home-footer{margin-top:6px}}
@media(max-width:900px){.shell>header{height:78px;padding:0 18px}.brand{font-size:24px}.how-to{font-size:15px}.home-page{padding:28px 18px 60px;min-height:calc(100vh - 78px)}.home-hero h1{font-size:48px;letter-spacing:-2px}.home-hero p{font-size:18px}.home-layout{grid-template-columns:1fr}.join-panel{padding:24px 30px}.join-lobby-btn{margin-top:24px}.auction-grid,.results-grid,.champion-layout{grid-template-columns:1fr}}
@media(max-width:600px){.home-page{padding:24px 12px 50px}.home-hero h1{font-size:40px}.home-panel{padding:18px 16px}.panel-heading{gap:14px}.panel-icon{width:56px;height:56px;flex-basis:56px;font-size:28px}.panel-heading h2{font-size:26px}.panel-heading p{font-size:13px}.pool-grid{grid-template-columns:1fr 1fr}.bottom-settings{grid-template-columns:1fr}.room-code-input{height:76px;font-size:30px;letter-spacing:1px}.primary,.join-lobby-btn{height:60px;font-size:20px}.home-footer{font-size:11px}.card{width:calc(100% - 20px);padding:20px}.brand{font-size:20px}.auction-grid,.results-grid{width:calc(100% - 20px)}}