*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

body{
  font-family:"Comic Sans MS","Comic Sans","Chalkboard SE","Comic Neue",cursive;
  background:#00c8d7;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 14px,transparent 14px 28px),
    repeating-linear-gradient(-45deg,rgba(255,45,149,.28) 0 14px,transparent 14px 28px);
  color:#000;min-height:100dvh;
}

/* ---------- WORDART ---------- */
.wa{position:relative;display:inline-block;font-weight:700;line-height:.95;
    letter-spacing:1px;transform:skewY(-5deg) scaleY(1.15)}
.wa span{display:block}
.wa .back{-webkit-text-stroke:9px #000;color:#000;
          text-shadow:5px 5px 0 #7a00ff,7px 7px 0 #000}
.wa .front{position:absolute;inset:0;
  background:linear-gradient(180deg,#fff02e 0%,#ff8a00 35%,#ff2d95 70%,#7a00ff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}

.tagline{background:#000;border:3px outset #ff2d95;overflow:hidden;
  white-space:nowrap;font-size:13px;color:#7cff00;padding:3px 0;font-weight:700}
.tagline b{display:inline-block;padding-left:100%;animation:slide 18s linear infinite}
@keyframes slide{to{transform:translateX(-100%)}}

/* ---------- NAV ENTRE SALAS ---------- */
.salas{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:5px 6px}
.salas a{font-family:inherit;font-weight:700;font-size:10px;text-decoration:none;
  color:#000;background:#ffe600;border:3px outset #ff2d95;padding:3px 7px;white-space:nowrap}
.salas a:hover{background:#7cff00}
.salas a.aqui{background:#7a00ff;color:#fff;border-style:inset}

/* ---------- CONTROLES ---------- */
.btn{font-family:inherit;font-weight:700;cursor:pointer;border:6px outset;color:#000;
  box-shadow:5px 5px 0 rgba(0,0,0,.8);line-height:1.1;padding:12px 20px;font-size:18px}
.btn:active{border-style:inset;transform:translate(3px,3px);box-shadow:2px 2px 0 rgba(0,0,0,.8)}
.btn.si{background:#ff5a2e;border-color:#e60000}
.btn.no{background:#4d9fff;border-color:#0033cc}
.btn.go{background:#7cff00;border-color:#3d8f00}
.btn.am{background:#ffe600;border-color:#c9a800}

.panelbox{background:#fff;border:6px outset #ffe600;box-shadow:7px 7px 0 rgba(0,0,0,.75)}
.blink{animation:bl 1s steps(2) infinite}
@keyframes bl{50%{opacity:0}}

footer{font-size:10px;text-align:center;padding:12px 8px 18px;line-height:1.6}
.odo{background:#000;color:#0f0;border:3px inset #888;padding:1px 5px;
  font-family:"Courier New",monospace;letter-spacing:2px;font-weight:700}
.firma{color:#7a00ff;font-weight:700;background:#ffe600;border:2px outset #ff2d95;
  padding:1px 7px;text-decoration:none;display:inline-block;margin-top:3px}
.firma:hover{background:#7cff00}