*{box-sizing:border-box}body{margin:0;background:#061036;color:#edf5ff;font:16px system-ui,-apple-system,sans-serif}a{color:#68ead4}
.broadcast{display:flex;justify-content:center;height:100vh;overflow:hidden}#stage{position:relative;height:100%;aspect-ratio:9/16}canvas{display:block;width:100%;height:100%}
#offline{position:absolute;top:40%;background:#be354b;padding:24px;width:100%;text-align:center}#sound{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font-size:18px}
.admin{max-width:1100px;margin:32px auto;padding:0 16px}h1{font-size:34px;margin:.2em 0}
section{background:#0f2160;border:1px solid #2c4593;border-radius:20px;padding:20px 24px;margin:18px 0}h2{margin-top:0;color:#f7c948}
input,select,button,textarea{font:inherit;border-radius:10px;padding:11px;border:1px solid #3b55a5;margin:4px;background:#061036;color:white}
button{background:#f7c948;color:#161000;font-weight:700;cursor:pointer;border:0}button:hover{filter:brightness(1.1)}button.sec{background:#1d3a8a;color:white}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}#notice{white-space:pre-wrap;color:#68ead4}.muted{color:#a9b9e6}
iframe{width:270px;height:480px;border:0;border-radius:18px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:7px;border-bottom:1px solid #22397e}
label{display:inline-block;margin:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.jogos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.jogos button{padding:14px;text-align:left;background:#1d3a8a;color:white}.jogos button.on{background:#f7c948;color:#161000}
@media (max-width:600px){.admin{margin:12px auto}iframe{width:100%;height:auto;aspect-ratio:9/16}}
.jogos button:disabled{opacity:.55;cursor:not-allowed}
.explica{background:#123b3a;border:1px solid #16bca6;border-radius:14px;padding:12px 16px;margin:12px 0}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.status{background:#0f2160;border:1px solid #2c4593;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.status span{color:#a9b9e6;font-size:.9em}.status b{font-size:1.25em}.status small{color:#a9b9e6}.status.ok{border-color:#2fae73}.status.ok b{color:#5fd39a}.status.alerta{border-color:#f7c948}.status.alerta b{color:#f7c948}.status.ruim{border-color:#ff8b93}.status.ruim b{color:#ff8b93}
.jogos button{display:flex;flex-direction:column;gap:2px}.jogos button small{font-weight:400;opacity:.8}
.acoes-explicadas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}.acoes-explicadas div{background:#0b1a4a;border-radius:14px;padding:12px}.acoes-explicadas p{margin:.5em 0 0;color:#a9b9e6;font-size:.92em}
details.chave{margin:18px 0;background:#0f2160;border:1px solid #2c4593;border-radius:16px;padding:12px 16px}details.chave summary{cursor:pointer;font-weight:700}