@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');

:root{--ink:#14241e;--muted:#6d776f;--green:#113c2f;--green-2:#1c5b45;--lime:#d9ee73;--yellow:#f5cf3b;--cream:#f4f1e8;--white:#fff;--red:#dc594e;--line:#dedfd6;--shadow:0 10px 32px rgba(20,36,30,.09);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:480px;min-height:100dvh;margin:auto;background:#f8f6ef;padding-bottom:92px;position:relative;overflow:hidden}.topbar{height:72px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--yellow);display:grid;place-items:center;font:800 24px Manrope;color:var(--green);transform:rotate(-4deg)}.brand-name{font:800 23px Manrope;letter-spacing:-1px}.avatar{width:40px;height:40px;border:2px solid #fff;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 12px #b4b4aa}.screen{padding:0 16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;color:var(--green-2)}h1,h2,h3,p{margin-top:0}h1{font:800 27px/1.08 Manrope;margin-bottom:8px;letter-spacing:-.8px}h2{font:800 20px/1.15 Manrope;letter-spacing:-.4px}h3{font:800 15px/1.2 Manrope}.muted{color:var(--muted)}.tiny{font-size:12px}.hero{background:var(--green);color:#fff;border-radius:28px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}.hero:after{content:"";position:absolute;width:150px;height:150px;border:38px solid rgba(217,238,115,.12);border-radius:50%;right:-74px;top:-78px}.hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.date-pill{background:var(--lime);color:var(--green);border-radius:14px;padding:8px 11px;text-align:center;font-weight:800;line-height:1}.date-pill strong{font-size:20px;display:block}.hero-title{font:800 23px Manrope;margin:22px 0 7px}.hero-meta{display:flex;gap:14px;color:#d4ded9;font-size:13px}.hero-actions{display:flex;gap:9px;margin-top:20px}.btn{border:0;border-radius:15px;padding:13px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px}.btn-primary{background:var(--yellow);color:var(--green)}.btn-light{background:#fff;color:var(--green)}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-dark{background:var(--green);color:#fff}.btn-danger{background:#fee9e5;color:#a9362d}.btn-block{width:100%}.btn-sm{min-height:36px;padding:8px 11px;border-radius:11px;font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stat-card,.card{background:#fff;border:1px solid #e5e5dc;border-radius:20px;box-shadow:0 5px 18px rgba(20,36,30,.045)}.stat-card{padding:15px}.stat-card strong{font:800 23px Manrope;display:block}.stat-card span{font-size:12px;color:var(--muted)}.card{padding:17px;margin-bottom:13px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 11px}.section-head h2{margin:0}.text-btn{border:0;background:none;color:var(--green-2);font-size:12px;font-weight:800;padding:6px}.confirm-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.choice{padding:11px 5px;border-radius:13px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800;color:var(--muted)}.choice.active.yes{background:#dcebd4;border-color:#82a674;color:#285624}.choice.active.maybe{background:#fff0bb;border-color:#d6b647;color:#755b00}.choice.active.no{background:#f9dcd7;border-color:#cc7b73;color:#8a2c25}.avatars{display:flex;align-items:center}.mini-avatar{width:32px;height:32px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:#dcebd4;color:var(--green);font-size:10px;font-weight:800}.mini-avatar:first-child{margin-left:0}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #efefe8}.list-item:last-child{border-bottom:0}.list-main{flex:1;min-width:0}.list-main strong{display:block;font-size:14px}.list-main span{font-size:12px;color:var(--muted)}.status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px}.paid{background:#e0efd9;color:#34702a}.pending{background:#fff0bf;color:#765d00}.overdue{background:#fce0dc;color:#9d332c}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid #dfdfd6;backdrop-filter:blur(14px);z-index:20}.nav-btn{border:0;background:none;color:#849087;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 1px}.nav-btn .ico{font-size:20px;line-height:1}.nav-btn.active{color:var(--green)}.fab-nav .ico{margin-top:-25px;width:51px;height:51px;border-radius:18px;background:var(--yellow);color:var(--green);display:grid;place-items:center;box-shadow:0 8px 20px rgba(114,91,0,.22);font-size:24px}.install-banner{margin:0 16px 14px;border-radius:20px;background:#fff;border:1px solid #dedfd5;box-shadow:var(--shadow);padding:14px;display:flex;align-items:center;gap:12px}.install-banner.hidden{display:none}.install-icon{width:43px;height:43px;border-radius:13px;background:var(--yellow);display:grid;place-items:center;font-size:22px}.install-copy{flex:1}.install-copy strong{font-size:13px;display:block}.install-copy span{font-size:11px;color:var(--muted)}.close{border:0;background:none;color:#89938b;font-size:20px;padding:4px}.modal-wrap{position:fixed;inset:0;background:rgba(8,27,21,.58);z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(480px,100%);max-height:90dvh;overflow:auto;background:#f8f6ef;border-radius:28px 28px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));animation:up .2s ease-out}.modal-grab{width:42px;height:5px;border-radius:4px;background:#c9cbc3;margin:2px auto 18px}.field{margin-bottom:13px}.field label{display:block;font-size:11px;font-weight:800;margin:0 0 6px;color:#4e5d55}.field input,.field select{width:100%;border:1px solid #d9dbd2;border-radius:14px;padding:13px 14px;background:#fff;outline:none;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(28,91,69,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions .btn{flex:1}.team{border-left:7px solid var(--team);padding-left:14px}.team-head{display:flex;justify-content:space-between;align-items:center}.team-tag{width:12px;height:12px;border-radius:50%;background:var(--team)}.player-chip{display:inline-flex;background:#f0f1ea;border-radius:999px;padding:7px 10px;margin:3px 3px 3px 0;font-size:12px;font-weight:700}.game-top{text-align:center;padding:4px 0 14px}.timer{font:800 44px Manrope;letter-spacing:-2px}.rule{display:inline-block;background:#e6eadf;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--green);color:#fff;border-radius:24px;padding:20px 12px;margin-bottom:12px}.score-team{text-align:center}.score-team strong{font:800 42px Manrope;display:block}.score-team span{font-size:13px;font-weight:800}.versus{color:#9bb1a9;font-weight:800}.goal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-btn{border:0;border-radius:18px;padding:18px 8px;background:var(--team);color:#fff;font-weight:800;box-shadow:0 6px 18px color-mix(in srgb,var(--team),transparent 70%)}.queue-card{background:#ebeee5;border-radius:17px;padding:13px;margin-top:13px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.event{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ecece5;font-size:12px}.event-time{font-weight:800;color:var(--green-2)}.empty{text-align:center;padding:32px 14px;color:var(--muted)}.empty-icon{font-size:35px;margin-bottom:8px}.rank{display:grid;grid-template-columns:28px 38px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #eee}.rank-pos{font:800 16px Manrope;color:#8b948d}.rank:first-child .rank-pos{color:#b08b00}.rank-score{text-align:right}.rank-score strong{display:block}.rank-score span{font-size:10px;color:var(--muted)}.share-card{background:var(--green);color:#fff;border-radius:25px;padding:22px;position:relative;overflow:hidden}.share-card:after{content:"F";position:absolute;right:-10px;bottom:-55px;font:800 170px Manrope;color:rgba(245,207,59,.08)}.share-card .big{font:800 38px Manrope;color:var(--yellow);display:block}.toast{position:fixed;z-index:90;bottom:94px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);background:#14241e;color:#fff;padding:11px 15px;border-radius:12px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}@media(min-width:600px){body{background:#d9ded8}.app-shell{box-shadow:0 0 80px rgba(14,39,30,.18)}}
.login-screen{padding-bottom:0;background:#f8f6ef}.login-hero{min-height:39dvh;background:var(--green);padding:55px 28px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#dce7df;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:230px;height:230px;border:55px solid rgba(217,238,115,.09);border-radius:50%;right:-130px;top:-100px}.login-hero .brand-mark{margin-bottom:11px}.login-hero p{font-size:14px;margin:14px 0 0;max-width:290px}.login-box{padding:32px 22px}.demo-access{display:block;margin:14px auto 0;border:0;background:none;color:var(--green-2);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.quiet-danger{border:0;background:none;color:#a76059;font-size:11px;font-weight:700;padding:12px 18px;text-decoration:underline;text-underline-offset:3px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#e7e8e0;border-radius:15px;padding:4px;margin:15px 0}.segmented button{border:0;border-radius:11px;padding:10px 5px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px rgba(20,36,30,.08)}.icon-danger{width:28px;height:28px;border:0;border-radius:9px;background:#fee9e5;color:#a9362d;font-size:18px;display:grid;place-items:center}.success-badge{width:62px;height:62px;margin:2px auto 15px;border-radius:50%;background:#dcebd4;color:#285624;display:grid;place-items:center;font-size:30px;font-weight:800}.field-help{display:block;margin:5px 2px 0;font-size:10px;color:var(--muted)}.form-error{min-height:18px;color:#a9362d;font-size:12px;font-weight:700}.bottom-nav{grid-template-columns:repeat(4,1fr)}
.group-at-top{max-width:210px;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-info{display:flex;align-items:center;gap:10px;margin-top:13px;position:relative;z-index:1}.match-info-icon{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--lime)}.match-info strong,.match-info span{display:block}.match-info strong{font-size:13px}.match-info span{font-size:10px;color:#c8d6d0;line-height:1.35;margin-top:2px}.hero-actions{position:relative;z-index:1}.hero-actions .btn{padding-left:12px;padding-right:12px;font-size:12px}.team-edit{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.team-edit input[type="color"]{width:48px;height:48px;padding:3px;border:1px solid var(--line);border-radius:14px;background:#fff}.team-edit .field{margin-bottom:10px}.match-log{border-left:5px solid var(--yellow)}
.hero-delete{position:relative;z-index:2;width:27px;height:27px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;display:grid;place-items:center}