#breakoutCanvas{border:4px solid #333;background-color:#fff;box-shadow:0 10px 20px #0003;margin-top:20px;max-width:100%;height:auto}@font-face{font-family:Choco;src:url(//chocodelmar.com/cdn/shop/t/10/assets/choco.ttf?v=73582321556442291371793112328) format("truetype");font-display:swap}canvas{font-family:Choco,Arial,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#breakoutCanvas:focus-visible,#leftBtn:focus-visible,#rightBtn:focus-visible,.message button:focus-visible{outline:3px solid #111;outline-offset:3px}#game-controls{text-align:center;padding:20px}#leftBtn,#rightBtn{padding:10px 20px;font-size:18px;margin:0 10px;background-color:#0095dd;color:#fff;border:none;border-radius:5px;cursor:pointer}#leftBtn:active,#rightBtn:active{transform:scale(.98)}.game-controls{display:flex;justify-content:center;margin-top:10px}.choco-breakout-container{text-align:center}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:1.4em;padding:20px;background-color:#fff;border:3px solid #0095DD;border-radius:10px;box-shadow:0 5px 15px #0000004d;z-index:1000;opacity:0;visibility:hidden;transition:opacity .5s,transform .5s;flex-direction:column}.message-text{margin-bottom:20px;text-align:center}.message.hidden{opacity:0;visibility:hidden;transform:translate(-50%,-40%)}.message.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)}@keyframes winAnimation{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}#winMessage.show{animation:winAnimation 1s ease infinite}.message button{margin-top:20px;padding:10px 20px;font-size:1em;color:#fff;background-color:#0095dd;border:none;border-radius:5px;cursor:pointer;align-self:center;transition:background-color .3s,transform .3s}.message button:hover{background-color:#07a;transform:scale(1.05)}.message button:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.message{transition:none}#winMessage.show{animation:none}}@media(max-width:768px){.choco-breakout-container{width:auto;padding:0 10px;box-sizing:border-box}#breakoutCanvas{width:100%;height:auto}.message{font-size:1.5em;padding:10px;width:90%;box-sizing:border-box}.message-text{margin-bottom:10px}.message button{padding:8px 16px;font-size:.9em}#game-controls{display:flex;justify-content:center;padding:10px 0}#keyboard-instructions{display:none}}.choco-game-room{max-width:1100px;margin:0 auto;padding:40px 24px 80px;box-sizing:border-box}.choco-game-room h1{margin:0 0 16px;line-height:1.1}.choco-game-room>p{max-width:720px;line-height:1.6}.choco-game-room--play{text-align:center}.choco-game-room--play>p{margin-left:auto;margin-right:auto}.choco-game-room--play>p:first-child{text-align:left}.choco-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}.choco-game-card{border:1px solid #ddd;border-radius:12px;padding:24px;background:#fff;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:8px}.choco-game-card h2{margin:0}.choco-game-card p{margin:0;line-height:1.55}.choco-game-meta{color:#444;font-size:.9em}.choco-game-card--soon{opacity:.75}.choco-game-button{display:inline-block;margin-top:auto;background-color:#0095dd;color:#fff!important;text-align:center;text-decoration:none;padding:12px 20px;border-radius:6px;font-weight:600}.choco-game-button:hover{background-color:#07a}.choco-game-button--disabled{background-color:#999;cursor:default}.choco-game-button--disabled:hover{background-color:#999}.choco-breakout-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px auto 0;text-align:center}.choco-breakout-container #breakoutCanvas{margin-top:0;width:100%;max-width:380px}.choco-breakout-container #game-controls{padding:0}.choco-breakout-container #keyboard-instructions,.choco-breakout-container #hud{margin:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/choco-breakout.css.map */