:root{--bg:#0d1117;--card:#161b22;--line:#2a313c;--tx:#e6edf3;--mut:#8b949e;--g:#22c55e;--r:#ef4444;--y:#f59e0b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.5 system-ui,sans-serif}
a{color:var(--g)}main{max-width:1000px;margin:auto;padding:16px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}
.top nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.top a{text-decoration:none;color:var(--tx)}.logo{font-weight:700;font-size:1.2rem}
.btn,button{background:var(--g);color:#04210f;border:0;padding:9px 16px;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;font-size:.95rem}
.top .btn{color:#04210f}button:disabled{opacity:.4;cursor:not-allowed}.sm{padding:5px 10px;font-size:.85rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.narrow{max-width:420px;margin:30px auto}
.hero{text-align:center;padding:30px 10px}.hero h1{font-size:2rem;margin:0 0 6px}
input,select,textarea{width:100%;background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:9px;font:inherit;margin-top:4px}
label{display:block;font-size:.9rem;color:var(--mut)}.chk{display:flex;gap:8px;align-items:center;color:var(--tx);margin:6px 0}.chk input{width:auto;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}
.tip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--y);border-radius:8px;padding:10px 12px;margin:8px 0}
.tip>div{flex:1;min-width:180px}.tip small{display:block;color:var(--mut)}.tip span{color:var(--g)}.tip em{font-style:normal;font-weight:700;background:var(--card);padding:4px 10px;border-radius:6px}
.tip.ganado{border-left-color:var(--g)}.tip.perdido{border-left-color:var(--r)}
.chead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.badge{padding:3px 10px;border-radius:20px;font-size:.8rem;background:var(--y);color:#222}.badge.ganado,.badge.disponible{background:var(--g)}.badge.perdido{background:var(--r);color:#fff}.badge.oculto{background:var(--mut)}
.combo.ganado{border-color:var(--g)}.combo.perdido{border-color:var(--r)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.tabs a{padding:7px 14px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--tx)}.tabs a.on{background:var(--g);color:#04210f;border-color:var(--g)}
.flash{background:#1f2937;border:1px solid var(--y);padding:10px 14px;border-radius:8px;margin-bottom:10px}.flash.ok{border-color:var(--g)}
.muted{color:var(--mut)}.g{color:var(--g)}.r{color:var(--r)}
.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.acts select,.acts input{width:auto}
.acts .win{background:var(--g)}.acts .lose{background:var(--r);color:#fff}.acts button:not(.win):not(.lose){background:var(--line);color:var(--tx)}
.filters{display:flex;flex-wrap:wrap;gap:6px}.filters input,.filters select{width:auto;margin:0}.aud{margin:10px 0}
footer{text-align:center;color:var(--mut);font-size:.85rem;padding:24px}