:root{--navy:#071b22;--green:#174f3a;--lime:#c8db69;--sand:#f3efe5;--white:#fff;--muted:#718078}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f5ef;color:#10231e}header{height:72px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2));position:sticky;top:0;z-index:5}.brand{color:white;text-decoration:none;display:grid;grid-template-columns:38px auto;line-height:1}.brand span{grid-row:1/3;font-size:28px}.brand b{letter-spacing:2px}.brand small{color:var(--lime);letter-spacing:2.5px;font-size:10px;margin-top:5px}.user{font-size:13px}.user a{color:var(--lime)}main{max-width:1100px;margin:auto;padding:26px 20px 70px}.hero{min-height:250px;border-radius:26px;padding:38px;background:linear-gradient(135deg,#0b2b25,#176148);color:white;display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:0 18px 45px #0b2b2525}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--lime)}h1{font-size:48px;margin:8px 0}h1 em{color:var(--lime);font-style:normal}.hero p,.round-hero p{color:#d9e4dc}.ball{font-size:100px;opacity:.9}.section-title{font-size:22px;margin:30px 0 14px}.rounds{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.round-card{background:white;border-radius:15px;padding:16px;text-decoration:none;color:inherit;border:1px solid #e3e7df;transition:.15s}.round-card:hover{transform:translateY(-2px);border-color:var(--green)}.round-card span{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase}.round-card b,.round-card small{display:block}.round-card b{margin:7px 0}.round-card small{color:var(--muted);font-size:11px}.title-row{display:flex;align-items:center;justify-content:space-between}.pill{background:#e3eadb;border-radius:20px;padding:6px 10px;font-size:12px}.table-wrap{background:white;border-radius:18px;overflow:auto;border:1px solid #e3e7df}table{border-collapse:collapse;width:100%}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf0eb}th{font-size:11px;text-transform:uppercase;color:#66756e;background:#f8faf7}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.pos{font-weight:800;color:var(--green)}.points{font-size:20px;font-weight:900}.round-hero{background:var(--green);color:white;border-radius:22px;padding:28px;margin-bottom:16px}.round-hero a{color:var(--lime);text-decoration:none}.round-hero h1{margin-bottom:0}.score-list{background:white;border-radius:18px;overflow:hidden}.score-row{display:grid;grid-template-columns:1fr 90px 58px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf0eb}.score-row small{display:block;color:var(--muted);font-size:11px}.score-input{display:flex;align-items:center;gap:5px}.score-input input{width:60px;font-size:20px;font-weight:800;text-align:center;padding:8px;border:1px solid #cbd5ce;border-radius:10px}.adjust{font-weight:900;text-align:center;border-radius:10px;padding:8px;background:#edf0eb}.adjust.cut{background:#dff0df;color:#17633d}.adjust.plus{background:#fff0d9;color:#9a5814}.savebar{position:sticky;bottom:12px;padding:14px 0}.savebar button,.login-card button{width:100%;border:0;border-radius:12px;padding:14px;background:var(--lime);color:var(--navy);font-weight:900;font-size:16px}.readonly{text-align:center;color:var(--muted)}.login-card{max-width:420px;margin:8vh auto;background:white;padding:34px;border-radius:24px;box-shadow:0 20px 50px #0b2b2520}.login-card h1{font-size:36px;margin:4px 0}.login-card h2{margin:0;color:var(--green)}.hero-mark{font-size:54px}.login-card label{display:block;font-size:12px;font-weight:800;margin:16px 0 6px}.login-card input{width:100%;padding:13px;border:1px solid #ccd5ce;border-radius:10px;font-size:16px}.login-card button{margin-top:20px}.error{background:#ffe5e0;padding:10px;border-radius:8px;margin:10px 0}footer{text-align:center;color:#718078;font-size:12px;padding:25px}@media(max-width:760px){header{height:62px;padding:0 14px}.user{font-size:0}.user a{font-size:12px}.brand{transform:scale(.9);transform-origin:left}main{padding:14px 12px 65px}.hero{min-height:190px;padding:25px;border-radius:20px}.hero h1{font-size:38px}.ball{font-size:55px}.rounds{display:flex;overflow-x:auto;padding-bottom:6px}.round-card{min-width:155px}.table-wrap{margin:0 -2px}th,td{padding:12px 9px}th:nth-child(3),td:nth-child(3){display:none}.round-hero{padding:22px 18px}.round-hero h1{font-size:36px}.score-row{grid-template-columns:1fr 82px 48px;padding:11px 12px}}
/* Round travel and buggy information */
.round-meta {
    display: grid;
    gap: 3px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #edf0eb;
}

.round-meta small {
    color: #40534a;
}

.travel-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.travel-details > div {
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
}

.travel-details span,
.travel-details strong {
    display: block;
}

.travel-details span {
    margin-bottom: 4px;
    color: #c8db69;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.travel-details strong {
    font-size: 13px;
}

@media (max-width: 760px) {
    .travel-details {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}

/* Turkey Tour 2026 banner */
.brand { grid-template-columns: 42px auto; align-items: center; gap: 10px; }
.brand img { width: 38px; height: 25px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,.22); }
.brand > span { display: flex; flex-direction: column; }
.hero-copy { position: relative; z-index: 2; }
.hero-flag { width: 210px; max-width: 34%; border-radius: 14px; box-shadow: 0 15px 35px rgba(0,0,0,.28); transform: rotate(2deg); }
.rounds { grid-template-columns: repeat(3, 1fr); }
@media (max-width:760px) {
    .hero-flag { width: 105px; max-width: 31%; border-radius: 9px; }
    .brand { transform: none; }
    .brand img { width: 31px; height: 21px; }
    .brand b { font-size: 12px; }
    .brand small { font-size: 8px; }
}


/* Clean responsive Turkey Tour header */
header { min-height: 76px; height: auto; padding-top: 10px; padding-bottom: 10px; }
.brand { display:flex; align-items:center; gap:13px; min-width:0; color:var(--white); line-height:1; text-decoration:none; transform:none; }
.brand-flag { display:block; flex:0 0 auto; width:48px; height:32px; object-fit:cover; border-radius:4px; box-shadow:0 0 0 1px rgba(255,255,255,.28); }
.brand-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; }
.brand-title { display:block; white-space:nowrap; color:var(--white); font-size:20px; font-weight:900; letter-spacing:1.8px; line-height:1.05; }
.brand-subtitle { display:block; margin-top:5px; white-space:nowrap; color:var(--lime); font-size:10px; font-weight:800; letter-spacing:2.4px; line-height:1; }
@media(max-width:760px) { header { min-height:70px; height:auto; padding:9px 14px; } .brand { gap:10px; transform:none; } .brand-flag { width:42px; height:28px; } .brand-title { font-size:17px; letter-spacing:1.3px; } .brand-subtitle { margin-top:4px; font-size:8px; letter-spacing:1.8px; } }
@media(max-width:380px) { .brand-flag { width:36px; height:24px; } .brand-title { font-size:15px; } .brand-subtitle { font-size:7px; letter-spacing:1.4px; } }


/* Leaderboard sorting */

.leaderboard-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sort-form {
    display: flex;
    align-items: center;
    gap: 7px;
}

.sort-form label {
    font-size: 12px;
    font-weight: 800;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .6px;
}

.sort-form select {
    min-height: 38px;
    padding: 7px 32px 7px 10px;
    border: 1px solid #d8dfdf;
    border-radius: 9px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
    font-weight: 700;
}

@media (max-width: 620px) {
    .leaderboard-title-row {
        align-items: flex-start;
        gap: 10px;
    }

    .leaderboard-controls {
        align-items: flex-end;
        flex-direction: column;
        gap: 7px;
    }

    .sort-form label {
        display: none;
    }

    .sort-form select {
        max-width: 185px;
        font-size: 13px;
    }
}