@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#eee8d8;background:#111713;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.bar{height:82px;background:#121914;border-bottom:1px solid #354035;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px}.brand .mark{display:grid;place-items:center;width:50px;height:50px;background:#d4a95c;color:#121914;font-family:'Barlow Condensed';font-size:25px;font-weight:900;transform:skew(-8deg)}.brand strong{font-family:'Barlow Condensed';font-size:24px;line-height:1;letter-spacing:1px;display:block}.brand small{color:#b6a581;font-size:9px;letter-spacing:2px}.bar nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c5c4b8}.nav-button{color:#e6c58b;border:1px solid #987c4b;background:transparent;padding:12px 20px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px}.hero{min-height:570px;background:radial-gradient(ellipse at 80% 65%,#414330 0%,transparent 50%),linear-gradient(120deg,#1a231b 12%,#27291c 52%,#101611 100%);position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:'CCL';position:absolute;right:4%;top:0;font:900 clamp(240px,33vw,500px)/1 'Barlow Condensed';color:#e4c48d0b;transform:rotate(-10deg);pointer-events:none}.hero-inner{width:1200px;max-width:calc(100% - 48px);margin:auto;z-index:1}.eyebrow,.section-label{font-size:11px;color:#d0ab6b;font-weight:800;letter-spacing:2.7px}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.hero h1{font-size:clamp(62px,9vw,132px);line-height:.88;margin:23px 0;letter-spacing:-1px}.hero h1 em{font-style:normal;color:#dfb56b}.hero p{max-width:490px;color:#c0c3b4;line-height:1.75;font-size:16px}.hero-actions{display:flex;gap:15px;margin-top:38px;align-items:center}.primary{background:#d1a65b;border:1px solid #d1a65b;color:#131a15;padding:15px 25px;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:12px}.primary:hover{background:#f0c67a}.ghost{border:1px solid #5b6659;padding:15px 25px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.hero-stamp{position:absolute;bottom:28px;right:7%;font-family:'Barlow Condensed';letter-spacing:3px;color:#d2b37a;font-weight:800}.hero-stamp span{padding:0 10px}.ticker{background:#d1a65b;color:#182018;min-height:47px;display:flex;align-items:center;gap:32px;padding:10px max(24px,calc((100vw - 1200px)/2));font-size:11px;letter-spacing:1.4px}.ticker b{background:#242a20;color:#f1c681;padding:9px 12px;white-space:nowrap}.ticker-note{margin-left:auto;opacity:.65}.content{max-width:1200px;margin:auto;padding:78px 24px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.intro h2,.content h2{font-size:clamp(42px,5vw,72px);line-height:.96;margin:16px 0 25px}.intro h2 span{color:#d1a65b}.intro p,.section-heading p{color:#a9b1a3;line-height:1.75;max-width:540px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3b4539}.facts>div{border-right:1px solid #3b4539;padding:28px 12px;text-align:center}.facts>div:last-child{border:0}.facts b{font:800 48px 'Barlow Condensed';color:#e1bb79;display:block}.facts span{font-size:9px;letter-spacing:1.5px;color:#b7bcaf}.roster-section{border-top:1px solid #354035}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:360px;font-size:13px}.roster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.roster-card{background:#202820;border:1px solid #394438;padding:27px;min-height:175px}.roster-card small{color:#d1a65b;letter-spacing:1.8px;font-size:10px}.roster-card h3{font-size:32px;margin:14px 0}.roster-card p{color:#aeb5a8;font-size:13px}.roster-tag{display:inline-block;border:1px solid #777d5f;color:#d3bd85;font-size:10px;padding:6px 9px;margin-top:8px}.portal{border-top:1px solid #354035}.portal-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.panel{background:#1e261f;border:1px solid #384338;padding:33px}.tabs{display:flex;border-bottom:1px solid #4a5547;margin-bottom:24px}.tabs button{background:none;border:0;color:#a9b2a7;padding:12px 20px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1px}.tabs button.active{color:#efc982;border-bottom:2px solid #d1a65b}.panel label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#c3cbbd;margin:20px 0 9px}.panel input{width:100%;background:#121a15;color:#f2eedf;border:1px solid #53604f;padding:15px;outline:none}.panel input:focus{border-color:#dfb66f}.full{width:100%;margin-top:23px}.secondary{padding:13px;border:1px solid #657260;background:transparent;color:#ddd7c7;text-transform:uppercase;font-size:12px;font-weight:700}.hint,.muted{color:#a9b2a3;font-size:12px;line-height:1.7}.hint{margin-top:18px}.message{margin-top:17px;line-height:1.6;font-size:13px;color:#efc982;white-space:pre-line}.sidebar h3{font-size:30px;margin:0 0 20px}.step{display:flex;gap:16px;margin-bottom:16px}.step span{color:#d4ae6b;font:700 22px 'Barlow Condensed'}.step p{font-size:13px;color:#aab5aa;line-height:1.65;margin:0}.step b{color:#ebe5d5}.notice{margin-top:25px;border-left:2px solid #bd965b;background:#2b3329;padding:18px;font-size:12px;color:#d7cbae;line-height:1.7}.membership-status{background:#2a3329;padding:18px;margin:20px 0}.membership-status small{display:block;color:#a9b4a4;letter-spacing:1px;margin-bottom:9px}.membership-status strong{color:#e7c184;text-transform:uppercase}.status-chip{color:#d8b371;letter-spacing:2px;font-size:11px;font-weight:800}.panel h3{font-size:32px}footer{border-top:1px solid #354035;padding:28px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:25px;color:#969e91;font-size:10px;letter-spacing:1px}@media(max-width:750px){.bar{height:auto;padding:16px 20px;gap:20px;flex-wrap:wrap}.bar nav{gap:17px}.brand strong{font-size:19px}.bar nav a{display:none}.hero{min-height:550px}.hero h1{font-size:64px}.intro,.portal-layout,.roster-grid{grid-template-columns:1fr}.section-heading{display:block}.facts b{font-size:35px}.ticker-note{display:none}.content{padding:55px 20px}.panel{padding:23px}footer{flex-wrap:wrap}}

