:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background:#06171b; color:#f9edc5; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% -20%,#184852 0,#082429 42%,#041317 100%); }
button, input, select, textarea { font:inherit; } .shell { width:min(100%,680px); margin:auto; padding:18px 14px 36px; }
.hero { display:flex; align-items:center; gap:11px; padding:9px 3px 17px; } .brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid #d7a944; border-radius:13px; background:#102f34; font-size:25px; }
h1,h2,h3,p { margin:0; } h1,h2,h3 { font-family:Georgia,serif; } h1 { font-size:26px; } h2 { font-size:23px; } h3 { font-size:18px; }
.eyebrow { color:#e6bc59; font-size:10px; font-weight:800; letter-spacing:1.6px; } nav { display:flex; gap:7px; padding:5px; background:#071e23; border:1px solid #325a57; border-radius:15px; margin-bottom:15px; }
.nav { flex:1; border:0; padding:10px; color:#e4e9d0; background:transparent; border-radius:11px; font-weight:800; cursor:pointer; }.nav.active,.gold { color:#132022; background:linear-gradient(135deg,#ffe79a,#ce9435); }
.card { background:linear-gradient(135deg,#0d353a,#092428); border:1px solid #496b60; border-radius:18px; padding:15px; margin:12px 0; box-shadow:0 10px 30px #0004; }.card-head { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.status { border:1px solid #6b9b8e; padding:5px 8px; border-radius:20px; color:#b5e6d6; white-space:nowrap; font-size:11px; font-weight:800; }.meta { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }.meta span { color:#b9d5d0; border:1px solid #315957; border-radius:9px; padding:6px 8px; font-size:12px; }
.warning { margin:12px 0; padding:12px; border:1px solid #b88a35; background:#3b2f18; border-radius:12px; color:#ffe6a0; font-size:13px; line-height:1.4; }.muted { color:#a9c3bd; font-size:13px; line-height:1.45; margin-top:9px; }
.actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }.actions button { flex:1; min-width:145px; padding:11px; border:1px solid #6e9a8a; background:#11363a; color:#fff0c6; border-radius:11px; font-weight:800; cursor:pointer; }.actions .danger { border-color:#c47161; color:#ffc4b8; }.actions button:disabled { opacity:.46; cursor:not-allowed; }
label { display:grid; gap:6px; color:#d9e3d6; font-weight:700; font-size:13px; margin-top:11px; } input,select,textarea { width:100%; border:1px solid #567b6f; background:#061c20; border-radius:10px; padding:10px; color:#f6edcb; } textarea { min-height:80px; resize:vertical; }.grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.check { display:flex; gap:8px; align-items:center; font-size:13px; }.check input { width:auto; }.invite { overflow-wrap:anywhere; color:#a9ded0; font-size:12px; border:1px dashed #4e7c70; padding:9px; border-radius:9px; margin-top:10px; }
.schedule { display:grid; gap:7px; margin-top:10px; }.schedule div { display:flex; justify-content:space-between; gap:10px; color:#c8dad1; font-size:12px; border-bottom:1px solid #264b4a; padding-bottom:7px; }.notice { background:#f3cb6b; color:#182225; border-radius:11px; padding:10px; margin-bottom:12px; font-weight:700; font-size:13px; }.loading { color:#a7c4bc; text-align:center; padding:36px; }.bracket-list { display:grid; gap:11px; margin-top:12px; }.bracket-group { display:grid; gap:6px; }.bracket-group > b { color:#f3d47b; font-size:13px; }.bracket-card { display:grid; gap:3px; width:100%; border:1px solid #54796f; border-radius:11px; padding:10px; color:#f5ecd0; background:#061d21; text-align:left; cursor:pointer; }.bracket-card small { color:#9ebbb3; font-size:10px; }.bracket-card span { overflow:hidden; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.bracket-card:hover { border-color:#f0ca70; background:#103238; }.bracket-card:disabled { opacity:.58; cursor:default; } @media(max-width:420px){.grid{grid-template-columns:1fr}.shell{padding-inline:10px}}