:root{--bg:#f3f5f4;--ink:#13211d;--muted:#65736e;--green:#c8f45a;--green-dark:#6d9423;--card:#fff;--line:#e4e9e6;--navy:#10211c;--red:#c53939;--shadow:0 12px 32px rgba(18,38,29,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 84% 0%,#e8f0e7 0,transparent 34%),var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,Arial,sans-serif;font-size:15px}.top{height:70px;background:rgba(16,33,28,.97);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1160px)/2),22px);position:sticky;top:0;z-index:4;box-shadow:0 5px 24px #10211c20;backdrop-filter:blur(12px)}.brand{color:#fff;text-decoration:none;font:800 22px Manrope,sans-serif;letter-spacing:-.8px}.ball{color:var(--green);font-size:14px;margin-right:8px}.top nav{display:flex;align-items:center;gap:22px}.top nav a,.navbtn{color:#d5e0db;text-decoration:none;background:none;border:0;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.top nav a:hover,.navbtn:hover{color:var(--green)}.top nav .navjoin{background:var(--green);color:#172212;padding:11px 16px;border-radius:10px}.inline{display:inline-flex;gap:6px;align-items:center}.wrap{max-width:1160px;margin:0 auto;padding:30px 22px 68px}.hero{background:linear-gradient(112deg,#10211c 0%,#18362b 68%,#204430 100%);color:#fff;border-radius:26px;min-height:360px;padding:48px 58px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 48px #10211c24}.hero:after{content:"";position:absolute;width:410px;height:410px;border:1px solid #ffffff18;border-radius:50%;right:100px;top:-165px;box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff06;pointer-events:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.65px;color:var(--green-dark);text-transform:uppercase}.hero .eyebrow{color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(38px,6vw,64px)/1.02 Manrope,sans-serif;letter-spacing:-3px;margin:17px 0}.hero em{color:var(--green);font-style:normal}.hero p{color:#c2d0c9;max-width:440px;line-height:1.65;margin-bottom:23px}.hero-ball{width:205px;height:205px;border:1px solid #ffffff39;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 0 0 18px #ffffff08,0 0 0 19px #ffffff20;flex:0 0 auto;margin-right:38px;position:relative;z-index:1}.hero-ball div{font:800 56px Manrope;letter-spacing:-5px}.hero-ball div span{color:var(--green);padding:0 4px}.hero-ball small{color:#b4c2bb;text-transform:uppercase;letter-spacing:2px}.primary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;background:var(--green);color:#172212;padding:12px 18px;text-decoration:none;font:800 14px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}.primary:hover{background:#b9ea43;transform:translateY(-1px);box-shadow:0 6px 18px #c8f45a38}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.big{padding:14px 20px}.full{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:25px;box-shadow:var(--shadow)}.week{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;border-left:5px solid var(--green-dark);scroll-margin-top:90px}.week h2{font:800 26px Manrope;margin:8px 0}.muted{color:var(--muted);line-height:1.6}.deadline{background:#eff7df;border:1px solid #dfedc4;border-radius:15px;padding:17px 21px;display:flex;gap:13px;align-items:center;color:#45572b;flex:0 0 auto}.deadline strong{font:800 42px Manrope;color:#71952d}.deadline span{font-size:12px;line-height:1.4;font-weight:700}.statsline{display:flex;gap:12px;flex-wrap:wrap;color:#4e5c56;font-size:13px;margin:16px 0}.statsline span,.statusbox{background:#f1f5f1;padding:9px 12px;border-radius:9px}.statusbox{display:inline-block}.ghost{background:#fff;border:1px solid #d5ded8;padding:10px 14px;border-radius:9px;color:#47564e;font-weight:700;cursor:pointer}.ghost:hover{border-color:#91ad75}.section{margin-top:40px}.heading{margin:25px 0}.heading h1{font:800 36px Manrope;letter-spacing:-1.4px;margin:8px 0}.heading p{color:var(--muted)}.compact{margin-bottom:16px}.compact h2{font:800 27px Manrope;margin:7px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.feature{text-decoration:none;color:var(--ink);transition:transform .16s,border-color .16s}.feature:hover{transform:translateY(-3px);border-color:#bdd993}.feature>span{font-size:25px}.feature h3{margin:12px 0 5px}.feature p,.rule p{color:var(--muted);line-height:1.6;margin-bottom:12px}.feature b{font-size:13px;color:#648b1f}.callout{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.callout p{margin:0;color:var(--muted)}.auth{max-width:470px;margin:35px auto;padding:36px}.auth h1{font:800 34px Manrope;margin:8px 0}.auth label,.formgrid label,.selectrow label,.scoreinputs label{display:block;font-size:13px;font-weight:700;margin:14px 0;color:#34463d}.auth input,.formgrid input,.formgrid textarea,.formgrid select,.selectrow select,.scoreinputs input,.tablewrap input,.tablewrap select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8e0db;border-radius:9px;font:500 14px 'DM Sans',Arial,sans-serif;background:#fff;color:var(--ink);min-height:44px}.auth input:focus,.formgrid input:focus,.formgrid textarea:focus,.formgrid select:focus{outline:3px solid #c8f45a65;border-color:#93b85a}.auth button{margin-top:10px}.center{text-align:center;font-size:13px;margin:20px 0 0}.center a{color:#658d20;font-weight:700}.notice{padding:14px 17px;border-radius:11px;margin-bottom:17px;background:#e9f5d8;color:#3d5b18;font-weight:700;border:1px solid #d6e9bb}.notice.bad{background:#fff0ed;color:#992e25;border-color:#f3d0ca}.tablewrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:690px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f2;vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#738078}td small{display:block;color:#89939e;margin-top:3px}.pill{display:inline-block;border-radius:30px;background:#eef2ef;padding:6px 10px;font-size:11px}.adminnav{display:flex;gap:9px;overflow:auto;margin:0 0 18px;position:sticky;top:78px;z-index:2;padding:4px 0;background:var(--bg)}.adminnav a{background:#e6ece7;color:#45554b;text-decoration:none;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap}.adminnav a:hover{background:#e5f4cb}.card h2{font:800 21px Manrope;letter-spacing:-.45px;margin-bottom:16px}.card h3{font:800 16px Manrope}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 14px;align-items:end}.formgrid label{margin:6px 0}.formgrid .wide{grid-column:span 2}.formgrid button{justify-self:start;margin-top:12px}.selectrow{display:flex;gap:15px;align-items:center}.selectrow label{min-width:270px}.miniform{display:flex;gap:5px;min-width:160px}.miniform input{min-width:90px;width:94px}.small{background:var(--navy);color:#fff;border:0;border-radius:7px;padding:9px 10px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.small.ghost{background:white;color:#475467;border:1px solid #d8dfe5}.actions{margin:18px 0}.teamgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.team{padding:19px;background:#f2f7e9;border:1px solid #e4edda;border-radius:15px}.team h3{margin:0 0 12px}.team div{padding:8px 0;border-top:1px solid #e1e8d7;font-size:13px}.team div span{float:right}.metrics{display:flex;gap:12px;flex-wrap:wrap}.metrics div{flex:1;min-width:130px;border-radius:13px;background:#f3f6f4;padding:16px}.metrics span{display:block;color:#758078;font-size:12px;margin-bottom:8px}.metrics strong{font:800 23px Manrope}.check{display:inline-flex!important;align-items:center;gap:4px;margin:0 8px 0 0!important;font-size:11px!important}.check input{width:auto!important;min-height:0!important;margin:0!important}.narrow{min-width:55px!important;width:58px!important}.scoreinputs{display:flex;gap:12px}.scoreinputs label{width:140px}details{padding:16px 0}summary{cursor:pointer;font-weight:800;margin-bottom:15px}.rule h3{margin-bottom:9px}.rule{min-height:145px}.tablewrap .narrow{padding:8px}.auth form{margin-top:22px}.avatar{display:inline-flex;align-items:center;justify-content:center;object-fit:cover;border-radius:50%;background:#e7f1d8;color:#54751b;vertical-align:middle;flex:0 0 auto}.avatar.xs{width:36px;height:36px;font-size:13px;font-weight:800}.avatar.sm{width:34px;height:34px;margin-right:8px}.avatar.xl{width:108px;height:108px;font-size:40px;border:4px solid #f0f5e8}.profile-card{max-width:720px}.profile-top{display:flex;align-items:center;gap:20px;padding:8px 0 22px;border-bottom:1px solid var(--line)}.profile-top h2{margin:0 0 4px}.profile-top p{margin:0 0 9px}.photo-form{max-width:460px;padding-top:18px}.photo-form label{display:block;font-weight:800;font-size:13px}.photo-form input[type=file]{display:block;width:100%;margin-top:9px;padding:12px;border:1px dashed #b8c1ca;border-radius:9px;background:#fafbfc}.team-player{display:flex!important;align-items:center;gap:9px;min-height:48px}.team-player small{display:block;color:#74806b;font-size:11px}.team-player .avatar{border:1px solid #dce5cf}.tablewrap td .avatar{margin-right:8px}
.attendance-card{margin-top:14px;scroll-margin-top:90px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.section-title h2{margin:6px 0 0}.list-count{border-radius:30px;background:#e9f4d9;color:#47671c;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.attendance-group h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14px}.attendance-group h3 span{color:#748278;font-size:12px}.attendee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:9px}.attendee{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;background:#f7f9f7;border:1px solid #edf0ed;border-radius:12px;padding:10px 12px;min-width:0}.attendee-avatar{width:42px;height:42px;grid-row:span 2;font-size:15px;font-weight:800}.attendee-name{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendee-meta{font-size:11px;color:#728078}.wait-group{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.wait-group .attendee{background:#fffaf0;border-color:#f2ead8}.bola-card{margin-top:18px;padding:22px 25px;background:linear-gradient(112deg,#30251a,#493522);border-radius:19px;color:#fff;display:grid;grid-template-columns:48px minmax(0,1fr) 64px auto;align-items:center;gap:15px;box-shadow:0 12px 28px #32261b20}.bola-icon{font-size:33px}.bola-copy .eyebrow{color:#e6c785}.bola-copy h2{font:800 20px Manrope;margin:6px 0}.bola-copy p{color:#e3d7c7;margin:0;font-size:13px}.bola-avatar{width:62px;height:62px;border:2px solid #ddbd7c}.bola-name{font:800 14px Manrope;color:#f9e4b4}.empty-state{text-align:center;padding:50px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.empty-state>span{font-size:40px}.empty-state h2{font:800 22px Manrope;margin:12px 0 6px}.empty-state p{max-width:520px;margin:0 auto;color:var(--muted);line-height:1.6}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.player-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .16s,box-shadow .16s}.player-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #12261d17}.player-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#dce6df}.player-card.rank-1:before{background:linear-gradient(90deg,#b78b2e,#f0d887)}.player-card.rank-2:before{background:linear-gradient(90deg,#89949a,#dce2e5)}.player-card.rank-3:before{background:linear-gradient(90deg,#a96c43,#e5b08b)}.player-card-top{display:flex;justify-content:space-between;align-items:center;margin:5px 0 16px}.rank-number{font:800 13px Manrope;background:#eff3ef;border-radius:30px;padding:7px 10px;color:#3c5146}.rank-1 .rank-number{background:#fff4d4;color:#85631f}.stars{color:#d5a733;letter-spacing:1px;font-size:13px}.ranking-avatar{width:94px;height:94px;margin:0 auto 12px;border:4px solid #f0f5e8;font-size:32px;font-weight:800}.player-card h2{font:800 18px Manrope;margin:0 0 15px}.player-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left}.player-stats div{padding:10px 11px;background:#f5f7f5;border-radius:10px}.player-stats strong{display:block;font:800 18px Manrope}.player-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.35px}.award-editor{background:#fafbf8;border:1px solid var(--line);padding:18px;border-radius:14px;margin:18px 0}.award-editor h3{margin:0 0 12px}.award-editor p{font-size:12px;margin:8px 0 0}
footer{max-width:1160px;margin:0 auto;padding:22px 22px 36px;border-top:1px solid #dfe6e1;color:#76817b;font-size:12px}footer span{float:right}
@media(max-width:760px){.top{height:62px;padding:0 16px}.top nav{gap:12px}.top nav a,.navbtn{font-size:12px}.wrap{padding:17px 14px 42px}.hero{min-height:320px;padding:32px 26px;border-radius:21px}.hero-ball{width:110px;height:110px;margin-right:7px;box-shadow:0 0 0 10px #ffffff08,0 0 0 11px #ffffff20}.hero-ball div{font-size:31px;letter-spacing:-2px}.hero-ball small{font-size:8px}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero p{font-size:13px}.week{align-items:flex-start;padding:19px;gap:12px}.deadline{padding:10px;gap:6px}.deadline strong{font-size:29px}.deadline span{font-size:10px}.week h2{font-size:20px}.statsline{display:grid;gap:6px}.grid{grid-template-columns:1fr}.heading h1{font-size:30px}.formgrid{grid-template-columns:1fr 1fr}.formgrid .wide{grid-column:span 2}.card{padding:18px}.auth{margin:20px auto}.teamgrid{grid-template-columns:1fr 1fr}.adminnav{margin-right:-14px;top:66px}.callout{align-items:flex-start;flex-direction:column;gap:10px}.attendance-card{padding:18px}.attendee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendee{grid-template-columns:36px minmax(0,1fr);padding:9px;gap:2px 8px}.attendee-avatar{width:36px;height:36px}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-card{padding:14px}.ranking-avatar{width:72px;height:72px}.player-card h2{font-size:15px}.player-stats{gap:6px}.player-stats div{padding:8px}.player-stats strong{font-size:16px}.player-stats span{font-size:9px}.bola-card{grid-template-columns:38px minmax(0,1fr) 52px;gap:10px;padding:16px}.bola-avatar{width:50px;height:50px}.bola-name{grid-column:2/4;margin-top:-6px}.section-title{align-items:flex-start}.list-count{font-size:10px;padding:8px}.selectrow{align-items:stretch}.selectrow label{min-width:0;width:100%}footer{padding:18px 14px 28px}}
@media(max-width:430px){.hero{padding:25px 18px}.hero h1{font-size:34px}.hero-ball{display:none}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:span 1}.week{display:block}.deadline{display:inline-flex;margin-top:14px}.teamgrid{grid-template-columns:1fr}.top nav{overflow-x:auto;max-width:78vw}.top nav a{font-size:11px}.attendee-grid{grid-template-columns:1fr 1fr}.attendee{grid-template-columns:30px minmax(0,1fr);padding:8px}.attendee-avatar{width:30px;height:30px}.attendee-name{font-size:11px}.attendee-meta{font-size:10px}.ranking-grid{grid-template-columns:1fr}.player-card{padding:17px}.ranking-avatar{width:82px;height:82px}.player-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.player-stats div{text-align:center;padding:8px 4px}.player-stats strong{font-size:15px}.player-stats span{font-size:8px}.metrics div{min-width:100%;}.bola-card{grid-template-columns:34px minmax(0,1fr) 44px}.bola-avatar{width:42px;height:42px}.bola-copy h2{font-size:17px}.bola-copy p{font-size:12px}}
.award-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.award-strip-title{grid-column:1/-1;margin:4px 2px}.award-strip-title h2{font:800 22px Manrope;margin:5px 0}.award-card{display:grid;grid-template-columns:42px minmax(0,1fr) 58px;align-items:center;gap:12px;padding:17px 19px;border-radius:16px;border:1px solid #e2e9df;box-shadow:0 8px 22px #12261d0b}.best-award{background:linear-gradient(110deg,#f4f8e9,#fff);border-color:#dce9c5}.murcha-award{background:linear-gradient(110deg,#f8f0e6,#fff);border-color:#eadac4}.award-symbol{font-size:28px}.award-copy .eyebrow{font-size:9px}.award-copy h3{font:800 17px Manrope;margin:5px 0}.award-copy p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.award-avatar{width:56px;height:56px;border:2px solid #fff;font-weight:800}@media(max-width:760px){.award-strip{grid-template-columns:1fr}.award-strip-title{grid-column:auto}.award-card{padding:14px}.award-avatar{width:48px;height:48px}}