<!doctype html><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Breakout 71</title><metaname="description"content="A breakout game with roguelite mechanics. Break bricks, catch coins, pick upgrades, repeat. Play for free on mobile and desktop."><linkrel="manifest"href="/PWA/manifest.webmanifest"><metaname="theme-color"content="#000000"id="themeColor"><style>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:CourierNew,Courier,LucidaSansTypewriter,LucidaTypewriter,monospace}body{width:100vw;height:100vh;height:calc(var(--vh,1vh)*100);color:#fff;background-size:120px120px;background-color:var(--background1);--background1:#030c23;--background2:#03112a;margin:0;padding:0;overflow:hidden}#game{height:100vh;height:calc(var(--vh,1vh)*100);width:100vw;position:fixed;top:0;left:0}canvas:not(#game){display:none}#score,#menu{z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;font:inherit;color:#fff;min-width:40px;max-width:calc(100vw-80px);min-height:40px;text-shadow:004pxvar(--level-background);background:00;border:none;padding:10px;line-height:20px;position:absolute;top:0;overflow:hidden}#score:hover,#menu:hover,#score:focus,#menu:focus{cursor:pointer;background:rgba(0,0,0,.3)}#score{color:#fff;-o-transition:color.3s;-webkit-transition:color.3s;-o-transition:color.3s;transition:color.3s;right:0}#score.active.score{color:gold;-o-transition:color10ms;-webkit-transition:color10ms;-o-transition:color10ms;transition:color10ms}#score.computer_controlled{pointer-events:none}#scorespan{color:rgba(255,255,255,.8)}#scorespan.great{color:#90ee90}#scorespan.good,#scorespan.bad{color:#fff}#menu{left:0}body.has-alert-open{height:auto;overflow:visible}body:not(.has-alert-open)#popup{display:none}#popup{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;overflow:auto}#popup:before{z-index:10;content:"";background:rgba(0,0,0,.9);display:block;position:fixed;top:0;bottom:0;left:0;right:0}#popup>div{z-index:11;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;width:100%;max-width:500px;margin:auto;padding:20px10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:relative}#popup>div>*{margin:0020px;padding:0}#popup>div>section{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#popup>div>sectionbutton{font:inherit;color:#fff;cursor:pointer;text-align:left;background:rgba(0,0,0,.8);border:1pxsolid#fff;gap:10px;margin-top:-1px;padding:10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}#popup>div>sectionbutton:not([disabled]):hover{z-index:1;border-color:#f1d33b;position:relative}#popup>div>sectionbutton:not([disabled]):focus{z-index:1;border-color:#f1d33b;position:relative}#popup>div>sectionbutton[disabled]{opacity:.5;-webkit-filter:saturate(0);filter:saturate(0);cursor:not-allowed}#popup>div>sectionbutton>div{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex-grow:1;flex-grow:1}#popup>div>sectionbutton>div>em{opacity:.8;display:block}#popup>div>sectionbutton.grey-out-unless-hovered:not(:hover){opacity:.6}#popup>div>sectionbutton.grey-out-unless-hovered:not(:hover)img{-webkit-filter:saturate(0);filter:saturate(0)}#popup>div>sectionbutton.grey-out-unless-hovered[disabled]{opacity:.2}#popup.actionsAsGrid>div{max-width:none
