body{background-color:#87ceeb;height:100vh;margin:0}#root{flex-direction:column;height:100vh;display:flex}#container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#header{flex-shrink:0;height:30px}#chatdiv{border:1px solid #000;border-radius:10px;flex:1;min-height:0;overflow:hidden}#chatbox{box-sizing:border-box;background:ivory;height:100%;padding:5px;overflow-y:scroll}#bottombar{flex-shrink:0;padding:6px 8px}#bottombar-top{align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}#navdiv{flex-shrink:0}.navrow{gap:4px;margin-bottom:4px;display:flex}.navbutton{cursor:pointer;width:40px;height:28px;font-weight:700;box-shadow:3px 3px #0006}.navbutton-inactive{opacity:.3;cursor:default;box-shadow:none}.navbutton:not(.navbutton-inactive):hover{background-color:#b8bbc2}#statsbar{flex-direction:column;gap:3px;font-family:monospace;font-size:.85rem;display:flex}.stat-row{align-items:baseline;gap:6px;display:flex}.stat-label{color:#444;width:30px;font-weight:700}.stat-value{min-width:60px}.hp-value{color:#c0392b}.mp-value{color:#2980b9}.stat-boosted{color:#d4ac0d;font-weight:700}#inputdiv{width:100%}#inputform{gap:6px;display:flex}#messageBox{flex:1}.npcNameSpan{color:red}.playerNameSpan{color:#00f}.itemNameSpan{color:green}.whisperText{color:#f0f}.inventorymodal{background-color:#eee;border:1px solid #555;width:25%;height:25%;margin-left:auto;margin-right:auto;position:absolute;top:15%;left:0;right:0}.inventorymodaltext:hover{font-weight:700}.chatmessageclickable:hover{cursor:pointer;font-weight:700}#login-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#login-card{background:#f5f0e8;border:2px solid #555;border-radius:8px;flex-direction:column;gap:16px;width:340px;padding:32px 36px;display:flex;box-shadow:8px 8px #00000073}#login-title{text-align:center;color:#222;margin:0;font-size:1.3rem}.login-field{flex-direction:column;gap:4px;display:flex}.login-field label{color:#444;font-size:.85rem;font-weight:700}.login-field input{box-shadow:none;border:1px solid #999;border-radius:4px;padding:6px 8px;font-size:1rem}.login-field input:focus{border-color:#4a7aba;outline:2px solid #4a7aba}.login-error{color:#c0392b;background:#fdecea;border:1px solid #e8b4b0;border-radius:4px;padding:6px 8px;font-size:.85rem}#login-submit-btn{color:#fff;cursor:pointer;background:#4a7aba;border:none;border-radius:4px;width:100%;padding:8px;font-size:1rem;font-weight:700;box-shadow:3px 3px #0006}#login-submit-btn:hover{background:#3a6aa8;font-weight:700}#login-secondary{color:#555;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.login-link-btn{color:#4a7aba;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.login-link-btn:hover{color:#3a6aa8;background:0 0;font-weight:400}input,button{font-weight:400;box-shadow:5px 5px #00000080}input:active,button:active{box-shadow:3px 3px #00000080}button:hover{background-color:#b8bbc2;font-weight:700}