html{height:100%;width:100%;-webkit-overflow-scrolling:touch}#display-container,body{flex-direction:column;width:100%}body,html{overflow:hidden;position:fixed;touch-action:none}body{display:flex;align-items:center;height:100vh;margin:0}body.rotated-mode{flex-direction:column;justify-content:center;align-items:center}#display-container{flex:1;padding:20px 0}body.rotated-mode #display-container{position:relative;flex:1;width:100%;height:100%;padding:0;overflow:hidden}#display,#display-container,#main.rotate-left,#main.rotate-right,body.rotated-mode #display,body.rotated-mode #display-container{display:flex;align-items:center;justify-content:center}#display{flex-direction:column;margin:auto}body.rotated-mode #display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;margin:0}#canvas{border:1px solid #66666666;display:block;margin:0;transition:transform .3s ease}#main.rotate-left,#main.rotate-right{width:100%;height:100%;position:relative}body.rotated-mode #main.rotate-left,body.rotated-mode #main.rotate-right{position:relative;width:auto;height:auto;display:block}body.rotated-mode.rotate-left #main.rotate-left #canvas,body.rotated-mode.rotate-right #main.rotate-right #canvas{position:relative;transform:rotate(-90deg);transform-origin:center center;display:block;margin:0 auto}body.rotated-mode.rotate-right #main.rotate-right #canvas{transform:rotate(90deg)}#keypad{text-align:center;font-size:0;margin-top:10px;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#keypad.rotated{position:fixed;top:0;left:0;right:0;bottom:0;margin-top:0;display:flex!important;flex-direction:column!important;align-items:center;justify-content:space-between;pointer-events:none;z-index:1;padding:0 20px}#keypad.rotated #joypad,#keypad.rotated #numpad{order:1;pointer-events:auto;opacity:.85}#keypad.rotated #joypad{order:2;text-align:center;margin-bottom:20px}body.rotated-mode.rotate-left #keypad.rotated #numpad{order:2}body.rotated-mode.rotate-left #keypad.rotated #joypad{order:1;margin-bottom:0;margin-top:20px}#keypad.rotated .key{min-width:60px!important;width:60px!important;min-height:50px!important;height:50px!important;line-height:50px!important;font-size:22px!important;margin:2px!important}body.rotated-mode.rotate-left #keypad.rotated #joypad,body.rotated-mode.rotate-left #keypad.rotated #numpad{transform:rotate(-90deg);transform-origin:center center}body.rotated-mode.rotate-right #keypad.rotated #joypad,body.rotated-mode.rotate-right #keypad.rotated #numpad{transform:rotate(90deg);transform-origin:center center}#keypad.rotated.gamepad-0{display:none!important}#keypad.rotated.gamepad-1,#keypad.rotated.gamepad-2,#keypad.rotated.gamepad-3,#keypad.rotated.gamepad-4{display:flex!important}#keypad.joypad>#numpad,#keypad.numpad2>#joypad,#keypad.numpad>#joypad,.gamepad-0{display:none}.gamepad-1,.gamepad-2{display:block;min-width:240px;min-height:240px}.gamepad-2{min-width:320px;min-height:320px}.gamepad-3,.gamepad-4{display:block;min-width:480px;min-height:480px}.gamepad-4{min-width:640px;min-height:640px}#keypad.column,#keypad.column2{display:flex;flex-direction:column}#keypad.row,#keypad.row-reverse{display:flex}#keypad.joypad,#keypad.numpad,#keypad.numpad2{display:flex;flex-direction:column}#keypad.row-reverse>div,#keypad.row>div{flex:1}#keypad.row{flex-direction:row}#keypad.row-reverse{flex-direction:row-reverse}.key{font-size:20px;cursor:pointer;margin:1px;height:40px;line-height:40px;width:calc(33.33% - 2px);border:1px solid #66666666;background-color:rgba(239,239,239,.5);text-align:center;border-radius:3px;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-block;box-sizing:border-box;vertical-align:top;transition:background-color .1s ease,transform .05s ease}.key.pressed,.key:active{background-color:rgba(180,180,180,.8);transform:scale(.95)}#keypad.column2>#numpad>.key,#keypad.numpad2>#numpad>.key{width:24%;width:calc(25% - 3px)}#keypad.column2>#numpad>.key.numpad,#keypad.numpad2>#numpad>.key.numpad,.key.numpad2{display:none}#keypad.column2>#numpad>.key.numpad2,#keypad.numpad2>#numpad>.key.numpad2{display:inline-block}.title{font-size:24px;margin:10px 0}.screen{display:none}#download-screen,#exit-screen,#splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}form[role=dialog][data-type=confirm]{background:#2d2d2d;overflow:hidden;position:absolute;z-index:102;top:0;left:0;right:0;bottom:0;padding-bottom:7rem;font-size:0;color:#fff;text-align:left}form[role=dialog][data-type=confirm]>section{font-weight:300;font-size:2.2rem;color:#fafafa;padding:0 1.5rem;-moz-box-sizing:padding-box;width:100%;display:inline-block;overflow-y:scroll;max-height:100%;vertical-align:middle;white-space:normal}form[role=dialog][data-type=confirm] h1{font-weight:400;font-size:1.6rem;line-height:1.5em;color:#fff;margin:0;padding:1rem 1.5rem 0}form[role=dialog][data-type=confirm] menu{white-space:nowrap;margin:0;padding:1.5rem;background:#4d4d4d;display:block;overflow:hidden;position:absolute;left:0;right:0;bottom:0}form[role=dialog][data-type=confirm] menu button::-moz-focus-inner{border:0;outline:0;margin-top:-.2rem}form[role=dialog][data-type=confirm] menu button{font-family:sans-serif;font-style:italic;width:100%;height:4rem;margin:0 0 1rem;padding:0 1.2rem;-moz-box-sizing:border-box;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#d8d8d8;border:0;border-radius:2rem;font-weight:400;font-size:1.6rem;line-height:4rem;color:#333;text-align:center;text-shadow:none;text-decoration:none;outline:0}form[role=dialog][data-type=confirm] menu button.recommend{background-color:#00caf2;color:#fff}form[role=dialog][data-type=confirm] menu button.danger{background-color:#e51e1e;color:#fff}form[role=dialog][data-type=confirm] menu button:active{background:#0ac;color:#fff}form[role=dialog][data-type=confirm]>menu>button[disabled]{background-color:#565656;color:rgba(255,255,255,.4);pointer-events:none}form[role=dialog][data-type=confirm]>menu>button[disabled].recommend{background-color:#006579}form[role=dialog][data-type=confirm]>menu>button[disabled].danger{background-color:#730f0f}button[disabled]::-moz-selection{-moz-user-select:none}form[role=dialog][data-type=confirm] menu button:last-child{margin-left:1rem}form[role=dialog][data-type=confirm] menu button,form[role=dialog][data-type=confirm] menu button:first-child{margin:0}form[role=dialog][data-type=confirm] menu button{width:calc((100% - 1rem)/2)}form[role=dialog][data-type=confirm] menu button.full{width:100%}form[role=dialog][data-type=confirm] p{word-wrap:break-word;margin:1rem 0 0;padding:1rem 1.5rem;border-top:.1rem solid #686868;line-height:3rem}form[role=dialog][data-type=confirm] p span{font-size:1.5rem;display:block;line-height:1.7rem;color:rgba(255,255,255,.6)}form[role=dialog][data-type=confirm] p img{float:left;margin-right:2rem}form[role=dialog][data-type=confirm] p strong{font-weight:300}form[role=dialog][data-type=confirm] p small{font-size:1.4rem;font-weight:400;color:#cbcbcb;display:block}form[role=dialog][data-type=confirm] dl{border-top:.1rem solid #686868;margin:1rem 0 0;overflow:hidden;padding-top:1rem;font-size:1.6rem;line-height:2.2rem}form[role=dialog][data-type=confirm] dl>dt{clear:both;float:left;width:7rem;padding-left:1.5rem;font-weight:500;text-align:left}form[role=dialog][data-type=confirm] dl>dd{padding-right:1.5rem;font-weight:300;text-overflow:ellipsis;vertical-align:top;overflow:hidden}form[role=dialog][data-type=confirm] figure{margin:1.5rem;display:flex;align-items:center}form[role=dialog][data-type=confirm] figure img{padding-right:1.5rem;flex-shrink:0}form[role=dialog][data-type=confirm] figure figcaption{font-size:2.1rem;font-weight:300}form[role=dialog][data-type=confirm] ul{margin:0;padding:2rem 1.5rem;border-top:.1rem solid #686868;list-style:none;font-size:1.6rem;font-weight:400}form[role=dialog][data-type=confirm] ul li{word-wrap:break-word;line-height:2rem;padding-bottom:1.5rem}form[role=dialog][data-type=confirm] ul li:last-child{padding-bottom:0}form[role=dialog][data-type=confirm] ul li ul{border:0;margin:0;padding:0}html[dir=rtl] form[role=dialog][data-type=confirm]{text-align:right}html[dir=rtl] form[role=dialog][data-type=confirm]:before{margin-left:auto;margin-right:-.1rem}html[dir=rtl] form[role=dialog][data-type=confirm] menu button:last-child{margin-left:auto;margin-right:1rem}html[dir=rtl] form[role=dialog][data-type=confirm] p img{float:right;margin-left:2rem;margin-right:auto}html[dir=rtl] form[role=dialog][data-type=confirm] dl>dt{float:right;padding-left:inherit;padding-right:1.5rem;text-align:right}html[dir=rtl] form[role=dialog][data-type=confirm] dl>dd,html[dir=rtl] form[role=dialog][data-type=confirm] figure img{padding-left:1.5rem;padding-right:inherit}