.blocks-stage{--gold:#ffdb84;max-width:780px;margin:auto;padding:24px;border:1px solid #278bd0;border-radius:20px;background:radial-gradient(ellipse at 70% 0,#17558866,transparent 65%),linear-gradient(140deg,#06172a,#092f4c 65%,#081426);color:#e4f4ff;box-shadow:inset 0 1px 0 #ffffff35,0 18px 45px #00172740;position:relative;overflow:hidden}.blocks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.blocks-heading h2{color:white!important;margin:0;font-size:26px}.blocks-heading small{color:var(--gold);letter-spacing:2px}.blocks-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(120px,1fr);justify-content:center;gap:24px;max-width:580px;margin:auto}.blocks-board{position:relative;line-height:0;border:2px solid #69caff;border-radius:12px;overflow:hidden;box-shadow:0 0 25px #21aaff30}.blocks-board canvas{display:block;width:100%;height:auto;touch-action:none}.blocks-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#051629dd;text-align:center;padding:15px;line-height:1.5;gap:12px;backdrop-filter:blur(5px)}.blocks-overlay[hidden]{display:none}.blocks-overlay b{color:var(--gold);font-size:26px}.blocks-stage button{background:linear-gradient(#209df0,#0768bd);color:white;border:1px solid #60c4ff;border-radius:10px;min-height:46px;box-shadow:inset 0 1px 0 #ffffff55,0 4px 10px #0005;font-weight:700;cursor:pointer;touch-action:none}.blocks-stage button:active{transform:translateY(1px);background:#0b5796}.blocks-stage button:disabled{opacity:.5}.blocks-side{display:flex;flex-direction:column;gap:12px;min-width:0}.blocks-stat,.blocks-next{background:#03162d88;border:1px solid #5384a34a;border-radius:12px;padding:14px}.blocks-stat small,.blocks-next small{display:block;color:#aacde6;font-size:12px;text-transform:uppercase;letter-spacing:1px}.blocks-stat strong{display:block;font-size:27px;color:var(--gold)}.blocks-next canvas{max-width:100%;height:auto;display:block;margin:8px auto 0}.blocks-side p{font-size:12px;line-height:1.6;color:#b6d0e2}.blocks-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:580px;margin:16px auto 0}.blocks-controls button{font-size:22px}.blocks-controls .blocks-drop{grid-column:span 4;font-size:15px;background:linear-gradient(#ffdf8c,#d99a2e);border-color:#ffe5a0;color:#34250a}.blocks-status{max-width:580px;margin:12px auto 0;color:#cee6f5;font-size:13px;line-height:1.5}.blocks-stage:fullscreen{border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.blocks-stage.is-fullscreen{position:fixed;inset:0;z-index:10000;max-width:none;border-radius:0;overflow:auto}.blocks-stage.is-fullscreen .blocks-layout{width:100%}@media(max-width:600px){.blocks-stage{padding:12px}.blocks-layout{grid-template-columns:minmax(0,1fr) 95px;gap:10px}.blocks-stat,.blocks-next{padding:8px}.blocks-stat strong{font-size:21px}.blocks-heading h2{font-size:21px}.blocks-heading button{font-size:11px;padding:6px}.blocks-side p{font-size:11px}.blocks-controls{gap:6px}.blocks-controls button{min-height:48px}.blocks-next canvas{width:80px}}

.blocks-heading h2{margin:0!important}.blocks-stage button{padding:10px;line-height:1.2}.blocks-layout{grid-template-columns:minmax(0,260px) minmax(120px,220px)}.blocks-side p{margin:0}.blocks-status{margin:12px auto 0!important}.blocks-heading{margin-bottom:14px}.blocks-stat strong{line-height:1.3}@media(max-width:600px){.blocks-layout{grid-template-columns:minmax(0,1fr) 95px}.blocks-stage button{padding:8px}}

.blocks-board{align-self:start}