:root{--main-bg-color: #cccccc;--highlighted-color-yellow: #FEB72B;--highlighted-color-red: #ff6e6e;--highlighted-color-green: #1ed36f;--dark-panels-bg-color: rgba(0, 0, 0, 0.7)}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Metamorphous";src:url(fonts/bb257a2960aba3f377e5.woff2) format("woff2"),url(fonts/761637444d1e43a957c5.woff) format("woff"),url(fonts/70d932063f8890811533.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}.red{color:var(--highlighted-color-red)}.yellow{color:var(--highlighted-color-yellow)}.green{color:var(--highlighted-color-green)}img{-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{width:100%;height:100%}body *{font-family:"Metamorphous",cursive}body{background-color:var(--dark-panels-bg-color);font-size:1rem}body.game-started{overflow:hidden}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#container{width:100%;height:100%}#regenerate .c,#startBattle .c{padding:5px 10px;width:100%;border-radius:5px}#helpText *{font-size:small}#player-state-label{font-size:small;height:auto;color:var(--highlighted-color-yellow)}#regenerate{color:var(--highlighted-color-yellow);font-size:larger}#startBattle{color:var(--highlighted-color-red);font-size:larger}.help-panel{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--dark-panels-bg-color);color:#fff;padding:20px;border-radius:5px;display:none;font-size:small}.help-panel button{background-color:#565656}#info-container>section{display:none}#info-container>section.visible{display:block}.game-started #info-container{display:none}.game-started #game-container{display:block}.hidden-on-mobile{display:none}#control-panel-container{position:absolute;top:0;right:0;bottom:auto;left:auto;transform:none;max-width:100vw}@media screen and (min-width: 576px){#control-panel-container{right:15px}}@media screen and (min-width: 769px){.hidden-on-mobile{display:inherit}}.dg.ac select{font-size:small}.dg.ac{display:none}.game-started .dg.ac{display:block}#info-container>section{width:100%;padding:0;overflow-y:auto;text-align:center}#info-container>section h1,#info-container>section h2{color:var(--highlighted-color-yellow);margin:0px 0 20px 0}#info-container>section p{text-align:left;color:white;margin:0px;line-height:1.7em}#characters-canvas{background-color:var(--main-bg-color);width:100%;height:300px}table th,table td{padding:5px 20px}#info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-y:auto}#buttons-container{width:100%;background-color:var(--main-bg-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:0}#buttons-container button{width:250px}.section-content{padding:30px}#main-container{width:100%}table *{color:white}.table-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:20px;overflow-x:auto}button{width:100%;background-color:#343434;color:#fff;border:none;border-radius:6px;padding:15px 30px;text-transform:uppercase;font-weight:bold;cursor:pointer;transition:all .2s ease;margin-bottom:10px}button:hover{background-color:var(--highlighted-color-yellow);color:#000}button:active{background-color:#111;color:#fff}button:focus{outline:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:1000}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:20px;background-color:var(--main-bg-color);width:320px;text-align:center;border-radius:10px}.modal-content input{margin:10px 0px;padding:10px;width:100%;border:none;border-radius:6px}.modal-content input:focus{outline:none}.close-x-button{position:absolute;right:10px;top:5px;cursor:pointer}#game-message{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);font-size:5.3rem;text-align:center;width:100%;color:var(--highlighted-color-yellow);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;z-index:1000;-webkit-text-stroke:2px rgba(0, 0, 0, 0.7);text-shadow:3px 3px 5px rgba(0, 0, 0, 0.5)}#game-message.show{opacity:1;visibility:visible;animation:scaleEffect 1s forwards}@keyframes scaleEffect{0%{transform:translate(-50%, -50%) scale(0.8)}100%{transform:translate(-50%, -50%) scale(1)}}.end-of-round-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);z-index:1001}.end-of-round-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:20px;background-color:var(--dark-panels-bg-color);width:320px;text-align:center;border-radius:10px}.end-of-round-content h2{color:var(--highlighted-color-yellow);margin:0 0 20px 0}.end-of-round-content p{color:white;margin:0px 0 20px 0;text-align:center}canvas{cursor:grab}canvas.-dragging{cursor:grabbing}canvas.-moving{cursor:move}canvas.-zoomIn{cursor:zoom-in}#loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);z-index:9999;display:none;justify-content:center;align-items:center}#loading-panel{width:300px;text-align:center;color:white}#loading-bar-container{position:relative;margin-top:10px}#loading-bar{width:0%;height:22px;background-color:#4caf50;text-align:center;line-height:20px}#loading-text{position:absolute;top:0px;width:100%}#loading-bar.indeterminate{background:linear-gradient(-45deg, transparent, #ccc, transparent, #ccc);background-size:300% 300%;animation:indeterminate 1.5s infinite}@keyframes indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}