.commissioner-panel{margin:22px 0;padding:20px;border:1px solid #6a5737;border-radius:12px;background:rgba(30,34,29,.6)}
.commissioner-panel h3{margin:12px 0}.application-list{display:grid;gap:10px;margin:12px 0 20px}.application-item{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #514a3a;border-radius:9px;padding:12px}.application-item small{display:block;color:#b8b0a1;margin-top:4px}.application-actions{display:flex;gap:8px}.application-actions button{padding:8px 12px}.commissioner-panel[hidden]{display:none}

.panel select{width:100%;background:#121a15;color:#f2eedf;border:1px solid #53604f;padding:15px;font:inherit}.panel select:focus{border-color:#dfb66f}#myTeamsPanel[hidden]{display:none}

.roster-manager{border-top:1px solid #6c5839;margin-top:22px;padding-top:20px}.roster-manager form{margin-top:16px}.roster-manager select{width:100%;padding:12px;background:#18211b;color:#f1e8d7;border:1px solid #77664d;border-radius:5px}.roster-manager[hidden]{display:none}

.former-player-archive{margin:1rem 0;padding:1rem;border:1px solid #685339;border-radius:9px}.former-player-archive summary{cursor:pointer;font-weight:700;color:#edce93}.former-player-archive .application-list{margin-top:1rem}

/* Chess clock: high-contrast touch-friendly dugout */
.clock-panel{border:2px solid #c6a757;border-radius:14px;padding:1rem;margin:1rem 0;background:#121c16}.clock-phase{font-size:1.4rem;font-weight:900;letter-spacing:.07em;text-align:center;background:#e9bd52;color:#121b14;padding:.75rem;border-radius:8px}.clock-half{text-align:center;padding:.65rem;font-weight:bold}.clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.clock-face{padding:1.2rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px solid #647264;border-radius:9px;background:#25332b;text-align:center}.clock-face strong{font-size:.95rem}.clock-face span,.clock-kickoff span{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,5vw,3rem);font-weight:900}.clock-face small{font-size:.85rem}.clock-active{border-color:#f4c562;background:#365337;box-shadow:0 0 0 2px #d0af57}.clock-kickoff{margin:1rem 0;padding:1rem;border:2px dashed #eec55a;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;background:#303520}.clock-kickoff[hidden],#clockReceiverWrap[hidden],#clockEnd[hidden]{display:none!important}.clock-kickoff strong{color:#ffe29a}.clock-kickoff p{margin:0;font-size:.88rem}.clock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.clock-buttons #clockEnd{grid-column:1/-1;min-height:4.5rem;font-size:1.15rem;font-weight:900}.clock-buttons button,#clockStart{min-height:3.25rem}.clock-buttons button:disabled{opacity:.38;cursor:not-allowed}#clockReceiverWrap{margin:1rem 0}#clockReceiverWrap label{display:block;margin-bottom:.25rem}
