/* cørt. play — app-18: accounts, games, the TV (7 Oct 2026) */
.m18door .cpdoor.cpmain{min-height:92px}
.m18more{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.m18more summary{cursor:pointer;color:var(--dim);font-weight:700}
.m18links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}
.m18two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.m18two{grid-template-columns:1fr}}
.m18un{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(255,230,0,.14),rgba(255,230,0,.02));border:1px solid rgba(255,230,0,.35)}
.m18un small{color:var(--dim);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.m18un b{font-size:1.6rem;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums}
.m18un span{color:var(--dim);font-size:.85rem}
.m18tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:rgba(255,230,0,.12);color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.05em}
.m18ok{color:#7be38a;font-weight:700}.m18warn{color:#ffb347;font-weight:700}
.m18welcome{display:flex;align-items:center;gap:14px;justify-content:space-between;border-color:rgba(255,230,0,.45)}
.m18welcome small{display:block;color:var(--dim);font-weight:700}.m18welcome b{display:block;font-size:1.15rem;margin:2px 0}.m18welcome span{display:block;color:var(--dim);font-size:.9rem}
.m18acct-top small{display:block;color:var(--dim);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.m18acct-top b{display:block;font-size:1.5rem;letter-spacing:.06em;color:var(--accent)}.m18acct-top span{color:var(--dim)}
.m18row{margin-top:14px}.m18row .row{gap:8px;flex-wrap:wrap;align-items:center}.m18row input{flex:1;min-width:160px}
.m18game{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.m18game small{display:block;color:var(--dim);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-variant-numeric:tabular-nums}
.m18game b{display:block;font-size:1.35rem;line-height:1.2}
.m18edit{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:12px}
.m18share{display:flex;gap:16px;align-items:center;margin-top:6px}
.m18share .row{gap:8px}.m18share input{flex:1;min-width:0}
.m18qr{flex:0 0 112px;background:#fff;border-radius:10px;padding:6px}.m18qr svg{display:block;width:100%;height:auto}
@media(max-width:560px){.m18share{flex-direction:column;align-items:stretch}.m18qr{flex-basis:auto;width:150px;margin:0 auto}}
.card.m18tv{border-color:rgba(255,230,0,.35)}
.card.m18tv .tvexpl{font-size:.85rem}
.m18joincard small,.m18joined small{color:var(--dim);font-weight:800;letter-spacing:.1em;font-size:.75rem}
.m18joincard h1,.m18joined h1{margin:6px 0 8px;font-size:1.8rem}
.m18sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.m18sides button{padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-weight:800;font-size:1.05rem;cursor:pointer}
.m18sides button.on{border-color:var(--accent);background:rgba(255,230,0,.12);color:var(--accent)}
/* the TV */
#tv{background:radial-gradient(120% 90% at 0% 0%,#1a1704 0%,#050505 45%,#000 100%)}
#tv .tvhead{align-items:center}
#tv .tvclub{font-size:3.4vmin}
#tv .tvpanel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-color:#262626;box-shadow:0 1vmin 4vmin rgba(0,0,0,.45)}
#tv .tvcourt{background:linear-gradient(180deg,#1b1b1b,#141414);border:1px solid #232323}
#tv .tvcourt.in{border-color:rgba(255,230,0,.45);box-shadow:inset 0 0 0 1px rgba(255,230,0,.15)}
.m18tvvs{display:flex;align-items:center;justify-content:center;gap:3vmin;flex-shrink:0;padding:1.2vmin 2vmin;border-radius:1.6vmin;background:linear-gradient(90deg,rgba(255,230,0,.16),rgba(255,255,255,.02) 50%,rgba(77,208,255,.16))}
.m18tvvs .m18s{display:flex;align-items:center;gap:2vmin;font-weight:900}
.m18tvvs .m18s span{font-size:3.6vmin;letter-spacing:.04em}
.m18tvvs .m18s b{font-size:6vmin;font-variant-numeric:tabular-nums;line-height:1}
.m18tvvs .m18s.a b{color:var(--accent)}.m18tvvs .m18s.b b{color:#4dd0ff}
.m18tvvs .m18s.lead span{text-decoration:underline;text-decoration-thickness:.4vmin;text-underline-offset:.8vmin}
.m18tvvs .m18v{font-size:2.4vmin;color:var(--dim);font-weight:900;letter-spacing:.2em;text-transform:uppercase}
#tv .m18st{display:block;font-size:1.3vmin;letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin-bottom:.3vmin}
#tv .m18st.a{color:var(--accent)}#tv .m18st.b{color:#4dd0ff}

/* 7 Oct — name boxes in the cørt look: the player lists were bare white textareas (style.css only styles inputs) */
textarea[id^=vsP_],#pname,input[id^=vsName_]{
  font:inherit;color:var(--ink);background:var(--panel2);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;min-height:58px;padding:16px 18px;font-size:1.08rem;font-weight:600;line-height:1.35;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;-webkit-appearance:none;appearance:none}
textarea[id^=vsP_]{width:100%;display:block;resize:vertical;field-sizing:content;max-height:220px}
textarea[id^=vsP_]::placeholder,#pname::placeholder{color:var(--dim);opacity:1;font-weight:500}
input[id^=vsName_]{font-weight:800;font-size:1.15rem;letter-spacing:.01em}
.row:has(> textarea[id^=vsP_]),.row:has(> #pname){align-items:stretch;gap:10px}
.row:has(> textarea[id^=vsP_]) > .btn,.row:has(> #pname) > .btn{min-height:58px;padding:0 24px;font-size:1rem;border-radius:14px;align-self:flex-start}
@media (max-width:560px){
  .row:has(> textarea[id^=vsP_]) > textarea{flex:1 1 100%}
  .row:has(> textarea[id^=vsP_]) > .btn{flex:1 1 100%;align-self:stretch}
}

/* 7 Oct — phone, email and PIN boxes in the cørt look: style.css only styled text/number/date/time,
   so tel/email/password/url/search showed as white browser boxes (Brent: club phone, 09:59) */
input[type=tel],input[type=email],input[type=password],input[type=url],input[type=search]{
  width:100%;font:inherit;color:var(--ink);background:var(--panel2);border:1px solid var(--line);
  border-radius:10px;padding:11px 13px;font-size:.95rem;font-weight:600;outline:none;-webkit-appearance:none;appearance:none}
input[type=tel]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:var(--dim);opacity:1;font-weight:500}
input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 40px var(--panel2) inset;caret-color:var(--ink)}