*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:#111827}header{background:#111827;color:#fff;padding:22px 18px;text-align:center}.brand{font-size:24px;font-weight:900}.hero,.panel,.games,nav{max-width:760px;margin:auto}.hero{padding:22px 18px}.hero h1{margin:0 0 7px;font-size:27px}.hero p{margin:0;color:#4b5563}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px}.game{background:#fff;border-radius:16px;padding:15px;box-shadow:0 2px 10px #00000010}.game h3{margin:0}.date{font-weight:800}.count{font-size:25px;font-weight:900;margin-top:8px}.spots{color:#047857;font-weight:700}.full{color:#b91c1c!important}.waiting{color:#6d28d9;font-weight:700}.game button{width:100%;border:0;border-radius:10px;padding:10px;margin-top:11px;font-weight:800;background:#111827;color:#fff}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 12px 14px}.tabs button{border:0;background:#e5e7eb;padding:11px 4px;border-radius:10px;font-weight:800}.tabs button.active{background:#111827;color:#fff}.panel{background:#fff;margin:0 12px 16px;padding:20px;border-radius:16px;box-shadow:0 2px 10px #00000010}.panel h2{margin-top:0}label{display:block;font-weight:750;margin:13px 0 6px}input,select,textarea{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;background:#fff}textarea{min-height:120px}.primary,.danger{width:100%;margin-top:18px;border:0;border-radius:10px;padding:14px;font-size:16px;font-weight:850}.primary{background:#111827;color:#fff}.danger{background:#b91c1c;color:#fff}.note{font-size:13px;color:#6b7280}.availability{margin-top:12px;padding:12px;border-radius:10px;background:#f3f4f6}.hidden{display:none}.list{margin-top:14px}.person{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #e5e7eb}.waiting-person{background:#f5f3ff}.empty{text-align:center;padding:18px;color:#6b7280}.announcement{border:1px solid #e5e7eb;border-radius:13px;padding:14px;margin:10px 0}.announcement h3{margin:5px 0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5e7eb;font-size:12px;font-weight:800}.meta{font-size:12px;color:#6b7280}.remove-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:12px;margin-top:15px}.remove-box p{font-size:22px;font-weight:900;letter-spacing:2px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:#fff;padding:13px 18px;border-radius:12px;display:none;z-index:5;max-width:92%;text-align:center}hr{border:0;border-top:1px solid #e5e7eb;margin:25px 0}footer{text-align:center;color:#6b7280;font-size:12px;padding:18px}@media(max-width:430px){.tabs{grid-template-columns:1fr 1fr}.games{grid-template-columns:1fr}}