.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}