/* The cancel target is outside the tank, opposite the selected piece. */
.cancel-dock{position:fixed;z-index:60;display:flex;align-items:center;gap:11px;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}
.cancel-dock.on-left{flex-direction:row-reverse}
.cancel-hint{font-size:11px;line-height:1.7;color:#a08d7b;text-align:right;white-space:nowrap;letter-spacing:.3px}
.cancel-dock.on-left .cancel-hint{text-align:left}
.cancel-hint b{display:block;font-weight:500;font-size:10px;color:#b1a18e}
.cancel-circle{flex-shrink:0;width:52px;height:52px;border-radius:50%;border:1.5px solid #d6bda8;background:#fcf5eb;box-shadow:0 4px 15px #876c4b13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#a17c5c;pointer-events:auto;touch-action:none}
.cancel-circle svg{width:19px;height:19px}.cancel-circle span{font-size:10px}.cancel-circle:hover,.cancel-circle:active{background:#f4e4d5;border-color:#b98a68;color:#855739}
.is-aiming .game-bottom-note{opacity:0}
@media(max-width:650px){.board-frame{width:min(100%,calc((100dvh - 254px)*.78125));margin-inline:auto}.cancel-hint{font-size:10px}.cancel-hint b{font-size:9px}}
@media(max-width:650px) and (max-height:740px){.board-frame{width:min(100%,calc((100dvh - 224px)*.78125))}}
@media(max-width:379px) and (max-height:740px){.board-frame{width:min(100%,calc((100dvh - 238px)*.78125))}}
@media(orientation:landscape) and (max-height:540px){.board-frame{max-height:calc(100dvh - 228px);height:calc(100dvh - 228px)}.cancel-dock{gap:7px}.cancel-hint{font-size:9px}}