/* Banana Blocks arcade cabinet */
.blocks-layout{grid-template-columns:minmax(0,1fr) 300px;max-width:1020px;margin:auto}.blocks-cabinet{padding:15px}.blocks-arena{display:grid;grid-template-columns:minmax(0,340px) 105px;justify-content:center;gap:13px;align-items:start}.blocks-well{position:relative;border:3px solid #efc94c;border-radius:12px;padding:6px;background:#160a2b;box-shadow:0 0 0 4px #46206c,0 8px 28px #08031588;overflow:hidden}#blocks-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));aspect-ratio:1/2;gap:2px;background:#1c0c32;outline:none}#blocks-board:focus-visible{box-shadow:inset 0 0 0 2px #fff}.block-cell{min-width:0;min-height:0;background:#ffffff04;border:1px solid #8e6da511;border-radius:3px;position:relative}.block-cell[class*="color-"]{border:1px solid #ffffff77;box-shadow:inset 2px 2px 0 #ffffff55,inset -2px -3px 0 #0003,0 1px 3px #0006;background-image:linear-gradient(135deg,#ffffff44,transparent 65%)}.color-1{background-color:#4ac8ea!important}.color-2{background-color:#6288f6!important}.color-3{background-color:#f39c4b!important}.color-4{background-color:#ffdb43!important}.color-5{background-color:#66d78b!important}.color-6{background-color:#b57aef!important}.color-7{background-color:#f4749e!important}.block-cell.active{filter:brightness(1.12)}.block-cell.ghost{border:2px dashed #ffe26c77;background:#ffe26c12}.blocks-pocket{padding:10px 7px;margin-bottom:13px;background:#21103d;border:1px solid #b78dce77;border-radius:12px;text-align:center}.blocks-pocket h2{font:700 12px Fredoka,system-ui;letter-spacing:1.4px;color:#ffe36b;margin:0 0 8px}.blocks-mini{width:80px;max-width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px;margin:auto}.mini-cell{border-radius:3px}.mini-cell[class*="color-"]{box-shadow:inset 1px 1px #fff8,inset -2px -2px #0003;border:1px solid #ffffff55}.blocks-pocket .btn{font-size:12px;padding:7px 10px;margin-top:5px;max-width:100%}.blocks-pocket p{font-size:11px;color:#dac5ea;line-height:1.4;margin:6px 0}.blocks-cabinet .marquee{padding:10px 12px}.blocks-cabinet .score strong{font-size:29px}.blocks-cabinet .score small{font-size:10px;letter-spacing:1.3px}.blocks-overlay{position:absolute;inset:0;z-index:8;background:#180928e8;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.blocks-overlay[hidden]{display:none}.blocks-overlay .banana{font-size:50px}.blocks-overlay h2{font:clamp(25px,4vw,37px)/1.15 'Luckiest Guy',system-ui;color:#ffe65c;margin:10px 0}.blocks-overlay p{font-size:15px;line-height:1.5;color:#e9d4f5;margin:0 0 20px}.blocks-overlay .btn{font-size:16px}#blocks-flash{position:absolute;inset:40% 5% auto;z-index:6;pointer-events:none;font:clamp(24px,4vw,36px)/1.1 'Luckiest Guy',system-ui;text-align:center;color:#fff08b;text-shadow:0 3px #652d88,0 0 12px #100519;opacity:0}#blocks-flash.show{animation:blocks-callout 1s ease-out forwards}.block-cell.clearing{animation:blocks-clear .3s ease forwards}.blocks-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px auto 0}.blocks-pad button{touch-action:none;min-width:48px;min-height:43px;font-size:19px;padding:7px 12px}.blocks-pad .drop{font-size:14px;min-width:100px}.blocks-help{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;font-size:14px;color:#ead8f7}.blocks-help dt{color:#fff18d;font-weight:800}.blocks-help dd{margin:0}.blocks-confetti{position:fixed;z-index:50;pointer-events:none;font-size:23px;color:#ffdf60;animation:blocks-burst .85s ease-out forwards}.blocks-tag{display:inline-block;margin:4px 0 8px;padding:6px 13px;border:1px solid #ffe25c77;border-radius:25px;background:#231039;color:#ffec9a;font-size:12px;letter-spacing:1px;font-weight:800}.blocks-best{font:44px 'Luckiest Guy',system-ui;color:#fff08b}.blocks-level-text{font-size:13px;color:#eddbf6}.blocks-cabinet .btn:disabled{opacity:.45;cursor:not-allowed}.blocks-cabinet .bottom{margin-top:12px}.blocks-cabinet .status{min-height:42px;font-size:14px;display:grid;place-items:center}.hero.blocks-hero h1{font-size:clamp(43px,8vw,80px)}@keyframes blocks-clear{40%{background:#fff;filter:brightness(1.8);transform:scale(1.08)}to{opacity:0;transform:scale(.5)}}@keyframes blocks-callout{0%{opacity:0;transform:scale(.7)}20%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-25px)}}@keyframes blocks-burst{to{opacity:0;transform:translate(var(--x),var(--y)) rotate(300deg)}}@media(max-width:820px){.blocks-layout{grid-template-columns:1fr}.blocks-layout .sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.blocks-arena{grid-template-columns:minmax(0,310px) 95px}.blocks-layout .sidebar .card:last-child{grid-column:1/-1}}@media(max-width:480px){.blocks-arena{grid-template-columns:minmax(0,1fr) 73px;gap:9px}.blocks-pocket{padding:7px 4px}.blocks-pocket h2{font-size:10px}.blocks-pocket .btn{padding:6px;font-size:11px}.blocks-layout .sidebar{grid-template-columns:1fr}.blocks-well{padding:4px}#blocks-board{gap:1px}.blocks-overlay{padding:10px}.blocks-pad{gap:6px}.blocks-pad button{min-width:40px;padding:6px 9px}.blocks-cabinet .marquee{gap:5px}.blocks-cabinet .score strong{font-size:24px}.blocks-cabinet .score small{font-size:9px;letter-spacing:.7px}.blocks-mini{width:61px}.hero.blocks-hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.block-cell.clearing,#blocks-flash.show,.blocks-confetti{animation:none}.blocks-confetti{display:none}#blocks-flash.show{opacity:0}}