@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#182d26;background:#f3f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{min-height:46px;border:0;border-radius:10px;padding:12px 16px;font-weight:700;background:#e8ece5;color:#182d26}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.95)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5fa13e;outline-offset:3px}header{padding:23px 5%;border-bottom:1px solid #d9dfd6;display:flex;justify-content:space-between;align-items:center;background:#fafbf7}.brand{text-decoration:none;color:inherit;font-size:25px;display:flex;gap:10px;align-items:center}.brand span{font-size:14px;font-weight:800;letter-spacing:1.6px}.edition{font-size:12px;letter-spacing:1.5px;color:#69766b}main{max-width:1040px;margin:auto;padding:36px 28px}.page-head{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#69766b;margin:0 0 8px}h1{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-2px;margin:0 0 25px;font-weight:800}.ball{font-size:40px;transform:rotate(-15deg)}nav{display:flex;gap:6px;border-bottom:1px solid #d4dbd2;margin-bottom:24px}nav button{background:transparent;border-radius:0;color:#727e72;padding:15px 20px;border-bottom:3px solid transparent}nav .selected{color:#172d24;border-color:#172d24}nav span{background:#e1e7db;padding:2px 6px;border-radius:5px;margin-left:5px;font-size:12px}.match-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:28px}.scoreboard{background:#172e26;border-radius:20px;color:#f8faee;padding:26px;box-shadow:0 10px 24px #142c2410}.board-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.3px;color:#aebfb0}.score{display:flex;align-items:center;justify-content:center;gap:38px;margin:30px 0 12px}.score div{text-align:center;flex:1}.score span{display:block;font-size:14px;color:#c8d3c8}.score strong{font-size:64px;font-family:Manrope,sans-serif}.score b{font-size:30px;color:#6b8274}.clock{text-align:center;font-size:56px;letter-spacing:2px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.clock-label{text-align:center;letter-spacing:2px;font-size:11px;color:#aebfb0;margin:6px 0 25px}.primary{background:#d4f778;color:#172e26;width:100%;font-size:16px}.goal-actions{display:flex;gap:10px;margin-top:10px}.goal-actions button{background:#294338;color:#f2f7ec;flex:1;font-size:14px;padding:12px 6px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;margin:0}.section-title>span{font-size:12px;color:#72806f}.rotation{background:#fff;border:1px solid #dce3d5;padding:22px;border-radius:20px}.rotation .section-title{margin:0}.tag{font-size:10px!important;letter-spacing:1px;background:#eef5df;padding:6px;border-radius:5px;white-space:nowrap}.rotation-clock{font-size:44px;font-variant-numeric:tabular-nums;font-weight:600;margin:18px 0 0}.rotation p{font-size:14px;color:#6a7769;line-height:1.5;margin:4px 0 18px}.dark{background:#213a2e;color:#fff}.wide{width:100%}details{margin-top:17px;font-size:14px}summary{cursor:pointer;color:#6a7769;padding:5px 0}details label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.check{justify-content:flex-start!important}.check input{width:20px;height:20px;accent-color:#263f30}input,select{border:1px solid #d1dacd;border-radius:9px;padding:12px;background:white;color:#182d26;min-width:0}select{font-size:14px}.player{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dce2d6;padding:15px 0}.avatar{width:40px;height:40px;border-radius:50%;background:#e4ebdb;display:grid;place-items:center;font-weight:700;flex-shrink:0}.avatar.keeper{background:#f3de99}.player-main{flex:1;min-width:0}.player-name{font-size:16px;font-weight:600;overflow-wrap:anywhere}.meta{font-size:12px;color:#74816f;margin-top:3px}.mono{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.text-button{background:none;padding-left:0;font-size:14px;margin-top:8px}.empty{border:1px dashed #c7d1bf;border-radius:12px;padding:24px;text-align:center;color:#73816c;font-size:14px;line-height:1.6}.empty button{display:block;margin:12px auto 0}.event{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dce2d6;padding:12px 0;font-size:14px}.event .event-text{flex:1;overflow-wrap:anywhere}.event button{background:none;min-height:40px;font-size:12px;color:#75816e;padding:8px}.suggest{display:flex;gap:10px;align-items:center;padding:12px;background:#f3f6ed;border-radius:10px;margin-bottom:15px}.suggest>div{flex:1;min-width:0;overflow-wrap:anywhere}.suggest small{display:block;color:#72806e;font-size:11px;margin-bottom:4px}.suggest strong{font-size:15px}.add-form{display:flex;gap:10px;margin-top:24px}.add-form input{flex:1}.help{font-size:14px;color:#6b7966;line-height:1.6}.roster-actions{display:flex;gap:6px;align-items:center}.roster-actions button{font-size:12px;padding:8px;min-height:42px}.roster-actions select{padding:8px;font-size:12px;max-width:110px}.active-keeper{background:#f4dfa1}.bar{height:6px;border-radius:3px;background:#e2e9d9;margin-top:8px}.bar div{height:100%;background:#91b94c;border-radius:3px}footer{border-top:1px solid #d8dfd1;margin-top:40px;padding:22px 0;color:#65755d;font-size:10px;letter-spacing:1.3px;display:flex;justify-content:space-between}footer span{letter-spacing:0;font-size:12px}dialog{border:0;border-radius:20px;width:min(460px,calc(100% - 28px));padding:24px;color:#182d26;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#142b2570}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dialog-head button{background:none}.choice{width:100%;margin:5px 0;text-align:left}.dialog-form label{display:block;margin:16px 0}.dialog-form select{display:block;width:100%;margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172e26;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 4px 30px #0002;max-width:90%;width:max-content;display:none;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.due{color:#a25513}.danger{color:#a23e33}
@media(max-width:680px){header{padding:18px 20px}.edition{display:none}main{padding:26px 18px}h1{font-size:34px;margin-bottom:20px}.ball{font-size:30px}nav{margin-bottom:18px}nav button{flex:1;padding:13px 7px;font-size:14px}.match-grid{grid-template-columns:1fr;gap:8px}.scoreboard{padding:22px}.score{margin:22px 0 10px}.score strong{font-size:56px}.clock{font-size:50px}.rotation{margin-top:14px}.add-form{flex-wrap:wrap}.add-form input{flex-basis:100%}.add-form select,.add-form button{flex:1}.player.roster-player{flex-wrap:wrap}.roster-actions{width:100%;padding-left:52px}.roster-actions select{flex:1;max-width:none}.tag{font-size:9px!important}footer{font-size:9px}footer span{font-size:11px}}

