.BrickoidComponent_gameContainer__ykYYx{width:512px;height:512px;margin:0 auto;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;position:relative}.BrickoidComponent_header__TwVgr{font-size:1rem;display:flex;justify-content:space-between;width:100%;margin:0 auto;padding:8px;border-bottom:1px solid gray;color:#fff}.BrickoidComponent_main__0uwYB{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.BrickoidComponent_gameArea__LSH6N{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.BrickoidComponent_powerupOverlay__EJXKO{position:absolute;pointer-events:none;z-index:10}.BrickoidComponent_message__EgFMg{height:100%;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 2rem;width:100%}.BrickoidComponent_message__EgFMg>button{width:200px;margin:1rem auto;padding:.5rem}.BrickoidComponent_gameInstructions__ORG7l{text-align:left;margin:1rem 0}.BrickoidComponent_messageOverlay__7TTiJ{position:absolute;font-family:ToxigenesisBD,sans-serif!important;top:1%;left:50%;transform:translateX(-50%);font-size:1.5rem;color:#fff;font-weight:700;padding:12px;border-radius:8px;background:rgba(0,0,0,.5);text-shadow:1px 1px 0 #fac864;animation:BrickoidComponent_fadeInOut__mRp26 2s ease-in-out;z-index:100;min-width:-moz-fit-content;min-width:fit-content;max-width:400px;text-align:center;white-space:nowrap}.BrickoidComponent_score__CVGtV{color:#fff;background-color:transparent;transition:color .2s ease-out;padding:3px;border-radius:3px}.BrickoidComponent_flashGreen__QecHJ{background-color:#4caf50}.BrickoidComponent_flashRed__z3wvK{background-color:#f33}.BrickoidComponent_level__egr2f,.BrickoidComponent_lives__bAfTr{padding:3px;border-radius:3px;color:#fff}.BrickoidComponent_mobilePanel__pm8BB{position:relative;background:rgba(0,0,0,.3);margin:1rem auto;border-radius:1rem;padding:2rem 1rem;z-index:1;width:98%;max-width:512px;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.BrickoidComponent_mobilePanel__pm8BB:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1rem;padding:3px;background:linear-gradient(90deg,var(--accent-color-1),var(--accent-color-2),var(--accent-color-3),var(--accent-color-4),var(--accent-color-1));background-size:300%;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:BrickoidComponent_gradientFlow__YGf68 3s ease-in-out infinite}.BrickoidComponent_controlsContainer__uSdOz{display:flex;justify-content:center;align-items:center;gap:2rem}.BrickoidComponent_actionButtons__WOhmn{display:flex;gap:1.5rem;align-items:center}.BrickoidComponent_actionButton__GUudU{width:75px;height:75px;background-color:rgba(0,0,0,.7);color:#fff;border:2px solid var(--accent-color-5);border-radius:50%;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.BrickoidComponent_actionButton__GUudU:active{transform:scale(.95);background-color:var(--accent-color-2);color:var(--bg-color);border-color:var(--accent-color-1);box-shadow:0 2px 8px rgba(0,0,0,.5)}@media (max-width:768px){.BrickoidComponent_actionButton__GUudU{width:85px;height:85px;font-size:1.3rem;touch-action:none}.BrickoidComponent_controlsContainer__uSdOz{gap:1.5rem}}@media (max-width:480px){.BrickoidComponent_actionButton__GUudU{width:95px;height:95px;font-size:1.4rem}.BrickoidComponent_controlsContainer__uSdOz{gap:1rem}}@keyframes BrickoidComponent_fadeInOut__mRp26{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes BrickoidComponent_gradientFlow__YGf68{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:550px){.BrickoidComponent_gameContainer__ykYYx{width:98%!important;height:auto!important;min-height:420px!important;margin:.5rem auto}.BrickoidComponent_main__0uwYB{flex:1 1;min-height:400px;padding:0}.BrickoidComponent_gameArea__LSH6N{height:100%;width:100%}.BrickoidComponent_gameArea__LSH6N canvas{width:100%!important;height:400px!important;max-width:100%!important;object-fit:fill!important}.BrickoidComponent_header__TwVgr{font-size:.9rem;padding:8px;flex-shrink:0}.BrickoidComponent_message__EgFMg{padding:1.5rem;width:100%;min-height:400px;display:flex;flex-direction:column;justify-content:center}.BrickoidComponent_message__EgFMg>button{width:200px!important;padding:1rem!important;font-size:1.2rem!important;white-space:nowrap!important}.BrickoidComponent_mobilePanel__pm8BB{margin:1rem auto!important;padding:1.5rem 1rem!important}}