.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 .hud .panels-stack{position:absolute;top:0;bottom:82px;right:0;display:flex;flex-direction:row;gap:2px}.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}.bottom-bar{position:absolute;bottom:0;left:0;right:0;background-color:#333;display:flex;flex-direction:column;pointer-events:auto}.bottom-bar img{width:100%;height:100%}.bottom-bar .vertical-bar{position:relative}.bottom-bar .vertical-bar .bg{position:absolute;inset:0;background-color:#333;border-radius:2px;border:2px solid #000}.bottom-bar .vertical-bar .fill{position:absolute;bottom:0;left:0;right:0;width:100%}.bottom-bar .vertical-bar .current{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;font-size:12px}.bottom-bar .hp-bar .fill{background:linear-gradient(to right,#0a0a0a,#e00101,#e00101,#0a0a0a)}.bottom-bar .mp-bar .fill{background:linear-gradient(to right,#0a0a0a,#00f,#00f,#0a0a0a)}.bottom-bar .sd-bar .fill{background:linear-gradient(to right,#0a0a0a,orange,orange,#0a0a0a)}.bottom-bar .ag-bar .fill{background:linear-gradient(to right,#0a0a0a,#9400d3,#9400d3,#0a0a0a)}.bottom-bar .panel{display:grid;grid-template-columns:8fr 2fr 1fr 12fr 1fr 2fr 8fr;grid-template-rows:min-content;gap:1px}.bottom-bar .panel .consumable-items{display:flex;justify-self:end}.bottom-bar .panel .consumable-items .consumable-item{position:relative;width:52px;height:52px;border:2px solid #333;border-radius:4px;background:linear-gradient(to bottom,#0a0a0a,#666)}.bottom-bar .panel .consumable-items .consumable-item .item-icon{transform:scale(2)}.bottom-bar .panel .consumable-items .consumable-item .hot-key{position:absolute;top:-6px;left:-1px;color:gold;text-shadow:0 0 2px #000;font-size:16px}.bottom-bar .panel .consumable-items .consumable-item .count{position:absolute;bottom:0;right:0;color:#fff;font-size:14px}.bottom-bar .panel .skills{justify-self:center;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;font-size:8px}.bottom-bar .panel .buttons{justify-self:start;display:grid;grid-template-columns:repeat(5,1fr);font-size:8px}.bottom-bar .exp-bar{position:relative;height:8px;background-color:#555}.bottom-bar .exp-bar .fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0a,#66d914,#66d914,#0a0a0a)}.bottom-bar .exp-bar .value{position:absolute;right:1px;top:-8px;color:#fff;font-size:12px}.character-info{background-color:#333;pointer-events:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;border:2px solid #000;color:#fff;font-size:14px;height:100%}.character-info .nickname{font-size:16px;font-weight:700;text-align:center;color:#0ff}.character-info .level{color:#ff0}.character-info .level-points{display:flex;justify-content:space-between}.character-info .status{font-size:12px;text-align:center;color:#fff}.character-info .stats{display:flex;flex-direction:column;gap:4px}.character-info .stats .stat{display:flex;align-items:center;border-radius:8px;background-color:#626262;gap:8px}.character-info .stats .stat .label{width:6ch;text-align:center;color:#ff0}.character-info .stats .stat .value{width:10ch;text-align:center;color:#ff0;background-color:#000;border-radius:4px}.character-info .attribute-value{font-size:12px}.inventory{height:100%;background-color:#333;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border:2px solid #000;color:#fff;font-size:14px}.inventory .title{font-size:16px;font-weight:700;text-align:center}.inventory .status{font-size:12px;text-align:center}.inventory .equipment{display:grid;grid-template-columns:repeat(8,32px);grid-template-rows:repeat(7,32px);gap:1px}.inventory .equipment .equipment-item{border:2px solid #898989;border-radius:4px;background-color:#333}.inventory .equipment .equipment-item .item-icon{transform:scale(1.5)}.inventory .equipment .pet{grid-column:1 / 3;grid-row:1 / 3}.inventory .equipment .helmet{grid-column:4 / 6;grid-row:1 / 3}.inventory .equipment .wings{grid-column:6 / 9;grid-row:1 / 3}.inventory .equipment .leftHand{grid-column:1 / 3;grid-row:3 / 6}.inventory .equipment .amulet{grid-column:3 / 4;grid-row:3 / 4}.inventory .equipment .armor{grid-column:4 / 6;grid-row:3 / 6}.inventory .equipment .rightHand{grid-column:7 / 9;grid-row:3 / 6}.inventory .equipment .gloves{grid-column:1 / 3;grid-row:6 / 8}.inventory .equipment .leftRing{grid-column:3 / 4;grid-row:6 / 7}.inventory .equipment .pants{grid-column:4 / 6;grid-row:6 / 8}.inventory .equipment .rightRing{grid-column:6 / 7;grid-row:6 / 7}.inventory .equipment .boots{grid-column:7 / 9;grid-row:6 / 8}.inventory .equipment .amulet,.inventory .equipment .leftRing,.inventory .equipment .rightRing{transform:scale(1.2)}.inventory .inventory-items{display:grid;grid-template-columns:repeat(8,32px);grid-template-rows:repeat(8,32px);gap:1px;background-color:#898989;border:2px solid #d1d1d1;position:relative}.inventory .inventory-items .tooltip{position:absolute;pointer-events:auto}.inventory .inventory-items .tooltip-content{position:absolute;background-color:#333;border:1px solid #0a0a0a;width:100%;max-width:200px;z-index:10}.inventory .inventory-item{border:1px solid #0a0a0a;border-radius:2px;background-color:#333;position:relative;--item-w: 1;--item-h: 1}.inventory .inventory-item.w-2{--item-w: 2}.inventory .inventory-item.h-2{--item-h: 2}.inventory .inventory-item.w-3{--item-w: 3}.inventory .inventory-item.h-3{--item-h: 3}.inventory .inventory-item.w-4{--item-w: 4}.inventory .inventory-item.h-4{--item-h: 4}.inventory .inventory-item.w-5{--item-w: 5}.inventory .inventory-item.h-5{--item-h: 5}.inventory .inventory-item .bg{z-index:1;position:absolute;width:calc(var(--item-w) * 32px + calc(var(--item-w) - 1) * 1px);height:calc(var(--item-h) * 32px + calc(var(--item-h) - 1) * 1px);top:0;left:0}.inventory .inventory-item.used .bg{background-color:#00000060}.inventory .inventory-item .item-icon{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transform:scale(1.4)}.test-skills{position:absolute;bottom:80px;right:12px;display:flex;flex-direction:column;gap:2px}.test-skills button{pointer-events:auto;padding:0;border-radius:50%;aspect-ratio:1/1;background-color:#00000080;color:#fff;border:none;cursor:pointer;font-size:12px}.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:100px;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}.preloader-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:auto;background-color:#0a0a0a}.preloader-page .buttons{display:flex;flex-direction:column;gap:10px}.preloader-page .buttons button{font-size:20px;font-weight:700}#root,.app{display:grid;position:absolute;inset:0;pointer-events:none}#root img,.app img{width:100%;height:100%}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}