:root{color-scheme:dark;--vm-bg:#171216;--vm-line:#54313e;--vm-red:#ed3657;--vm-muted:#b8a6ae;--vm-header:78px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#161316;color:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff839a;outline-offset:3px}#map{position:absolute;top:var(--vm-header);bottom:0;width:100%;height:calc(100% - var(--vm-header));background:#1c1c20}.vm-header{height:var(--vm-header);position:fixed;inset:0 0 auto;z-index:11000;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid var(--vm-line);background:#171216;box-shadow:0 8px 30px #0004}.vm-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;flex-shrink:0}.vm-brand>span{font-size:21px;font-weight:850;letter-spacing:.14em;line-height:1.1}.vm-brand small{display:block;font-size:9px;font-weight:650;letter-spacing:.18em;color:#e28395;margin-top:7px}.vm-world{display:flex;align-items:center;gap:9px;padding-left:28px;border-left:1px solid var(--vm-line);font-size:13px;min-width:0}.vm-world #vm-world-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#ee5874;box-shadow:0 0 12px #ed36575c}.vm-live{color:#ed879b;font-size:9px;letter-spacing:.12em;font-weight:800}.vm-header nav{margin-left:auto;display:flex;gap:24px}.vm-header nav a{font-size:13px;color:#cfbdc6;text-decoration:none}.vm-header nav a:hover{color:#fff}.vm-language,.vm-menu{height:36px;border:1px solid #65404e;border-radius:7px;color:#fff;background:#2b1b24;padding:0 13px;font-size:12px;font-weight:700}.vm-menu{display:flex;align-items:center;gap:8px;background:#b51f3f;border-color:#e44866}.vm-language:hover,.vm-menu:hover{filter:brightness(1.16)}.vm-intro{position:fixed;top:110px;left:82px;z-index:600;pointer-events:none;text-shadow:0 2px 12px #000,0 1px 4px #000}.vm-eyebrow{color:#ff9daf;font-size:10px;letter-spacing:.2em;font-weight:800}.vm-intro h1{font-size:clamp(23px,3vw,38px);letter-spacing:-.04em;line-height:1.1;margin:9px 0}.vm-intro p{font-size:12px;color:#e3d4dc;margin:0}.leaflet-top{top:24px}.leaflet-left{left:18px}.leaflet-right{right:18px}.leaflet-bar,.leaflet-control-layers{border:1px solid var(--vm-line)!important;border-radius:9px!important;background:#1b141bea!important;color:#f6e9ef!important;box-shadow:0 6px 22px #0005!important;backdrop-filter:blur(14px)}.leaflet-bar a,.leaflet-bar a:hover{background:#231820;color:#fff;border-color:#51303e;width:36px;height:36px;line-height:36px}.leaflet-bar a:hover{background:#632439}.leaflet-bar a.leaflet-disabled{background:#231820;color:#6c535f}.leaflet-control-layers{padding:8px 11px}.leaflet-control-layers-expanded{font-size:12px;line-height:1.8}.leaflet-control-layers label{cursor:pointer}input[type=checkbox]{accent-color:var(--vm-red)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#21161f;color:#f4e5ed}.leaflet-popup-content-wrapper{border:1px solid #704052;border-radius:12px}.leaflet-popup-content{line-height:1.6}.leaflet-container a.leaflet-popup-close-button{color:#e4a6b6}.leaflet-tooltip{background:#241720;color:#fff;border-color:#744154;border-radius:6px}.leaflet-tooltip-right:before{border-right-color:#744154}.leaflet-control-layers.coordinates{font-size:11px;line-height:1.5;height:auto;min-height:38px;padding:9px 13px;font-family:ui-monospace,monospace}.leaflet-bottom{bottom:48px}.leaflet-control-layers.link{display:none}.vm-toolbar{position:fixed;left:28px;top:206px;z-index:800;display:grid;border:1px solid var(--vm-line);border-radius:9px;background:#1b141bea;box-shadow:0 6px 22px #0005;overflow:hidden}.vm-toolbar button{width:36px;height:38px;border:0;border-bottom:1px solid #51303e;background:transparent;color:#f6e9ef;font-size:24px;line-height:1}.vm-toolbar button:last-child{border-bottom:0}.vm-toolbar button:hover{background:#632439}.vm-toolbar button:disabled{opacity:.4;cursor:wait}#sidebar,#sidebar.show{top:calc(var(--vm-header) + 18px);right:18px;width:290px;height:auto;max-height:calc(100dvh - var(--vm-header) - 76px);padding:20px;z-index:10500;background:#1c141cf5;border:1px solid #65404e;border-radius:14px;text-align:left;box-shadow:0 16px 50px #0006;backdrop-filter:blur(18px);display:flex;overflow:hidden;transform:translateX(calc(100% + 30px));visibility:hidden;transition:transform .2s,visibility .2s}#sidebar.show{transform:translateX(0);visibility:visible}#sidebar #pin{display:none}#sidebar fieldset,#sidebar fieldset#worlds,#sidebar fieldset#players{margin:12px 0 0;padding:0;border:0;white-space:normal;min-width:0;flex-shrink:0}#sidebar fieldset#players{flex-shrink:1;overflow:auto;min-height:60px}#sidebar legend{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#cda4b4;padding:12px 0;margin:0}#sidebar fieldset a,#sidebar fieldset#players a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#e7d9e1;font-size:12px;overflow-wrap:anywhere}#sidebar fieldset a img{width:24px;height:24px;padding:0;filter:none}#sidebar fieldset a:hover,#sidebar fieldset a.following,#sidebar fieldset a.vm-active{background:#b8274330;border-color:#88344e}.vm-panel-title{font-size:20px;font-weight:750;letter-spacing:-.03em;margin:0 0 3px}.vm-panel-note{font-size:11px;color:var(--vm-muted);margin:0 0 16px;line-height:1.5}.vm-search{width:100%;background:#120e14;border:1px solid #57303f;border-radius:7px;padding:11px 12px;color:white;font-size:12px}.vm-search::placeholder{color:#a88a99}.vm-empty{font-size:12px;color:#baa2ae;padding:10px}.vm-status{position:fixed;right:28px;bottom:45px;z-index:800;display:flex;align-items:center;gap:9px;background:#1b141bea;border:1px solid var(--vm-line);border-radius:30px;padding:9px 13px;color:#dbc7d2;font-size:11px;max-width:calc(100% - 40px)}.vm-status.is-error .vm-dot{background:#e1a253}.vm-footer{position:fixed;inset:auto 0 0;height:32px;z-index:800;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:9px;letter-spacing:.12em;color:#a28998;background:#160f16d9;border-top:1px solid #54313e66}.vm-footer span:first-child{font-weight:750;color:#d6b6c5}#vm-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,12px);background:#2d1824;border:1px solid #a33c5c;border-radius:9px;color:#fff;padding:12px 20px;font-size:12px;z-index:12000;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#vm-toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1000px){body.vm-panel-open .leaflet-right{right:326px}}@media(max-width:760px){:root{--vm-header:66px}.vm-header{padding:0 16px;gap:12px}.vm-brand{gap:8px}.vm-brand img{width:28px;height:34px}.vm-brand>span{font-size:17px}.vm-brand small{font-size:8px;letter-spacing:.1em}.vm-world,.vm-header nav{display:none}.vm-language{margin-left:auto}.vm-menu{padding:0 10px}.vm-intro{top:91px;left:72px}.vm-intro h1{font-size:25px}.vm-intro p{max-width:185px;font-size:11px}.vm-eyebrow{font-size:8px}.leaflet-left{left:8px}.leaflet-right{right:10px}.leaflet-top{top:18px}.vm-toolbar{left:18px;top:188px}#sidebar,#sidebar.show{top:calc(var(--vm-header) + 10px);right:10px;width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - var(--vm-header) - 70px);padding:18px}.vm-status{bottom:43px;right:16px;font-size:10px;max-width:calc(100% - 180px)}.vm-footer{padding:0 16px;font-size:8px;letter-spacing:.06em}.leaflet-control-layers.coordinates{font-size:10px;padding:7px 9px;min-height:34px}.vm-panel-open .vm-intro{opacity:0}.leaflet-bottom{bottom:46px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Varelon official identity, sourced from the main website. */
@font-face{font-family:Sora;src:url('./Sora.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:VarelonDisplay;src:url('./BlackOpsOne.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--vm-bg:#161112;--vm-line:#453136;--vm-red:#d71525;--vm-muted:#b2a2a8;--vm-header:84px}body{font-family:Sora,Arial,sans-serif;background:#161112}.vm-header{background:linear-gradient(110deg,#241a1c,#191415 65%);border-top:3px solid #d71525;border-bottom:1px solid #4d3036;box-shadow:0 4px 24px #0005;padding:0 32px;gap:30px}.vm-brand{gap:13px}.vm-brand img{width:60px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}.vm-brand>span{font:400 27px/1 VarelonDisplay,Arial,sans-serif;letter-spacing:.05em}.vm-brand small{font:600 8px/1.3 Sora,Arial,sans-serif;letter-spacing:.18em;color:#d3848b;margin-top:8px}.vm-world{font-size:12px;gap:10px;padding-left:30px}.vm-world #vm-world-name{font-weight:650;color:#f5e9eb}.vm-live{font-size:8px;color:#d7a0a7;background:#b91f3020;border:1px solid #82343e;border-radius:4px;padding:4px 6px}.vm-dot{background:#ef5e6c;box-shadow:0 0 9px #ed365750}.vm-header nav a{font-size:11px;font-weight:500;color:#bcaeb2}.vm-header nav a:hover{color:#fff}.vm-language{background:transparent;border-color:#513a40;color:#d4c0c6;font-size:11px;height:36px}.vm-menu{background:#b81426;border-color:#de3445;font-size:11px;height:36px;gap:8px;padding:0 14px;box-shadow:0 3px 10px #870c1a30}.vm-menu svg,.vm-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.vm-toolbar{top:210px;background:#1c1618ee;border-color:#4d343c;border-radius:8px}.vm-toolbar button{display:grid;place-items:center;height:40px;width:38px}.vm-toolbar button:hover{background:#441c25}.leaflet-bar,.leaflet-control-layers{background:#1e171aef!important;border-color:#51363f!important;box-shadow:0 5px 16px #0005!important}.leaflet-bar a,.leaflet-bar a:hover{background:#20171b;border-color:#51363f;width:38px;height:38px;line-height:38px}.leaflet-bar a:hover{background:#441c25}.leaflet-control-layers-expanded{font-family:Sora,Arial,sans-serif;font-size:11px;line-height:2}.leaflet-control-layers-separator{border-top-color:#51363f}#sidebar,#sidebar.show{background:linear-gradient(150deg,#261b1ff7,#191416f7);border-color:#5b3741;border-radius:10px;padding:22px;max-height:calc(100dvh - var(--vm-header) - 86px);box-shadow:0 12px 40px #0005}#sidebar fieldset#worlds{display:none}.vm-panel-title{font-size:18px;letter-spacing:-.04em;font-weight:650;margin:0 0 8px}.vm-panel-note{font-size:10px;line-height:1.7;max-width:225px;color:#ae979f;margin-bottom:20px}.vm-search{font-family:Sora,Arial,sans-serif;background:#150f12;border-color:#53343f;padding:12px;font-size:11px;border-radius:6px}.vm-search:focus{border-color:#b74a5d;outline:1px solid #b74a5d;outline-offset:0}#sidebar legend{font-size:9px;letter-spacing:.12em;color:#c58a99;padding:15px 0 12px}#sidebar fieldset#players a{font-family:Sora,Arial,sans-serif;font-size:11px;padding:10px;border-radius:6px;min-height:43px}#sidebar fieldset a img{width:26px;height:26px;image-rendering:pixelated;border-radius:4px}#sidebar fieldset a.following,#sidebar fieldset a:hover{background:#ba243329;border-color:#7b3443}.vm-empty{font-size:11px;line-height:1.6;color:#9c828d;border-top:1px solid #51313d;padding:15px 0 0;margin:4px 0 0}.vm-status{background:#1b1518e8;border-color:#50313b;box-shadow:0 3px 14px #0004;border-radius:6px;padding:10px 13px;font-size:10px;color:#ccb6bf}.vm-footer{background:#161112ed;border-color:#483038;font-size:8px;color:#8c727c;height:30px}.vm-footer span:first-child{color:#b99ba7;font-weight:600}.leaflet-control-layers.coordinates{border-radius:6px!important;min-height:40px;line-height:1.6;font-size:10px}.leaflet-popup-content-wrapper{background:#24191e;border-color:#6a3b4a;box-shadow:0 9px 24px #0006}.leaflet-popup-content{font-family:Sora,Arial,sans-serif;font-size:11px}.leaflet-tooltip{background:#24191eee;font:11px Sora,Arial,sans-serif;border-color:#6c3c4c}.vm-intro{display:none}.leaflet-control-zoom a{font-family:Arial,sans-serif}.leaflet-top{top:22px}.leaflet-right{right:22px}.leaflet-left{left:18px}.vm-footer,.vm-header,.vm-toolbar,.vm-status,#sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
@media(max-width:760px){:root{--vm-header:76px}.vm-header{padding:0 14px;gap:10px;border-top-width:2px}.vm-brand{gap:8px}.vm-brand img{width:43px;height:52px}.vm-brand>span{font-size:21px}.vm-brand small{font-size:6.5px;letter-spacing:.08em;margin-top:6px}.vm-language{height:34px;font-size:10px;padding:0 10px}.vm-menu{height:34px;padding:0 10px;font-size:10px;gap:5px}.vm-menu svg{width:16px}.vm-toolbar{top:201px;left:18px}.leaflet-top{top:18px}.leaflet-left{left:8px}.leaflet-right{right:10px}.vm-status{font-size:9px;right:13px;max-width:calc(100% - 165px);padding:9px}.vm-footer{padding-inline:14px;font-size:7px}.leaflet-control-layers.coordinates{font-size:9px;padding:8px;min-height:36px}#sidebar,#sidebar.show{padding:20px;max-height:calc(100dvh - var(--vm-header) - 72px)}}
@media(max-width:360px){.vm-header{gap:7px;padding-inline:10px}.vm-brand>span{font-size:18px}.vm-brand img{width:36px;height:47px}.vm-menu{padding:0 8px}.vm-menu span{display:none}.vm-brand small{font-size:6px}.vm-language{padding-inline:8px}}