html,body,*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;position:relative}h1,h2,p,a{text-align:center;color:#444;font-family:Roboto,Tahoma,Arial,sans-serif}h1{font-size:3em;margin:0 0 .2em 0;font-variant:small-caps}h2{font-size:1.8em;margin:0 0 1em 0}pre{color:#444;max-width:500px;margin:1em auto}main{min-height:100vh;display:flex;align-items:center;justify-content:center}main>section{display:none;width:100vw;padding:2em}main>section.active{display:block}main>section#incompatible{padding-bottom:5em}@media screen and (max-width: 600px){main>section{padding-bottom:8em}}footer{position:absolute;bottom:0;left:0;right:0;padding:1em;font-size:.8em;text-align:left}footer p,footer a{color:hsl(0,0%,56.6666666667%)}#popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);pointer-events:none;transition:background-color .2s ease}#popup.active{background-color:rgba(0,0,0,.4);pointer-events:all}#popup.active #content{transform:scale(1);opacity:1}#popup #content{max-width:450px;padding:2em;border-radius:10px;background-color:#f5f5f5;-webkit-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);transition:transform .2s ease,opacity .2s ease;transform:scale(0.7);opacity:0}#popup #content .buttons{text-align:center;margin:1em auto 0 auto}#popup #content .buttons button{margin:1em;padding:1em 1.5em;color:#eee;border-radius:5px;border:0;cursor:pointer;font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.9em}#popup #content .buttons button.yes{background-color:#36a252}#popup #content .buttons button.yes:focus{background-color:hsl(135.5555555556,50%,39.3529411765%)}#popup #content .buttons button.yes:hover{background-color:hsl(135.5555555556,50%,45.3529411765%)}#popup #content .buttons button.no{background-color:#e45252}#popup #content .buttons button.no:focus{background-color:hsl(0,73%,57.7843137255%)}#popup #content .buttons button.no:hover{background-color:hsl(0,73%,63.7843137255%)}.test-panel{max-width:500px;margin:1.5em auto 0 auto;padding:1em 1.5em;background-color:#f5f5f5;border:1px solid hsl(0,0%,88.0784313725%);border-radius:8px}.test-panel h2{font-size:1em;text-align:left;margin:0 0 .5em 0;color:hsl(0,0%,41.6666666667%)}.test-panel ul{list-style:none;margin:0;padding:0}.test-panel li{font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.85em;text-align:left;padding:.3em 0 .3em 1.6em;position:relative;color:#444}.test-panel li::before{position:absolute;left:0;top:.3em}.test-panel li.pending::before{content:"●";color:#cdcdce}.test-panel li.pass::before{content:"✓";color:#36a252}.test-panel li.fail::before{content:"✕";color:#e45252}#files{display:none;max-width:600px;margin:1em auto 0 auto;padding:0 1em}#files.active{display:block}#files h2{font-size:1.2em;text-align:left}#files .hint{font-size:.8em;text-align:left;color:hsl(0,0%,51.6666666667%);margin-top:.8em}#files ul#file-list{list-style:none;margin:.5em 0 0 0;padding:0}#files ul#file-list li{display:flex;align-items:center;gap:.6em;padding:.6em .8em;margin-bottom:.5em;border-radius:6px;background-color:#fff;-webkit-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.85em}#files ul#file-list li .file-name{flex:1;text-align:left;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#files ul#file-list li .file-status{font-size:.85em;color:hsl(0,0%,51.6666666667%);white-space:nowrap}#files ul#file-list li.status-sent .file-status{color:#36a252}#files ul#file-list li.status-error .file-status{color:#e45252}#files ul#file-list li.status-sending .file-status{color:#3237d4}#files ul#file-list li button{border:0;border-radius:4px;padding:.4em .8em;cursor:pointer;font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.85em}#files ul#file-list li .send-btn{background-color:#3237d4;color:#fff}#files ul#file-list li .send-btn:disabled{background-color:#cdcdce;color:#888;cursor:not-allowed}#files ul#file-list li .remove-btn{background-color:rgba(0,0,0,0);color:hsl(0,0%,61.6666666667%);padding:.4em .6em}#files ul#file-list li .remove-btn:hover{color:#e45252}#popup .custom{max-width:400px;margin:0 auto;text-align:left}#popup .custom details.instructions{font-size:.85em;color:hsl(0,0%,36.6666666667%);margin-bottom:1em}#popup .custom details.instructions summary{cursor:pointer;color:#3237d4;font-weight:bold}#popup .custom details.instructions ol{margin:.6em 0 0 1.2em;padding:0}#popup .custom details.instructions kbd{display:inline-block;padding:.1em .4em;border-radius:3px;background-color:hsl(0,0%,86.0784313725%);border:1px solid #c2c2c2;font-family:monospace}#popup .custom input[type=text]{width:100%;padding:.6em .8em;border-radius:5px;border:1px solid hsl(0,0%,81.0784313725%);font-family:Roboto,Tahoma,Arial,sans-serif;font-size:1em}#popup .custom input[type=text].invalid{border-color:#e45252}#games{max-width:600px;margin:1.5em auto 0 auto;padding:0 1em}#games h2{font-size:1.2em;text-align:left}#games .hint{font-size:.8em;text-align:left;color:hsl(0,0%,51.6666666667%);margin:.3em 0 .8em 0}#games .game-category{background-color:#fff;border-radius:6px;margin-bottom:.6em;-webkit-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);box-shadow:0px 0px 33px -10px rgba(0,0,0,.75);overflow:hidden}#games .game-category .game-category-toggle{display:block;width:100%;text-align:left;padding:.8em 1em;background:none;border:0;cursor:pointer;font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.95em;color:#444;font-weight:bold}#games .game-category .game-category-toggle::before{content:"▸";display:inline-block;margin-right:.5em;transition:transform .15s ease}#games .game-category.open .game-category-toggle::before{transform:rotate(90deg)}#games .game-category .game-file-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .2s ease}#games .game-category.open .game-file-list{max-height:400px;overflow-y:auto}#games .game-category .game-file-list li{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.5em 1em;font-size:.85em;border-top:1px solid hsl(0,0%,91.0784313725%)}#games .game-category .game-file-list li.loading,#games .game-category .game-file-list li.empty{color:hsl(0,0%,56.6666666667%);justify-content:flex-start}#games .game-category .game-file-name{text-align:left;color:#444}#games .game-category .add-btn{border:0;border-radius:4px;padding:.4em .8em;cursor:pointer;font-family:Roboto,Tahoma,Arial,sans-serif;font-size:.85em;background-color:#3237d4;color:#fff;white-space:nowrap}#games .game-category .add-btn:disabled{background-color:#cdcdce;color:#888;cursor:default}main section.buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:2em}main section.buttons button{width:20vw;max-width:200px;min-width:140px;height:20vw;max-height:200px;min-height:140px;margin:5vh 2vw 5vh 2vw;border-radius:50%;background-color:#cdcdce;border:0px;cursor:default;color:#888;font-family:Roboto,Tahoma,Arial,sans-serif;transition:background-color .2s ease,border .2s ease}main section.buttons button.active{background-color:#3237d4;cursor:pointer;color:#eee}main section.buttons button.active:focus{background-color:rgb(16.7743516762%,18.724857685%,79.9707463631%)}main section.buttons button.active:hover{background-color:rgb(24.5675205566%,26.4073371284%,84.1775774826%)}main section.buttons button.complete{background-color:#36a252;cursor:pointer;color:#eee}main section.buttons button.complete:focus{background-color:hsl(135.5555555556,50%,40.3529411765%)}main section.buttons button.complete:hover{background-color:hsl(135.5555555556,50%,44.3529411765%)}main section.buttons button.complete span{color:#36a252;font-size:0;width:38px;height:57px;padding-top:6px;margin:0px auto}main section.buttons button.complete span:before{content:" ";left:50px;display:block;box-sizing:content-box;width:28px;height:15px;border:5px solid #fff;border-top:0;border-right:0;transform:translate(0px, 18px) rotate(-45deg);transform-origin:left top;-ms-animation:checkmark-animation .6s 1 ease;-webkit-animation:checkmark-animation .6s 1 ease;animation:checkmark-animation .6s 1 ease}@-ms-keyframes checkmark-animation{0%{height:0;width:0;opacity:1}50%{height:15px;width:0;opacity:1}100%{height:15px;width:28px;opacity:1}}@-webkit-keyframes checkmark-animation{0%{height:0;width:0;opacity:1}50%{height:15px;width:0;opacity:1}100%{height:15px;width:28px;opacity:1}}@keyframes checkmark-animation{0%{height:0;width:0;opacity:1}50%{height:15px;width:0;opacity:1}100%{height:15px;width:28px;opacity:1}}main section.buttons button:focus{outline:none}main section.buttons button span.number{font-size:3em;display:block;margin:0 0 .2em 0}main section.buttons button span.label{display:block;font-size:.8em;padding:0 .3em;line-height:1.3}@media screen and (max-width: 600px){main section.buttons{flex-direction:column;margin:4vh}main section.buttons button{margin:2vh 2vw 2vh 2vw}}/*# sourceMappingURL=style.css.map */