.place-arcade{left:42%;top:23%;width:185px;min-height:64px;transform:rotate(2deg);border-color:#604c94;background:#fff1e9}
.place-arcade strong{color:#654c90}
.arcade-cabinet{max-width:746px;margin:8px auto 45px;background:linear-gradient(135deg,#426d91,#253e64);border:6px solid #203b5c;border-radius:23px;padding:19px 24px 25px;box-shadow:0 9px 0 #192e4b,0 25px 36px #263f5b4d}
.arcade-marquee{background:linear-gradient(100deg,#f59c69,#f5d66d,#e89abb);border:4px solid #f8e8ba;border-radius:13px;color:#273a67;text-align:center;padding:8px 12px;margin:0 auto 18px;max-width:490px;font:900 26px Nunito,system-ui,sans-serif;letter-spacing:3px;text-shadow:1px 2px #fff0bb}
.block-layout{display:flex;justify-content:center;align-items:flex-start;gap:20px}
.block-stage{position:relative;flex:0 0 300px;width:300px;height:540px;border:5px solid #f5d18c;border-radius:9px;overflow:hidden;background:#162c44;box-shadow:0 0 0 5px #172f52,0 7px 0 #0f243e}
#block-board{display:block;width:100%;height:100%;image-rendering:pixelated}
.block-overlay{position:absolute;inset:0;background:#152d49e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff4df}
.block-overlay>span{font-size:53px;color:#e9bc65;line-height:1;margin-bottom:10px}
.block-overlay h3{color:#fff3ce;margin:0 0 9px;font-size:25px}
.block-overlay p{color:#d9e8e9;font-size:14px;max-width:220px}
.block-sidebar{flex:0 0 160px;color:#fff4d4}
.block-stat,.next-block{background:#183755;border:3px solid #7894ab;border-radius:11px;padding:10px 13px;margin-bottom:10px;box-shadow:inset 0 2px 0 #ffffff25}
.block-stat small,.next-block small{display:block;font-size:10px;font-weight:900;letter-spacing:2px;color:#a7d5d7;margin-bottom:2px}
.block-stat strong{font:900 22px Nunito,system-ui,sans-serif;color:#ffe7a2}
.next-block canvas{display:block;width:120px;height:120px;margin:5px auto 0;border:2px solid #4d718b;border-radius:7px}
.block-help{color:#dce8e6;font-size:12px;line-height:1.8;padding:2px 7px;margin:9px 0}
.block-controls{display:flex;justify-content:center;gap:10px;margin:22px auto 0;flex-wrap:wrap}
.block-controls button{border:3px solid #f7da9c;border-bottom:6px solid #ba8e62;background:#fff0c2;color:#31516b;border-radius:11px;min-width:60px;height:53px;padding:0 13px;font:900 22px Nunito,system-ui,sans-serif;box-shadow:0 4px 0 #1b304c}
.block-controls button:hover{transform:translateY(-2px);background:#fff7d9}
.block-controls button:active{transform:translateY(3px);box-shadow:0 1px 0 #1b304c}
.block-controls button:last-child{font-size:14px;background:#edb671;min-width:91px}
@media(max-width:900px){.place-arcade{left:39%;top:23%;width:165px}}
@media(max-width:650px){.place-arcade{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:69px;transform:none}.arcade-cabinet{padding:13px 10px 19px}.arcade-marquee{font-size:18px;letter-spacing:1px}.block-layout{flex-direction:column;align-items:center;gap:14px}.block-stage{flex:auto;width:min(300px,100%);height:auto;aspect-ratio:5/9}.block-sidebar{width:100%;flex:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.block-stat{padding:6px;margin:0}.block-stat strong{font-size:15px}.next-block,.block-help{display:none}.block-controls{gap:5px;margin-top:14px}.block-controls button{min-width:48px;height:47px;font-size:18px;padding:0 6px}.block-controls button:last-child{min-width:65px;font-size:12px}}
