.top{display:flex;justify-content:space-between;padding:8px 16px}.top a{color:var(--muted);text-decoration:none}

.log{margin:0;padding-left:22px;overflow:auto;font-family:ui-monospace,monospace;font-size:.8rem}
.sq .tag{position:absolute;right:2px;top:1px;font-size:10px;font-weight:700;color:#000a;line-height:1}
.sq.mine{box-shadow:inset 0 0 0 3px #3fc1ffcc}.sq.ally{box-shadow:inset 0 0 0 3px #59d68a88}.sq.foe{box-shadow:inset 0 0 0 3px #ff5d5d88}
.sq.active{box-shadow:inset 0 0 0 4px #f6d360}.sq.drop{animation:drop .6s}
.pc.rock{font-size:.8em}
@keyframes drop{from{filter:brightness(2)}}
.panel .row{display:flex;gap:6px;flex-wrap:wrap}.panel .row button{flex:1}
.small{font-size:.82rem;color:var(--muted);margin:0}


/* ---- Boss Raid animation layer (anim.js) ---- */
.sq .ock-hp{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);width:88%;height:17%;min-height:8px;z-index:6;pointer-events:none;
  background:#3c3c3c;border:2px solid #2a2a2a;border-radius:999px;box-shadow:0 2px 0 #00000040;overflow:hidden;animation:ockBob 2.6s ease-in-out infinite}
.sq .ock-hp i{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
.sq .ock-hp .lag{background:#ffffff}
.sq .ock-hp .fill{background:#ff4b4b;box-shadow:inset 0 -3px 0 #d43a3a,inset 0 2px 0 #ff8a8a}
.sq .ock-hp.low .fill{background:#ff9600;box-shadow:inset 0 -3px 0 #d97c00,inset 0 2px 0 #ffc266}
.sq.ock-hit::after{content:'';position:absolute;inset:0;border-radius:18%;background:#ff4b4b;pointer-events:none;animation:ockHit .5s ease-out forwards}
@keyframes ockHit{0%{opacity:.85;background:#fff}25%{opacity:.7;background:#ff4b4b}100%{opacity:0}}
@keyframes ockBob{0%,100%{margin-top:0}50%{margin-top:-2px}}
@media (update:none){.sq .ock-hp,.sq.ock-hit::after{animation:none}.sq.ock-hit::after{opacity:0}}