.remaining{text-align:center;color:#d4f778;font-size:14px;margin:-10px 0 22px}.settings-card{max-width:580px}.settings-card label{display:block;font-weight:600;margin-top:24px}.duration-input{display:flex;align-items:center;gap:12px;margin:10px 0 16px}.duration-input input{width:120px;font-size:24px}.settings-card #settings-error{color:#a23e33}.settings-card #settings-saved{margin:14px 0 0;color:#365b27}#settings-saved:empty,#settings-error:empty{display:none}@media(max-width:680px){nav{flex-wrap:wrap;gap:0}nav button{flex:1 1 45%;font-size:14px}}
.half-label{text-align:center;font-size:20px;font-weight:700;color:#d4f778;margin:0 0 10px}

.resume-button{width:100%;margin-top:10px;background:#294338;color:#fff}.rotation .fair-note{font-size:12px;line-height:1.5;color:#66735e}

.brand img,.club-logo{object-fit:contain;flex-shrink:0}.brand span{letter-spacing:.4px}.page-head>div{min-width:0}.club-logo{margin:0 0 22px 16px}h1{font-size:38px;letter-spacing:-1.4px;overflow-wrap:break-word}.score div{min-width:0}.score span{overflow-wrap:anywhere}.team-settings{margin-bottom:20px}.team-settings input{display:block;width:100%;margin:10px 0 14px}.team-settings #team-error{color:#a23e33}.team-settings #team-saved{color:#365b27;margin:14px 0 0}#team-error:empty,#team-saved:empty{display:none}@media(max-width:680px){h1{font-size:28px;letter-spacing:-.8px}.club-logo{width:46px;height:64px}.brand span{font-size:15px}}

.storage-banner{max-width:984px;margin:14px auto 0;padding:10px 18px;background:#e4efdc;color:#26452c;font-size:14px;border-radius:10px;display:flex;gap:12px;align-items:center;justify-content:space-between}.storage-banner button{flex-shrink:0;font-size:14px}.storage-banner+main{padding-top:24px}@media(max-width:680px){.storage-banner{margin:12px 18px 0;flex-wrap:wrap}}

.share-card{margin-top:20px}.share-card h2{margin-bottom:10px}.share-card label{display:block;margin:16px 0 8px}.share-card input{width:100%;font-size:14px;margin-bottom:8px}.share-card #share-status{margin:14px 0 0}

.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;margin:0 8px 8px 0;background:#146c43;color:#fff;border-radius:10px;font-weight:700;text-decoration:none}.whatsapp-button:focus-visible{outline:3px solid #5fa13e;outline-offset:3px}

header{gap:12px;flex-wrap:wrap}#current-team{font-size:13px;overflow-wrap:anywhere}#login input{width:100%;box-sizing:border-box}

.statistics-table{overflow-x:auto;background:white;border-radius:16px;padding:12px} .statistics-table table{width:100%;border-collapse:collapse;white-space:nowrap}.statistics-table th,.statistics-table td{padding:12px;text-align:right;border-bottom:1px solid #e5e8e3}.statistics-table th:first-child{text-align:left}.statistics-table caption{text-align:left;padding:8px;color:#657368;font-size:13px}nav{overflow-x:auto;flex-wrap:nowrap}nav button{white-space:nowrap}




.storage-banner[hidden]{display:none}