.servers-page{margin:.7rem .75rem;display:grid;place-content:center}.servers-page .list{display:flex;flex-direction:column;gap:.25rem}.server-item{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;background:#0000008c;border:1px solid #888;border-radius:6px;padding:.5rem 1.2rem;font-size:1.15rem;color:#fff;transition:background .2s;margin-bottom:.15rem;box-shadow:0 2px 8px #0000001f}.server-item:hover{background:#3c3c3cbf}.server-name{font-weight:600;letter-spacing:.03em}.server-load{font-family:monospace;font-size:1rem;margin-left:1.5rem}.login-page{margin:.7rem .75rem;display:grid;place-content:center}.login-page form{pointer-events:auto;display:flex;flex-direction:column;gap:.25rem}.login-page .login-error{color:#d11313}.characters-page{margin:.7rem .75rem;display:grid;place-content:center}.characters-page .list{pointer-events:auto;display:flex;flex-direction:column;gap:.25rem}.characters-page .list .focused{background-color:gray}.characters-page .actions{margin:.7rem .75rem}.characters-page form{pointer-events:auto;display:flex;flex-direction:column;gap:.25}.world-page{display:grid;place-content:center;position:absolute;inset:0}.world-page .hud{position:absolute;inset:0}.world-page .hud .money{position:absolute;top:1rem;left:1rem}.world-page .hud .coords{position:absolute;top:2rem;left:1rem}.world-page .world-objects{position:absolute;inset:0}.world-label{display:flex;position:absolute;transform:translate(-10000px,-10000px);contain:layout}.world-label .text{background-color:#00000080;color:#fff;padding:.1rem .4rem;border-radius:.1rem;font-size:.75rem;transform:translate(-50%,-50%)}.maps-list{position:absolute;top:0;left:0;background-color:#00000080;font-family:monospace;color:#fff;font-size:14px;font-weight:700;display:flex;flex-direction:column;pointer-events:auto}.maps-list .maps-list-title{color:gold;text-align:center}.maps-list table{margin:20px 10px;border-collapse:collapse}.maps-list table th,.maps-list table td{padding:0 10px;text-align:center}.maps-list table th{color:#74a0e4}.maps-list table tbody tr:hover{background-color:#828013c4}.maps-list .close-button{background-color:#f00a;color:#fff;border:none;padding:5px 10px;border-radius:0}.notification{position:absolute;top:1rem;left:1rem;display:inline-flex;flex-direction:column;gap:.25rem}.notification .message{font-size:14px;color:#333;padding:10px;border-radius:4px;background-color:#f0f0f0da}.notification .message.error{background-color:#ffccccda;color:#d8000c}.debug{background-color:#1a1a1aaa;font-size:12px;color:#fff;padding:.5rem;position:absolute;bottom:0;left:0;pointer-events:auto;display:flex;flex-direction:column}.debug .tile-flags{display:flex;flex-direction:column}.debug .tile-flags .flag{background-color:#223782aa;border-radius:4px;text-align:center}#root,.app{display:grid;position:absolute;inset:0;pointer-events:none}body a{font-weight:500;color:#646cff;text-decoration:inherit}body a:hover{color:#535bf2}body h1{font-size:3.2em;line-height:1.1}body button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}body button:hover{border-color:#646cff}body button:focus,body button:focus-visible{outline:4px auto -webkit-focus-ring-color}