*,*::before,*::after{box-sizing:border-box}body,h1,ul,li{margin:0;padding:0}ul{list-style:none}@keyframes blink{0%{background:rgba(255,0,0,.5)}50%{background:rgba(255,0,0,0)}100%{background:rgba(255,0,0,.5)}}body{background-color:#000;color:#fff;font-size:24px;padding:0;position:relative;width:100%;user-select:none}h1{margin-bottom:8px;font-size:48px;text-align:center;background-color:#000;padding:4px;letter-spacing:2px}span{color:red;margin-right:5px}#content{display:flex;flex-direction:column;margin:0 auto 100px}#content ul{padding:4px 8px;margin:0 auto;padding:0;list-style:none;display:flex;flex-wrap:wrap;text-align:center}#content ul>li{background-color:#000;margin:4px;padding:2px 8px;border:4px solid #fff;font-size:24px;cursor:pointer;text-align:center;flex:auto;float:left;box-sizing:border-box}#content ul>li:hover{background-color:#fff;color:#000}#content ul>li.hover{background-color:red;color:#000}#interactions{width:100%;background-color:#000;padding:8px 15px;color:#fff;position:fixed;bottom:0;font-size:24px}#interactions div{display:inline-block}#status{background-color:#000;color:#fff;text-align:left;height:32px;width:30%}#status span{color:red;text-transform:uppercase}#options{background-color:#000;height:32px;color:#fff;text-align:right;width:38%}#options .option{color:#fff;text-align:right;cursor:pointer}#options .option span{color:#33f}#options .option .checkbox{margin:0 3px;color:lime}#searchbox{background-color:#000;z-index:1;color:#fff;text-align:left;width:30%;height:32px}#searchbox input{font-size:18px;width:150px}#overlay{background:#000;position:fixed;top:70px;bottom:60px;left:0;right:0;z-index:1000;opacity:.8}#warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.8);text-align:center;color:#fff;padding-top:25%;z-index:1000}@media only screen and (max-width: 1300px){.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#interactions{position:relative}#interactions.fix-to-top{top:0;position:fixed}#options{padding-left:0;position:relative;left:0;top:0}#options .option{padding-left:0}#searchbox{position:relative;left:0;top:0;padding-left:0;padding-right:0}#searchbox input{font-size:14px}#status{position:relative;left:0;top:0;padding-right:0}#content{width:auto}#content ul{display:block;width:auto;margin:0 auto;text-align:center}#content ul li{display:inline-block;width:40%}}@media only screen and (max-width: 700px){h1{font-size:24px}#interactions{padding:4px 5px;font-size:14px}#options{padding:0}#searchbox{padding:0}#searchbox input{font-size:12px}#status{padding:0}#content{width:auto}#content ul{display:block;width:auto}#content ul li{display:block;width:auto}}