:root{--green:#132c22;--green2:#1e4a38;--gold:#c89b47;--cream:#f5f1e8;--ink:#19211d;--muted:#67716b;--line:#dedbd3;--white:#fff;--danger:#a23b32}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif}.topbar{background:var(--green);color:white;min-height:88px;padding:18px max(20px,calc((100vw - 980px)/2));display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 16px #0003}.brand{font:800 25px/1 Georgia,serif;letter-spacing:.08em}.brand span{color:var(--gold);font:700 13px/1 Segoe UI,sans-serif;letter-spacing:.16em}.circuit{font-size:13px;color:#d7ded9;margin-top:7px}.status{display:flex;gap:8px;align-items:center;border:1px solid #ffffff33;border-radius:999px;padding:8px 12px;font-size:13px}.status i{display:block;width:9px;height:9px;border-radius:50%;background:#e7a730}.status.live i{background:#58c279;box-shadow:0 0 0 4px #58c27922}.status.offline i{background:#e16c60}main{max-width:980px;margin:auto;padding:22px 18px 50px}.hero{background:linear-gradient(135deg,var(--green2),var(--green));border-radius:17px;color:white;text-align:center;padding:20px;box-shadow:0 8px 24px #152d231c}.hero p{margin:0;color:#cfdbd4;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.hero strong{display:block;font:700 52px/1.15 Georgia,serif;color:var(--gold);margin:5px}.hero span{font-size:14px}.live-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:10px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 12px;text-align:center}.stat b{display:block;color:var(--green);font:700 18px Georgia,serif}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.stat.highlight{background:#fffaf0;border-color:#dec792}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#e7e2d8;border-radius:12px;padding:5px;margin:20px 0}.tabs button{border:0;background:none;border-radius:9px;padding:12px 4px;color:var(--muted);font-weight:650;cursor:pointer}.tabs button.active{background:white;color:var(--green);box-shadow:0 2px 7px #00000012}.panel{display:none}.panel.active{display:block}.section-title{display:flex;align-items:end;justify-content:space-between;margin:8px 2px 12px}.section-title h1{font:700 25px Georgia,serif;margin:0}.section-title h1 small{font:500 13px Segoe UI,sans-serif;color:var(--muted)}.section-title span{font-size:12px;color:var(--muted)}.search{height:44px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 13px;margin:0 0 12px;color:var(--muted)}.search span{font-size:22px;margin-right:8px}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:var(--ink)}.cards{display:grid;gap:9px}.turn-card,.result-card{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 15px;display:grid;align-items:center;box-shadow:0 2px 7px #132c2209}.turn-card{grid-template-columns:54px 1fr auto}.turn-card.current{border:2px solid var(--gold);background:#fffdf8}.turn-no{font:700 24px Georgia,serif;color:var(--gold)}.names{font-weight:650;line-height:1.35}.names small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.handicap{font-weight:500;color:var(--gold);font-size:.9em}.tag{font-size:12px;background:#edf2ef;color:var(--green2);border-radius:999px;padding:6px 9px}.result-card{grid-template-columns:58px 1fr auto;grid-template-areas:"place names score" "detail detail detail"}.result-card.classifies{border-left:4px solid var(--gold)}.place{grid-area:place;font:700 19px Georgia,serif;color:var(--gold)}.result-card>.names{grid-area:names}.score{grid-area:score;text-align:right;font-weight:750;font-size:18px}.score small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.tie-detail{grid-area:detail;border-top:1px solid #eee9df;margin-top:11px;padding-top:9px;display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:11px}.criterion{background:#f3f1eb;border-radius:6px;padding:5px 7px}.qualifier{background:#fff4d9;color:#6c501b}.round-summary{background:#e9efeb;color:var(--green2);border-radius:10px;padding:10px 13px;margin-bottom:11px;font-size:13px}.results-head{display:grid;grid-template-columns:1fr auto;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:0 12px 8px}.empty{border:1px dashed #c7c2b8;color:var(--muted);border-radius:12px;text-align:center;padding:40px 15px;background:#ffffff70}.share-card{max-width:560px;margin:28px auto;background:white;border:1px solid var(--line);border-radius:17px;padding:30px;text-align:center;box-shadow:0 8px 24px #132c220f}.share-mark{display:grid;place-items:center;margin:auto;width:82px;height:82px;background:var(--green);color:var(--gold);border-radius:50%;font:700 17px Georgia,serif}.share-card h1{font:700 27px Georgia,serif}.share-card p{color:var(--muted);line-height:1.55}.share-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#faf9f6;text-align:center}.share-card button{margin-top:12px;background:var(--green);color:white;border:0;border-radius:9px;padding:12px 22px;font-weight:700;cursor:pointer}.share-card small{display:block;height:20px;color:var(--green2);margin-top:8px}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}@media(max-width:540px){.topbar{min-height:76px;padding:15px 17px}.status span{display:none}.status{padding:8px}.hero strong{font-size:43px}main{padding:16px 12px 35px}.turn-card{grid-template-columns:46px 1fr}.turn-card .tag{display:none}.result-card{grid-template-columns:43px 1fr auto}.names{font-size:14px}.tie-detail{font-size:10px}.share-card{padding:24px 18px}}
