.dog-game{width:min(680px,100%);padding:14px;background:#202b45;border:4px solid #e7b372;box-shadow:9px 9px 0 #0b1020;color:#fff0d2;font-family:Consolas,monospace}
.dog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #68768b;padding-bottom:9px}
.dog-head span,.dog-foot{font-size:9px;font-weight:900;letter-spacing:1px;color:#f2c88e}
.dog-head strong{font-size:20px;white-space:nowrap}.dog-head b{color:#f28183}
.dog-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:11px 0}
.dog-bars>div{padding:8px;background:#17243b;border:2px solid #71849c}.dog-bars strong{font-size:10px}.dog-bars small{display:block;margin-top:4px;text-align:right;font-size:9px;color:#d8dfd9}
.dog-hp{height:13px;margin-top:6px;background:#543e53;border:2px solid #101a2e}.dog-hp i{display:block;height:100%;background:linear-gradient(90deg,#70b899,#b4df9b);transition:width .3s steps(10,end)}
#dog-arena{display:block;width:100%;height:auto;max-height:35vh;object-fit:contain;image-rendering:pixelated;border:3px solid #958a7e;background:#2c3449}
.dog-commentary{min-height:39px;margin:10px 0;padding:9px 11px;background:#101e35;border-left:4px solid #eab77c;font-size:11px;line-height:1.4}
.dog-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dog-moves button{min-height:51px;padding:7px 10px;text-align:left;background:#405871;border:2px solid #a7b3aa;color:#fff0d1;cursor:pointer}.dog-moves button:hover:not(:disabled),.dog-moves button:focus-visible{background:#567688;border-color:#fff1bf}.dog-moves button:disabled{opacity:.55;cursor:wait}.dog-moves strong{display:block;font-size:12px}.dog-moves small{display:block;margin-top:3px;font-size:9px;color:#d2e1d7}
.dog-finish{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;background:#393f58;border:2px solid #e7b372}.dog-finish[hidden],.dog-moves[hidden]{display:none}.dog-finish strong{font-size:19px;color:#ffe0a1}.dog-finish button{padding:11px;background:#edbb78;border:2px solid #fff0ba;color:#202b43;font-size:11px;font-weight:900;cursor:pointer}
.dog-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px}
@media(max-width:600px){.dog-game{padding:9px}.dog-head{display:block}.dog-head strong{display:block;margin-top:4px;font-size:17px}.dog-bars{gap:6px}.dog-bars>div{padding:5px}.dog-bars strong{font-size:8px}.dog-commentary{font-size:9px}.dog-moves button{min-height:46px;padding:5px}.dog-moves strong{font-size:10px}.dog-moves small{font-size:8px}.dog-foot{font-size:7px}}