@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{font-family:Vazirmatn,system-ui,sans-serif;color:#f0f1e6;background:#071f1b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#174638 0,transparent 60%);min-height:100vh}main{max-width:760px;margin:auto;padding:24px 22px calc(24px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.brand{text-decoration:none;color:#dcc58a;font-size:28px;display:flex;gap:10px;align-items:center;letter-spacing:4px}.brand span{font-weight:800;font-size:22px}.language{width:auto;border:1px solid #ffffff22;background:transparent;color:#eee;padding:9px 16px}.eyebrow{font-size:11px;letter-spacing:2px;color:#d3be86;text-align:center}h1{font-size:clamp(28px,6vw,44px);font-weight:600;line-height:1.35;margin:20px 0}h2{font-size:18px;font-weight:500}p{line-height:1.8;color:#c3d0c6}button,input{font:inherit;border-radius:12px;min-height:50px}button{cursor:pointer;border:0;background:#d9c28b;color:#152c24;padding:13px 20px;font-weight:700;width:100%;transition:background .15s}button:hover{background:#e8d8ac}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #eee0ad;outline-offset:3px}.hero{text-align:center;padding:20px 0 28px}.suits{font-size:47px;letter-spacing:12px;color:#e1cd95;margin:12px 0}.suits span{color:#719a7e}.panel{border:1px solid #b6cead26;background:#13382e99;border-radius:20px;padding:24px;margin:22px 0;box-shadow:0 16px 50px #00000012}.panel>h2:first-child{margin-top:0}.join{display:flex;gap:10px;margin-top:14px}.join button{width:140px;flex-shrink:0}input{min-width:0;width:100%;background:#061f1a;color:#fff;border:1px solid #ffffff26;padding:12px}.secondary{background:transparent;color:#ddc993;border:1px solid #d5c18a45;margin-top:10px}.secondary:hover{background:#ffffff0b}.muted{font-size:12px;color:#9fb6a9;margin-bottom:0}.table-heading{text-align:center}.table-heading h1{font-size:28px}.table-heading button{width:auto;font-size:12px}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.score{padding:23px 12px;background:linear-gradient(145deg,#24513e,#13372e);border:1px solid #b5c99438;border-radius:20px;text-align:center}.score:nth-child(2){background:linear-gradient(145deg,#193e36,#0b2b25)}.score h2{font-size:16px;min-height:24px;margin:10px 0 0}.points{font-size:85px;line-height:1.2;font-weight:600;color:#ead9a8}.score label{display:block;font-size:11px;color:#bdcdbf}.divider{height:1px;background:#ffffff18;margin:20px 8px}.numbers{display:flex;justify-content:space-around;gap:8px}.numbers strong{font-size:26px}.status{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;padding-bottom:18px;color:#dbc88f}.players{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.players span{border:1px solid #ffffff22;padding:7px 12px;border-radius:30px;font-size:13px;color:#a9bdb0}.players .approved{background:#2b6145;color:#e4efd9;border-color:#6d9b67}.actions,.choices{display:flex;gap:12px;margin-top:22px}.choices{flex-wrap:wrap}.choices button{flex:1 1 40%}.actions button{flex:1}small{display:block;font-size:11px;margin-top:6px;font-weight:400}.practice{font-size:12px;padding:8px;min-height:40px}.history{margin:30px 4px}.history-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff13;padding:15px 0;font-size:13px}.history-row b{color:#d8c58d;font-weight:500}.error{background:#632e2c;border:1px solid #b97760;padding:14px;border-radius:12px;margin:16px 0;font-size:13px}footer{display:flex;justify-content:space-between;color:#789185;border-top:1px solid #ffffff13;padding-top:22px;margin-top:42px;font-size:11px;letter-spacing:1px}@media(max-width:400px){main{padding:18px 14px}.panel{padding:18px}.actions{gap:8px}.actions button{padding:12px 8px;font-size:13px}.points{font-size:70px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.match header{margin-bottom:20px}.match .table-heading h1{font-size:22px;margin:10px 0}.match .table-heading button{min-height:38px;padding:8px 12px;margin-top:4px}.match .scoreboard{margin-top:14px}.match .score{padding:16px 10px}.match .points{font-size:64px}.match .divider{margin:12px 8px}.match .panel{margin:14px 0;padding:18px}.match .status{padding-bottom:12px}.match .actions{margin-top:14px}nav{display:flex;gap:6px;margin:-6px 0 24px;border-bottom:1px solid #ffffff16;padding-bottom:12px}nav button,.filters button{background:transparent;color:#aebfb3;min-height:44px;padding:8px 12px;font-size:13px;border:1px solid transparent}nav button:hover,.filters button:hover{background:#ffffff08}nav button.selected,.filters button.selected{background:#d9c28b16;color:#ecd9a9;border-color:#d9c28b55}button.brand{background:transparent;width:auto;padding:0;min-height:40px;color:#dcc58a}.inline,.filters,.section-heading{display:flex;align-items:center;gap:10px}.inline>*{flex:1;min-width:0}.inline{flex-wrap:wrap}.inline button{width:auto}.section-heading{justify-content:space-between}.section-heading button{width:auto}.filters{margin:12px 0;flex-wrap:wrap}.filters button{flex:1;white-space:nowrap}.success{border:1px solid #89b07855;color:#d4e9c4;background:#2a5036;padding:12px 16px;border-radius:12px;margin:14px 0}.busy{font-size:12px;color:#b2c7b6;padding:6px 0;text-align:center}select,textarea{font:inherit;background:#0a2921;color:#f0f1e6;border:1px solid #ffffff32;border-radius:10px;padding:12px;width:100%;margin:8px 0 16px;min-height:48px}textarea{resize:vertical;min-height:100px}select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #eee0ad;outline-offset:3px}label{font-size:13px;color:#c2cfbf}summary{cursor:pointer;color:#dfcc98;min-height:32px;line-height:2}.options .danger{color:#f0b3a2;border-color:#cb776944}.match-card{background:#163a2f;border:1px solid #ffffff22;color:#e8ede2;text-align:start;margin:10px 0;padding:18px;display:block}.match-card:hover{background:#1c4638}.match-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.match-card p{margin:12px 0}.match-card>strong{font-size:32px;color:#e5ce94}.match-card small{color:#b6c7b9}.badge{font-weight:400;font-size:11px;padding:4px 10px;border-radius:20px;background:#ffffff12}.badge.completed{background:#41684577;color:#ddedc7}.badge.canceled{background:#78544755;color:#e9b6a7}.table-scroll{overflow-x:auto;border:1px solid #ffffff1c;border-radius:14px;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{text-align:start;padding:14px 12px;border-bottom:1px solid #ffffff15}th{color:#ddc995;font-size:11px;font-weight:500;background:#ffffff06}td:first-child{color:#b8c8ba}.text-button{display:inline;width:auto;background:transparent;color:#f2e4ba;padding:2px 0;text-align:start;font-weight:500;min-height:40px}.text-button:hover{background:transparent;color:#fff0bf;text-decoration:underline}.gold{color:#ddc58b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}pre{overflow:auto;max-height:360px;background:#071f1a;padding:12px;font-size:11px;direction:ltr;text-align:left}.audit-scores{display:flex;justify-content:space-between;gap:10px;color:#dfcc98}.replacement-form{margin-top:20px;border-top:1px solid #ffffff20;padding-top:12px}.history-row{overflow-wrap:anywhere}.match .history h2{font-size:16px}h3{font-size:15px;font-weight:500;color:#d9dcca}.join button{font-size:12px}.match nav{margin-bottom:14px}button,summary,a{-webkit-tap-highlight-color:transparent}.match .table-heading .inline{justify-content:center;gap:8px}.match .table-heading .inline>*{flex:0 1 auto}.match .points{font-variant-numeric:tabular-nums}[dir=rtl] .eyebrow{letter-spacing:0}@media(max-width:420px){nav{gap:2px}nav button{padding:7px 8px;font-size:12px}.filters button{font-size:12px;padding:8px}.join{flex-wrap:wrap}.join input{flex:1 1 130px}.join button{flex:1 1 110px}.match .panel{padding:16px}.match .score h2{font-size:13px}.match .numbers strong{font-size:22px}.match .score label{font-size:10px}.match .points{font-size:58px}.match .score{padding:12px 8px}.match .scoreboard{gap:10px}.match header{margin-bottom:16px}.history-row{font-size:12px}}.club-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}.club-card{display:flex;align-items:center;gap:14px;text-align:start;background:#123c30;color:#f0f1e6;border:1px solid #ffffff1c;padding:18px}.club-card>div{flex:1}.club-card h2{margin:0 0 6px}.club-card small{display:block}.club-mark{width:52px;height:52px;flex-shrink:0;border-radius:16px;padding:11px}.club-intro,.club-context,.club-design-preview{display:flex;align-items:center;gap:14px;margin:18px 0}.club-intro h2{margin:0 0 8px}.club-context{border:1px solid #dcc58a33;border-radius:16px;padding:12px}.club-context>div{flex:1}.club-context button{width:auto;font-size:12px;padding:8px 12px}.club-context small{display:block;color:#b9c8bf}.club-design-preview .club-mark{width:70px;height:70px}.icon-picker,.palette-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px}.icon-picker button,.palette-picker button{background:#ffffff08;color:inherit;border:2px solid transparent;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px}.icon-picker .chosen,.palette-picker .chosen{border-color:#dcc58a;background:#dcc58a14}.palette-picker{grid-template-columns:repeat(6,1fr)}.palette-picker span{width:24px;height:24px;border-radius:50%;display:block}.member-row{border-bottom:1px solid #ffffff1a;padding:14px 0}.member-row summary{cursor:pointer;line-height:1.8}.member-row small{margin-inline-start:8px;color:#b9c8bf}.member-row .actions{margin-top:12px}.checkbox-row{display:flex;align-items:center;gap:10px;margin:16px 0}.checkbox-row input{width:20px;min-height:20px}.success{color:#a8e0b3}.clubs-hub select{width:100%;padding:12px;border-radius:12px;background:#123b30;color:inherit;font:inherit;margin:10px 0}.clubs-hub form label{display:block;margin-top:14px}.game-stage{text-align:center;color:#dcc58a;margin:20px 0 14px;font-weight:600;font-size:13px}.match-points-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcc58a44;background:#dcc58a0d;padding:5px 12px;border-radius:30px;margin-bottom:8px;font-size:11px;color:#d3dace}.match-points-pill strong{color:#eddaab;font-size:20px;line-height:1}.score .live-tricks{line-height:1.2;margin:8px 0 0}.former-badge{font-size:10px;color:#a9b7af;border:1px solid #ffffff29;border-radius:8px;padding:2px 6px;margin-inline-start:6px}@media(max-width:420px){.club-context{gap:8px}.club-context .club-mark{width:40px;height:40px;padding:8px}.club-context button{font-size:11px;padding:6px 8px}.palette-picker{grid-template-columns:repeat(3,1fr)}.club-grid{grid-template-columns:1fr}.icon-picker .club-mark{width:42px;height:42px;padding:8px}}.club-mark{display:inline-flex;align-items:center;justify-content:center}.club-mark svg{width:100%;height:100%}