@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,900;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap');
/* Shared brand kit for the Cheeky Tuesdays app pages */
:root{
  --green-950:#08170f; --green-900:#0c2417; --green-800:#123722;
  --green-700:#1a4d30; --gold:#c9a227; --gold-light:#e8c95a;
  --cream:#f5f0e3; --cream-dim:#d8d2c0; --ink:#0b1f14;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  background:
    radial-gradient(ellipse 80% 50% at 50% -5%,rgba(201,162,39,.12),transparent 60%),
    var(--green-950);
  color:var(--cream);line-height:1.6;min-height:100vh;
}
nav{
  position:sticky;top:0;z-index:100;display:flex;align-items:center;
  justify-content:space-between;padding:14px 28px;
  background:rgba(8,23,15,.9);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,162,39,.25);
}
nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream)}
nav .brand svg{width:34px;height:34px}
nav .brand span{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:.1em;font-size:.85rem}
nav .links{display:flex;gap:20px;flex-wrap:wrap}
nav .links a{color:var(--cream-dim);text-decoration:none;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;transition:color .2s}
nav .links a:hover,nav .links a.active{color:var(--gold-light)}
main{max-width:860px;margin:0 auto;padding:48px 20px 80px}
.kicker{text-align:center;color:var(--gold);letter-spacing:.4em;font-size:.7rem;text-transform:uppercase;margin-bottom:10px}
h1{font-family:'Playfair Display',Georgia,serif;text-align:center;font-size:clamp(1.7rem,5vw,2.5rem);margin-bottom:10px}
.lede{text-align:center;max-width:560px;margin:0 auto 36px;color:var(--cream-dim);font-size:.95rem}
.divider{width:64px;height:2px;background:var(--gold);margin:0 auto 20px;position:relative}
.divider::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 4px var(--green-950),0 0 0 5px var(--gold)}
.card{
  background:linear-gradient(160deg,rgba(26,77,48,.45),rgba(12,36,23,.85));
  border:1px solid rgba(201,162,39,.25);padding:30px 28px;margin-bottom:20px;
}
label{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);margin:16px 0 6px}
input,select{
  width:100%;padding:12px 14px;font-size:1rem;color:var(--cream);
  background:rgba(8,23,15,.7);border:1px solid rgba(201,162,39,.3);outline:none;
  transition:border-color .2s;border-radius:0;-webkit-appearance:none;appearance:none;
}
select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
input:focus,select:focus{border-color:var(--gold)}
input::placeholder{color:rgba(216,210,192,.4)}
.btn{
  display:inline-block;width:100%;padding:15px;margin-top:26px;cursor:pointer;
  border:none;font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--ink);
  transition:transform .2s,box-shadow .2s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(201,162,39,.4)}
.btn:disabled{opacity:.5;cursor:wait;transform:none}
.notice{
  border-left:3px solid var(--gold);background:rgba(201,162,39,.08);
  padding:16px 20px;font-size:.87rem;color:var(--cream-dim);margin-bottom:24px;
}
.msg{text-align:center;padding:14px;margin-top:18px;font-size:.95rem;display:none}
.msg.ok{display:block;background:rgba(34,100,64,.35);border:1px solid #2f7a4d;color:#bfe8cd}
.msg.err{display:block;background:rgba(120,40,30,.3);border:1px solid #a05040;color:#f0c8c0}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);
  text-align:left;padding:10px 12px;border-bottom:1px solid rgba(201,162,39,.35)}
td{padding:11px 12px;border-bottom:1px solid rgba(201,162,39,.12);color:var(--cream-dim)}
tr.lead td{color:var(--cream);font-weight:700;background:linear-gradient(90deg,rgba(201,162,39,.14),transparent)}
.num-cell{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-weight:700}
.pill{display:inline-block;padding:2px 10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(201,162,39,.4);color:var(--gold-light)}
h2.sub{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;color:var(--gold-light);margin:36px 0 12px;letter-spacing:.04em}
details{border:1px solid rgba(201,162,39,.2);margin-bottom:10px;background:rgba(12,36,23,.6)}
summary{cursor:pointer;padding:14px 18px;font-family:'Playfair Display',Georgia,serif;color:var(--cream);list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::-webkit-details-marker{display:none}
summary .arrow{color:var(--gold);transition:transform .2s}
details[open] summary .arrow{transform:rotate(90deg)}
details .inner{padding:0 18px 16px}
.player-block{border:1px solid rgba(201,162,39,.18);padding:18px 20px;margin-top:18px;background:rgba(8,23,15,.4)}
.player-block h3{font-family:'Playfair Display',Georgia,serif;font-size:1rem;color:var(--gold-light);margin-bottom:4px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.check{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.85rem;color:var(--cream-dim)}
.check input{width:auto;accent-color:var(--gold)}
footer{padding:34px 20px;text-align:center;border-top:1px solid rgba(201,162,39,.2);
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(216,210,192,.4)}
.loading{text-align:center;color:var(--cream-dim);padding:40px 0;font-style:italic;font-family:'Playfair Display',Georgia,serif}