*{margin:0;padding:0;user-select:none;-moz-user-select:none;outline:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;overflow:auto;background-color:black;font-family:Arial,Helvetica,sans-serif}#Game{overflow:hidden}#Board{position:absolute;overflow:hidden}.Score{position:absolute;color:white;top:0;left:0;height:12.5%;width:14ex}.Score .L1{bottom:.9em}.Score .L2{bottom:.1em}.Score .C1{left:.2ex}.Score .C2{left:9.5ex}.Score>span{position:absolute;display:block;height:1em}
.PauseButton{position:absolute;background-color:transparent;width:16.666666667%;height:12.5%;right:0;top:0}.PauseButton>div{position:absolute;width:30%;height:80%;top:10%;background:white}.PauseButton .P1{left:10%}.PauseButton .P2{left:60%}#StaticBallLayer,#LiveBallLayer{box-sizing:border-box;position:absolute}#StaticBallLayer{border:1px solid black}#LiveBallLayer{border-width:1px;border-color:white;border-style:solid solid dotted}#LiveBall{will-change:transform}.Cannon{position:absolute;background-color:transparent;width:10%;height:7.5%;left:50%;bottom:0}
.Cannon .In{position:absolute;left:-50%;width:100%;height:100%}.Cannon .Base{position:absolute;width:100%;height:66.66666667%;bottom:0;background:white}.Cannon .Dome{position:absolute;width:100%;height:100%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:white;top:-16.6666667%}.Cannon .Turret{position:absolute;width:66.666666667%;height:55.5555556%;background:white;top:5.55555556%;left:50%;transform-origin:left 50%;-webkit-transform-origin:left 50%;will-change:transform}.B{position:absolute;background-color:transparent}
.B .disk{width:100%;height:0;padding-bottom:100%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:white}.B .num{position:absolute;background-color:black;height:70%}.B .b{position:absolute;background-color:white;width:35%;height:7.5%}.B1 .num{width:20%;left:40%;top:15%}.B1 .b{display:none}.B2 .num,.B3 .num{width:50%;left:25%;top:15%}.B2 .b1,.B3 .b1{left:20%;top:35%}.B2 .b2{left:45%;top:57.5%}.B3 .b2{left:20%;top:57.5%}#screenContainer{display:none}#screenWrapper{position:relative;top:0;max-width:100%}
.fullscreen{position:absolute;top:0;left:0;bottom:0;right:0}.screen{overflow:auto;box-sizing:border-box;padding:0 1ex;display:none;background-color:transparent;color:white;z-index:-1;cursor:default}.vcentered{display:flex;flex-direction:column;justify-content:center}.vcentered-inner{overflow-y:auto}#licenseScreen *{margin:.5em 0}.screen .title{margin:.8em auto;font-size:300%;font-weight:bold;text-align:center}.option{font-weight:bold;text-align:center}.screen h2{font-size:150%;margin:.8em 0}.screen h3{font-size:100%;margin:.8em 0}
.screen .button{font-size:250%;margin:1.2em auto;text-align:center}.screen .button span{background-color:white;color:black;border-radius:.25em;padding:.25em;font-weight:bold;cursor:pointer;line-height:1.5}.screen .score{font-size:200%;text-align:center}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a.plain,a.plain:hover,a.plain:focus{text-decoration:none;font-family:monospace}table.centered{margin:0 auto;border-collapse:separate;border-spacing:1em}
table.centered tr td p{margin:0 1em;text-align:right}.switch{position:relative;display:inline-block;vertical-align:middle;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196F3}input:focus+.slider{box-shadow:0 0 1px #2196F3}
input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}