@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo 2:wght@300;400;500;700&display=swap";*{-webkit-user-select:none;user-select:none;font-size:16px;box-sizing:border-box}*:focus{outline:none}html{font-family:Monospace;font-weight:300}body{margin:0;background-color:#000;color:#aaa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link,a{text-decoration:none;cursor:default;color:#aaa;-webkit-user-select:none;user-select:none}.link:hover:not(.disabled),a:hover:not(.disabled){cursor:pointer;color:#c4c4c4}.link.disabled,a.disabled{opacity:.4}.flex{display:flex;flex-wrap:wrap}.flex.nowrap{flex-wrap:nowrap}.vertical-center{align-items:center}.hover{cursor:pointer}.hover:hover{color:#fff}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:#111}*::-webkit-scrollbar-thumb{background-color:#444}#blocker{position:absolute;width:100%;height:100%;background-color:#1a1a16;-webkit-backdrop-filter:blur(3px) grayscale(40%);backdrop-filter:blur(3px) grayscale(40%);z-index:5}#instructions{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#instructions input{border:none;background:#000000b3;padding:8px 10px;color:#aaa;font-size:110%;margin:5px;text-align:center}.start-btn{font-size:180%;margin:10px;padding:4px 12px;border:solid #444 1px;cursor:pointer;background:#c8c8c81a}.start-btn:hover{color:#fff;background:#c8c8c833}.text-info{font-size:85%;color:#3cb4b4}.text-warning{font-size:85%;color:#faa000}#chat-container{position:absolute;left:5px;bottom:5px;border:solid black 1px;height:202px;width:240px;background:#000;z-index:5}#chat-container .input{height:23px}#chat-container .input input{font-size:14px;padding:3px;background:#222;border:none;width:100%;color:#aaa}#chat-container .content{padding:2px;height:177px;max-height:177px;background:#111;overflow-y:scroll;overflow-x:hidden;font-family:monospace}#chat-container .content p{margin:0 0 2px;line-height:14px}#chat-container .content .msg{font-family:Roboto;font-size:14px;color:#bbb}#chat-container .content .nickname{font-family:Roboto;font-size:14px;opacity:.6;margin-right:4px}.crosshair{color:#fff}.box{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:solid rgba(100,100,100,.2);background:#1a1a1699;padding:10px}h1{font-family:"Exo 2";font-size:80px;margin:0;text-shadow:0px 0px 5px #000,0px 0px 24px #000}#blood{position:absolute;left:0;right:0;top:0;bottom:0;background:#f009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;display:none}#action-container{position:absolute;display:flex;left:0;right:0;width:100%;bottom:0;padding:5px;justify-content:center}#action-container .mana-container{position:absolute;bottom:58px}#action-container .mana-container .mana-bar{border:solid black 1px;height:15px;width:200px;background:#000a28}#action-container .mana-container #mana-value{position:absolute;height:13px;background:#006ea0}#action-container .hp-container{position:absolute;bottom:76px}#action-container .hp-container .hp-bar{border:solid black 1px;height:15px;width:200px;background:#002800}#action-container .hp-container #hp-value{position:absolute;height:13px;background:#00963c}#action-container #action-slot-items .item{background:#000;display:inline-block;border:solid #666 1px;color:#888;width:50px;height:50px;font-size:12px;font-family:monospace;text-align:center}#action-container #action-slot-items .item:not(:last-child){margin-right:5px}#action-container #action-slot-items .item.active{color:#fff;border:solid #fff 1px}#game-html-container{position:absolute;display:none;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:10}#player-online-container{position:absolute;right:5px;top:5px;background:#000c;padding:5px;color:#ddd;z-index:6}#compass{position:absolute;top:0;left:0;right:0;width:360px;height:20px;margin:0 auto;background:#000000e6;overflow:hidden}#compass div{font-size:18px;position:absolute;left:0}#message-container{position:absolute;z-index:40;font-size:16px;color:#f0b446;text-shadow:-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000,1px 1px 3px #000;left:50%;top:38%;transform:translate(-50%)}