.character-creation-box{border:2px solid #ffa500;padding:20px 24px;width:640px}.character-creation-title{text-align:center;margin-bottom:12px;border-bottom:1px solid #ffa500;padding-bottom:6px}.character-creation-content{display:flex}.character-creation-character-box{border:1px solid #ffa500;border-right:0;padding:8px;width:50%;display:flex;align-items:center;justify-content:center}.character{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:.5px solid #ffa500}.character-creation-stats-box{border:1px solid #ffa500;padding:8px;width:50%}.core-footer{padding-top:1px;width:100%;font-size:.6rem;display:flex;justify-content:end}.chat-box{height:100%;display:flex;flex-direction:column;border:2px solid #ffa500}.chat-members{height:20%;border-bottom:2px solid #ffa500;display:flex;flex-direction:column;overflow:scroll;padding:4px 8px}.player{font-weight:700}.chat-messages{flex-grow:1;max-width:281px;padding:4px}.chat-actions>form{display:flex}.chat-actions>form>button{width:30%;border-right:0;border-bottom:0!important}.chat-actions>form>input{border-left:0;border-right:0;border-bottom:0}.login-box{border:2px solid #ffa500;padding:20px 24px;width:320px}.login-title{text-align:center;margin-bottom:12px;border-bottom:1px solid #ffa500;padding-bottom:6px}.error-message{border:1px solid #ffa500;color:orange;padding:6px;margin-bottom:14px;text-align:center}.field{margin-bottom:15px}label{display:block;margin-bottom:4px}input{width:100%;background:#000;color:orange;border:1px solid #ffa500;padding:6px;font-family:inherit;font-size:16px}button{background:#000;color:orange;border:2px solid #ffa500;padding:6px 16px;font-family:inherit;font-size:16px;cursor:pointer}.mode-select-box{border:2px solid #ffa500;padding:20px 24px;width:320px}.mode-select-title{text-align:center;margin-bottom:12px;border-bottom:1px solid #ffa500;padding-bottom:6px}.actions{text-align:center;margin-top:10px}button{background:#000;color:orange;border:2px solid #ffa500;border-bottom:0;padding:6px 16px;font-family:inherit;font-size:16px;cursor:pointer;width:100%}button:last-of-type{border-bottom:2px solid #ffa500}.game-screen{width:100%;height:100%;display:flex}.game-screen-layout{display:grid;grid-template-columns:500px 1fr 1fr;grid-template-rows:250px 250px;width:100%}.game-screen-chat{align-self:flex-end;width:400px}.game-view{grid-row:1 / span 2;border:1px solid;padding:98px;display:flex;flex-wrap:wrap;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.game-tile{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.wall-top{border-top:.5px solid}.wall-bottom{border-bottom:.5px solid}.wall-left{border-left:.5px solid}.wall-right{border-right:.5px solid}.game-actions,.game-stats{border:1px solid;padding:5px 10px}.game-minimap{border:1px solid}.game-minimap>canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1}.game-actions{display:flex;flex-direction:column;padding:0}.game-hits,.game-action{padding:4px 8px}.game-hits{font-weight:700}.game-action:hover{cursor:pointer;background:#ffa500;color:#000}.game-feedback{padding:20px;grid-column:2 / span 2;border:1px solid;display:flex;justify-content:center;align-items:center;flex-direction:column}ul{padding:10px 15px}li:hover{text-decoration:underline;cursor:pointer}table{width:100%}td:nth-of-type(1):hover{text-decoration:underline;cursor:pointer}td:nth-of-type(2){text-align:end}.popup-overlay{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;background-color:#00000080;align-items:center}.popup{border:2px solid;padding:10px;max-width:500px;background:#000000}.popup-title{border-bottom:1px solid;font-size:1.4rem;padding-bottom:10px}.popup-message{padding:10px 0}img.character-tile{width:40px;height:61px;background-color:orange}img.item_orb,img.item_gold{background-color:orange;height:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:orange;font-family:Courier New,Courier,monospace;height:100vh;display:flex;justify-content:center;align-items:center}orthanc{width:100%;height:100%;display:flex;justify-content:center;align-items:center}orthanc>game-screen{width:100%}button:hover{background:#ffa500;color:#000}input:focus{outline:none;box-shadow:0 0 4px currentColor}