#classicUi .command-window,
#classicUi .command-window * { cursor: url(assets/cursor/mano.png) 2 2, default; }
#classicUi .command-window:active,
#classicUi .command-window:active * { cursor: url(assets/cursor/push.png) 2 2, default; }
.command-window { height: 429px; background-position: top center, bottom center, left top 64px, right top 64px, left top; background-size: 190px 64px, 190px 45px, 21px calc(100% - 109px), 21px calc(100% - 109px), 225px 512px; background-repeat: no-repeat, no-repeat, repeat-y, repeat-y, no-repeat; }
.command-window h2 { top: 12px; }
.command-window .command-close { position: absolute; left: 169px; top: 7px; width: 13px; height: 12px; border: 0; padding: 0; background: transparent; }
.command-window .command-button { position: absolute; left: 41px; width: 108px; height: 29px; border: 0; padding: 0; background: transparent var(--command-button) left top / 100% 300% no-repeat; color: #fff; font-size: 6px; line-height: 29px; white-space: nowrap; }
.command-window .command-button:hover { background-position: left 50%; }
.command-window .command-button:active,
.command-window .command-button[aria-pressed="true"] { background-position: left bottom; }
.command-window .command-exit { position: absolute; left: 13px; top: 392px; width: 36px; height: 29px; border: 0; padding: 0; background: var(--classic-close) left top / 36px 58px no-repeat; }
.command-window .command-exit:active { background-position: left bottom; }
.command-target { position: absolute; z-index: 40; pointer-events: none; background: var(--command-target-back) left top / 100% 100% no-repeat; }
.command-target[hidden] { display: none; }
.command-target canvas { position: absolute; display: block; image-rendering: pixelated; }
.common-message-box { position: absolute; z-index: 30; left: calc(205px * var(--classic-rx)); top: calc(var(--message-y, 100px) * var(--classic-ry)); width: 230px; height: var(--message-height, 117px); transform: scale(var(--classic-rx), var(--classic-ry)); transform-origin: top left; pointer-events: auto; }
.common-message-box > i { position: absolute; left: 0; display: block; background-repeat: no-repeat; pointer-events: none; }
.common-message-box .common-message-back { top: 2px; width: 222px; height: calc(100% - 10px); background-image: var(--message-back); background-position: left top; background-size: 225px 512px; }
.common-message-box .common-message-art { display: none; left: 41px; top: 15px; width: 148px; height: 138px; background-image: var(--message-art-duel); background-size: 148px 138px; }
.common-message-box[data-art="duel"] .common-message-art { display: block; }
.common-message-box .common-message-item { position: absolute; left: 30px; top: 30px; z-index: 1; display: none; width: 40px; height: 40px; pointer-events: none; }
.common-message-box[data-art="item"] .common-message-item { display: block; }
.common-message-box .common-message-item > .inventory-item { position: absolute; pointer-events: none; }
.common-message-box .common-message-top { top: 0; width: 230px; height: 67px; background-image: var(--message-top); background-size: 230px 67px; }
.common-message-box .common-message-middle { top: 67px; width: 230px; height: var(--message-middle-height, 0px); background-image: var(--message-middle); background-size: 230px 15px; background-repeat: repeat-y; }
.common-message-box .common-message-bottom { bottom: 0; width: 230px; height: 50px; background-image: var(--message-bottom); background-size: 230px 50px; }
.common-message-box[hidden], .common-message-box [hidden] { display: none; }
.common-message-box .common-message-lines { position: absolute; left: 0; top: 35px; width: 230px; font-size: 6px; text-align: center; color: #fff; }
.common-message-box .common-message-lines > span { display: block; height: 11px; }
.common-message-box button { position: absolute; top: var(--message-button-y, 67px); width: 54px; height: 30px; border: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-size: 54px 90px; background-position: left top; }
.common-message-box .common-message-ok { left: var(--message-ok-x, 30.5px); background-image: var(--message-ok); }
.common-message-box .common-message-cancel { left: var(--message-cancel-x, 145.5px); background-image: var(--message-cancel); }
.common-message-box button:hover { background-position: left -30px; }
.common-message-box button:active { background-position: left -60px; }
#classicUi .duel-window { position: absolute; z-index: 6; left: calc(509px * var(--classic-rx)); top: calc(359px * var(--classic-ry)); width: 131px; height: 70px; transform: scale(var(--classic-rx), var(--classic-ry)); transform-origin: top left; background: var(--duel-back, none) left top / 131px 70px no-repeat; pointer-events: none; }
#classicUi .duel-window[hidden] { display: none; }
#messageBoxLayer { position: fixed; inset: 0; z-index: 50; pointer-events: none; font-family: Tahoma, Arial, sans-serif; }
#classicUi .common-message-box, #messageBoxLayer .common-message-box,
#classicUi .common-message-box *, #messageBoxLayer .common-message-box * { cursor: url(assets/cursor/mano.png) 2 2, default; }