.character-lobby{color:#ede7d3;background:radial-gradient(at 75% 12%,#3f5041 0,#0000 45%),radial-gradient(at 12% 90%,#2e4237,#0000 52%),#15231e;flex-direction:column;min-height:100svh;padding:2rem 4vw;display:flex}.lobby-header,.lobby-account,.lobby-brand,.lobby-realms,.lobby-enter,.creation-actions,.appearance-options,.lobby-footer{align-items:center;display:flex}.lobby-header{justify-content:space-between;gap:1rem}.lobby-brand{color:#ede7d3;gap:.8rem;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;text-decoration:none}.lobby-brand small{color:#a4b3a4;margin-top:.25rem;font-family:system-ui,sans-serif;font-size:.7rem;font-weight:400;display:block}.lobby-account{color:#b9c1ae;gap:1rem;font-size:.8rem}.lobby-account button{color:#d6d7bd;cursor:pointer;background:#192a24;border:1px solid #65705b66;border-radius:.65rem;padding:.7rem}.lobby-content{width:min(1080px,100%);margin:auto;padding:4rem 0}.lobby-intro h1{margin:.65rem 0;font-family:Georgia,serif;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:500}.lobby-intro p{color:#b3beaf;max-width:40rem;font-size:.9rem;line-height:1.7}.lobby-realms{flex-wrap:wrap;gap:.6rem;margin:1.8rem 0}.lobby-realm{color:#b5c1ac;border:1px solid #75826c55;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.8rem;text-decoration:none;display:flex}.lobby-realm small{color:#92a08e;font-size:.65rem}.lobby-realm-active{color:#eee4b5;background:#68724733;border-color:#bcb36c}.realm-dot{background:#a3b97e;border-radius:50%;width:.35rem;height:.35rem}.lobby-admin-link{color:#c7c5a5;align-items:center;gap:.4rem;padding:.6rem;font-size:.75rem;text-decoration:none;display:inline-flex}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.2rem 0 1.4rem;display:grid}.character-card{text-align:left;color:#dedfc9;cursor:pointer;background:#17292099;border:1px solid #71816a66;border-radius:.85rem;align-items:center;gap:1rem;min-height:8.2rem;padding:1.2rem;transition:background .15s,border-color .15s;display:flex;position:relative}.character-card:hover{background:#2c4235;border-color:#a6b092}.character-card-selected{background:#384b36;border-color:#d2bc7b;box-shadow:inset 0 0 0 1px #d2bc7b44}.character-portrait{flex-shrink:0;width:64px;height:70px;display:block}.character-card-copy{min-width:0}.character-card strong{text-overflow:ellipsis;font:600 1.05rem Georgia,serif;display:block;overflow:hidden}.character-card small{color:#a4b39c;margin-top:.45rem;font-size:.7rem;display:block}.character-card-check{color:#dac585;position:absolute;top:.6rem;right:.6rem}.character-card-create{color:#a8b79e;background:0 0;border-style:dashed;justify-content:center;font-size:.85rem}.lobby-enter{color:#acb59f;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.85rem}.lobby-primary{color:#1c2c23;cursor:pointer;background:#d0b77b;border:1px solid #e1cb99;border-radius:.6rem;justify-content:center;align-items:center;gap:1rem;padding:.9rem 1.4rem;font-size:.85rem;font-weight:700;display:inline-flex}.lobby-primary:hover{background:#e0ca91}.lobby-primary:disabled{opacity:.5;cursor:default}.character-creation{background:#15261fbb;border:1px solid #78896966;border-radius:1rem;grid-template-columns:240px 1fr;gap:2rem;margin-top:2rem;padding:2rem;display:grid}.creation-portrait{color:#a5b094;text-transform:uppercase;letter-spacing:.18em;background:radial-gradient(circle,#4b6143,#0000 65%);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;font-size:.7rem;display:flex}.creation-portrait .character-portrait{width:180px;height:198px}.creation-fields{gap:1.1rem;display:grid}.creation-fields h2{margin:0;font:500 1.6rem Georgia,serif}.creation-fields label,.creation-fields legend{color:#bbcab1;gap:.5rem;font-size:.8rem;display:grid}.creation-fields input{color:#e4e7d4;background:#101f1a;border:1px solid #63745d;border-radius:.5rem;outline-color:#d0b77b;padding:.85rem}.creation-fields fieldset{border:0;margin:0;padding:0}.appearance-options{gap:.4rem;margin-top:.5rem}.appearance-options button{color:#c7d1b9;cursor:pointer;background:#1c3025;border:1px solid #61745a;border-radius:.45rem;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.75rem;display:inline-flex}.appearance-options button[aria-pressed=true]{color:#eee0b1;background:#4b5433;border-color:#d0b77b}.creation-actions{gap:1rem;margin-top:.4rem}.creation-actions>button:not(.lobby-primary){color:#b0bda4;cursor:pointer;background:0 0;border:0}.lobby-error{color:#f0b3a3;background:#74352a33;border-radius:.5rem;padding:.8rem 1rem;font-size:.8rem}.lobby-footer{color:#899c86;justify-content:space-between;gap:1rem;font-size:.65rem}@media (max-width:780px){.character-lobby{padding:1.2rem}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-creation{grid-template-columns:140px 1fr;gap:1rem;padding:1.2rem}.creation-portrait .character-portrait{width:130px;height:143px}}@media (max-width:520px){.lobby-brand small,.lobby-account>span{display:none}.lobby-content{padding:2.5rem 0}.character-grid{grid-template-columns:1fr}.character-card{min-height:7rem}.character-creation{grid-template-columns:1fr}.creation-portrait .character-portrait{width:95px;height:105px}.creation-portrait{gap:.25rem}.appearance-options{flex-wrap:wrap}.lobby-enter{flex-direction:column;align-items:stretch}.lobby-footer span:last-child{text-align:right;max-width:10rem}}
.hud-profile,.hud-map,.hud-hotbar,.hud-actions,.hud-interaction,.hud-toast,.hud-touch{z-index:3;color:#eee8d6;font-family:Arial,sans-serif;position:absolute}.hud-profile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(130deg,#1d3028ed,#182821de);border:1px solid #b6c09c33;border-radius:12px;grid-template-columns:52px 1fr;gap:7px 10px;width:224px;padding:11px 13px;display:grid;top:18px;left:18px;box-shadow:0 5px 22px #0e1c1b33}.hud-avatar{background:#314c38;border:1px solid #a7b58280;border-radius:50%;height:55px;position:relative}.hud-avatar .character-portrait{border-radius:50%;width:100%;height:100%}.hud-avatar>span{text-align:center;color:#223326;background:#c3ae73;border:1px solid #ece0b5;border-radius:9px;min-width:20px;padding:2px 4px;font-size:10px;font-weight:800;position:absolute;bottom:-4px;right:-3px}.hud-profile-copy{min-width:0;padding-top:2px}.hud-profile-copy>strong{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;font-size:13px;font-weight:600;display:block;overflow:hidden}.hud-level{color:#a8b69a;margin-top:3px;font-size:9px;display:block}.hud-xp{background:#99b18b26;border-radius:3px;height:3px;margin-top:7px;overflow:hidden}.hud-xp>span{background:#bdbe80;height:100%;display:block}.hud-xp-copy{text-align:right;color:#899e80;margin-top:3px;font-size:8px;display:block}.hud-vitals{grid-column:1/-1;gap:5px;margin-top:3px;display:grid}.hud-meter{color:#be7974;align-items:center;gap:7px;display:flex}.hud-meter-mana{color:#80a8b6}.hud-meter-stamina{color:#a7b985}.hud-meter-track{background:#b8c5a61a;border-radius:4px;flex:1;height:4px;overflow:hidden}.hud-meter-track>span{border-radius:inherit;background:currentColor;height:100%;transition:width .18s;display:block}.hud-meter>small{text-align:right;color:#bdc8b3;width:24px;font-size:9px}.hud-map{text-align:center;text-shadow:0 1px 4px #14261e;width:162px;top:18px;right:18px}.hud-map-frame{aspect-ratio:1;background:#192a24cc;border:1px solid #d5cc9677;border-radius:50%;padding:4px;position:relative;box-shadow:0 4px 20px #0d1c2266}.hud-map-frame canvas{border-radius:50%;width:100%;height:100%;display:block}.hud-map-north{color:#ece3b9;background:#233c2e;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.hud-map-place{letter-spacing:.06em;margin:8px 0 6px;font:600 11px Georgia,serif;display:block}.hud-world-info,.hud-connection{background:#14261ccc;justify-content:center;align-items:center;gap:12px;padding:4px 7px;font-size:9px;display:flex}.hud-world-info{border-radius:7px 7px 0 0}.hud-world-info>span{align-items:center;gap:4px;display:inline-flex}.hud-connection{color:#c1c9ac;border-radius:0 0 7px 7px;gap:5px;padding-bottom:6px}.hud-connection>svg{color:#9dbc7e}.hud-connection small{color:#93a387;margin-left:auto;font-size:8px}.hud-connection-offline{color:#d5ab86}.hud-hotbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18281edb;border:1px solid #b7c09840;border-radius:10px;grid-template-columns:repeat(9,44px);gap:4px;padding:5px;display:grid;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0e201b55}.hud-slot{cursor:pointer;color:#cdcda8;background:#a4b0900c;border:1px solid #81936b44;border-radius:6px;place-items:center;height:49px;padding:5px;display:grid;position:relative}.hud-slot:hover,.hud-slot:focus-visible{border-color:#c8bd82;outline:none}.hud-slot-selected{background:#b4a26129;border-color:#d8bf78;box-shadow:inset 0 0 10px #d8bf781c}.hud-slot-key{color:#aeb19b;font-size:8px;position:absolute;top:3px;left:5px}.hud-slot-selected .hud-slot-key{color:#f4dda0}.hud-slot .tool-art{width:30px;height:30px;margin-top:3px}.hud-slot-empty{cursor:default;background:#101f191c}.hud-slot-dot{border:1px solid #b6c19b33;width:3px;height:3px;transform:rotate(45deg)}.hud-tool-durability{background:#a3b38320;height:2px;position:absolute;bottom:4px;left:5px;right:5px}.hud-tool-durability>span{background:#b6b37d;height:100%;display:block}.hud-actions{gap:6px;width:160px;display:grid;bottom:18px;right:18px}.hud-auto{color:#c1cbb5;cursor:pointer;background:#1d3026e8;border:1px solid #9eae7b44;border-radius:7px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;display:flex}.hud-auto-light{background:#5e6d53;border-radius:50%;width:6px;height:6px;margin-left:auto}.hud-auto-active{color:#e6dca5;background:#4b5b35eb;border-color:#c7bf7b}.hud-auto-active .hud-auto-light{background:#e0cf8d;box-shadow:0 0 6px #e0cf8d88}.hud-menu-buttons{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.hud-menu-buttons>button{color:#cdd1b6;cursor:pointer;background:#1a2b22e8;border:1px solid #aeb99640;border-radius:7px;place-items:center;height:36px;display:grid}.hud-menu-buttons>button:hover{color:#ece1b8;background:#374737;border-color:#d8bf78}.hud-save-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hud-save{color:#b3c3a1;cursor:pointer;text-shadow:0 1px 3px #14241a;background:0 0;border:0;align-items:center;gap:4px;padding:2px;font-size:8px;display:inline-flex}.hud-save-error{color:#edb199}.hud-editor-link{color:#dfcc8c}.hud-interaction{text-align:left;cursor:pointer;background:#1b2b22dc;border:1px solid #bdbb8844;border-radius:8px;align-items:center;gap:9px;min-width:205px;padding:9px 12px;display:flex;bottom:87px;left:50%;transform:translate(-50%)}.hud-interaction-key{color:#d3c187;border:1px solid #bdc1a244;border-radius:4px;padding:5px 7px;font-size:10px}.hud-target-copy{flex:1;gap:4px;display:grid}.hud-target-copy strong{font-size:10px;font-weight:600}.hud-target-copy small{color:#afb99f;font-size:8px}.hud-target-health{background:#a4b68b26;border-radius:2px;height:3px;margin-top:1px;overflow:hidden}.hud-target-health>span{background:#c9b47b;height:100%;transition:width .15s;display:block}.hud-toast{text-align:center;pointer-events:none;background:#18291fbd;border-radius:5px;max-width:min(520px,70vw);padding:7px 13px;font-size:10px;line-height:1.5;bottom:156px;left:50%;transform:translate(-50%)}.hud-touch{display:none}@media (max-width:850px){.hud-hotbar{grid-template-columns:repeat(9,36px);gap:3px}.hud-slot{height:44px}.hud-actions{width:140px;right:12px}.hud-map{width:145px;right:12px}.hud-profile{width:204px;left:12px}}@media (max-width:620px){.hud-profile{border-radius:9px;grid-template-columns:40px 1fr;gap:5px 8px;width:180px;padding:9px;top:12px}.hud-avatar{height:43px}.hud-profile-copy>strong{font-size:11px}.hud-level{font-size:8px}.hud-xp{margin-top:5px}.hud-xp-copy{font-size:7px}.hud-vitals{gap:3px}.hud-map{width:120px;top:12px}.hud-map-place{margin:5px 0;font-size:10px}.hud-world-info{gap:9px;font-size:8px}.hud-connection{font-size:8px}.hud-connection small{display:none}.hud-hotbar{bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;padding:4px;left:12px;right:12px;transform:none}.hud-slot{height:44px;padding:2px}.hud-slot .tool-art{width:26px;height:28px}.hud-actions{width:146px;bottom:76px}.hud-auto{padding:7px 9px}.hud-menu-buttons>button{height:33px}.hud-interaction{min-width:210px;max-width:calc(100vw - 28px);bottom:181px}.hud-toast{width:max-content;max-width:calc(100vw - 30px);bottom:248px}.hud-touch{grid-template-columns:repeat(3,35px);gap:4px;display:grid;bottom:86px;left:12px}.hud-touch button{color:#d3d9bc;touch-action:none;background:#213529ce;border:1px solid #aebb9744;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.hud-touch button:first-child{grid-column:2}.hud-touch button:nth-child(2){grid-column:1}}@media (max-width:350px){.hud-profile{width:167px;left:8px}.hud-map{width:105px;right:8px}.hud-hotbar{gap:2px;left:8px;right:8px}.hud-slot{height:40px}}