@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#dfff86;--muted:#a2b4bd;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b8cbd0;color:#f4f7f6;font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);background:#172833df;color:inherit;border-radius:9px;padding:11px 15px;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:0}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#07121c88,transparent 22%,transparent 78%,#07121c66)}header{position:fixed;top:23px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.brand{font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:white;text-decoration:none;text-shadow:0 2px 10px #0008;pointer-events:auto}.brand b{color:var(--lime)}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:3px;color:#dfebeb}#network{font-size:9px;letter-spacing:1px;border:1px solid #ffffff30;background:#152631ad;border-radius:20px;padding:9px 13px}#network.online:before{content:'●';color:var(--lime);margin-right:7px}.panel{background:#10212bee;border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(18px);box-shadow:0 15px 60px #0003}.intro{position:fixed;z-index:20;left:6vw;top:50%;transform:translateY(-44%);width:440px;padding:30px;max-height:calc(100dvh - 110px);overflow:auto}.eyebrow{font-size:9px;color:var(--lime);letter-spacing:2px;font-weight:600}h1{font:800 66px/.98 'Barlow Condensed',sans-serif;letter-spacing:-.5px;text-transform:uppercase;margin:21px 0 18px}h1 em{color:var(--lime);font-style:normal}p{font-size:12px;line-height:1.65;color:#b8c6cd}label{display:block;font-size:9px;letter-spacing:1.5px;margin:19px 0 7px;color:var(--muted)}input,select{border:1px solid var(--line);border-radius:8px;background:#0d1c25;padding:12px;color:white;width:100%;font-size:13px}.spawn{display:flex;gap:9px;margin-top:10px}.spawn>*{width:50%;font-size:11px}.primary{background:var(--lime);border:0;color:#17220f;width:100%;font-size:12px;font-weight:700;text-align:left;padding:15px}.fine{font-size:10px;line-height:1.6;color:#94a9b4}.intro-foot{border-top:1px solid var(--line);margin-top:21px;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.intro-foot{color:var(--lime)}.account{position:fixed;right:28px;top:91px;display:flex;align-items:center;gap:18px;text-shadow:0 2px 8px #000;font-size:11px}.account strong{color:var(--lime);font-size:22px}nav{position:fixed;right:28px;top:137px;display:flex;gap:8px}nav button{font-size:11px;padding:9px 12px}.location{position:fixed;left:28px;top:96px;text-shadow:0 2px 10px #000;display:flex;flex-direction:column;gap:5px}.location span{font:600 25px 'Barlow Condensed',sans-serif}.location small{font-size:8px;letter-spacing:1.4px;color:#e0e9e9}.contract{position:fixed;left:28px;bottom:233px;width:255px;padding:17px}.contract strong{display:block;font:600 25px 'Barlow Condensed',sans-serif;margin-top:6px}.contract p{font-size:11px;margin:6px 0 12px}.contract button{width:100%;background:#dfff861a;border-color:#dfff8644;font-size:11px;text-align:left}.contract b{float:right;color:var(--lime)}#mini-wrap{position:fixed;bottom:40px;left:28px;width:230px;height:170px;padding:0;border:2px solid #ffffff66;border-radius:10px;overflow:hidden;background:#14222bdd;box-shadow:0 5px 25px #0005}#minimap{width:100%;height:100%;display:block}#mini-wrap>span{position:absolute;left:10px;right:10px;top:9px;display:flex;justify-content:space-between;font-size:9px;color:var(--lime)}#move-state{font-size:8px;letter-spacing:1px}.desktop-hint{position:fixed;bottom:38px;right:28px;font-size:10px;color:#e0e8e9;text-shadow:0 2px 8px #000}#touch-controls{display:none}footer{position:fixed;bottom:5px;right:9px;font-size:9px;color:#f2f7f8;text-shadow:0 1px 3px #000}footer a{color:inherit}dialog{color:inherit;width:465px;max-width:calc(100vw - 24px);max-height:88dvh;padding:24px}dialog::backdrop{background:#06121b88;backdrop-filter:blur(5px)}h2{font:600 31px 'Barlow Condensed',sans-serif;margin:8px 0}h3{font-size:11px;color:var(--lime);margin-top:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head button{padding:3px 12px;background:transparent;font-size:24px}.cities{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.cities button{font-size:10px;padding:12px 5px}.cities small{display:block;font-size:8px;color:var(--lime);margin-top:5px}#travel-map{height:210px;border-radius:8px;background:#9aa8aa}.leaflet-control-attribution{font-size:8px!important}.player-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.player-row button{font-size:10px;padding:7px 12px}#toast{position:fixed;z-index:100;left:50%;top:86px;transform:translateX(-50%);background:var(--lime);color:#1b290d;border-radius:9px;padding:13px 20px;font-size:12px;max-width:90vw;width:max-content;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center}#toast.show{opacity:1}#loading{position:fixed;z-index:80;bottom:45%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#10212bf0;padding:18px 24px;border-radius:12px;font-size:12px;box-shadow:0 4px 40px #0005;width:max-content;max-width:90vw}.spinner{border:2px solid #ffffff44;border-top-color:var(--lime);width:19px;height:19px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.player-label{position:absolute;top:0;left:0;background:#0b203ccc;padding:4px 8px;border-radius:5px;font-size:10px;white-space:nowrap;border-bottom:2px solid #97d4f4}
@media(max-width:700px){header{top:15px;left:16px;right:16px}.brand{font-size:21px}.brand small{font-size:6px}#network{font-size:7px;padding:7px 9px}.intro{left:13px;top:83px;transform:none;width:calc(100vw - 26px);padding:24px;max-height:calc(100dvh - 101px)}h1{font-size:59px;margin-top:17px}.intro p{font-size:11px}.intro .fine{font-size:9px}.account{right:16px;top:78px;gap:12px;font-size:9px}.account strong{font-size:20px}.location{left:16px;top:78px;max-width:50vw}.location span{font-size:21px}.location small{font-size:6px}nav{right:16px;top:116px;gap:6px}nav button{font-size:10px;padding:8px 10px}.contract{left:16px;bottom:auto;top:122px;width:185px;padding:11px;border-radius:10px}.contract .eyebrow{font-size:7px;letter-spacing:1px}.contract strong{font-size:20px;margin-top:4px}.contract p{font-size:9px;margin:4px 0 8px;line-height:1.4}.contract button{padding:8px;font-size:9px}#mini-wrap{left:16px;bottom:185px;width:124px;height:94px;border-width:1px}#mini-wrap>span{font-size:7px;left:7px;right:7px;top:6px}#move-state{font-size:6px}.desktop-hint{display:none}#touch-controls{display:block;position:fixed;left:22px;right:22px;bottom:36px;height:126px;pointer-events:none}#stick{position:absolute;left:0;bottom:0;width:120px;height:120px;border-radius:50%;border:1px solid #ffffff66;background:#16273155;touch-action:none;pointer-events:auto;user-select:none}#knob{position:absolute;left:37px;top:37px;width:44px;height:44px;border:1px solid #dfff8699;background:#dfff8638;border-radius:50%;pointer-events:none}#stick small{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.8px;pointer-events:none}.actions{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;gap:11px}.actions button{border-radius:50%;width:62px;height:62px;padding:0;font-size:9px;letter-spacing:.7px;border-color:#ffffff66;background:#18303966;touch-action:none;pointer-events:auto;user-select:none}#jump{margin-bottom:61px}#sprint{border-color:#dfff8688;color:var(--lime)}.look-hint{position:absolute;right:0;bottom:-18px;font-size:6px;letter-spacing:1.5px;color:#e6ecec;text-shadow:0 1px 5px #000}#toast{top:260px;font-size:10px;padding:11px 15px}dialog{padding:19px}#travel-map{height:185px}footer{font-size:7px}}
@media(max-width:700px) and (max-height:660px){.intro{top:73px;padding:20px;max-height:calc(100dvh - 88px)}h1{font-size:47px;margin:12px 0}.intro label{margin-top:11px}.intro-foot{margin-top:14px;padding-top:10px}.contract p{display:none}.contract{width:160px;top:122px}#mini-wrap{bottom:160px;width:106px;height:78px}#touch-controls{bottom:30px}#stick{width:104px;height:104px}#knob{left:29px;top:29px}.actions button{width:55px;height:55px}#jump{margin-bottom:56px}#toast{top:227px}}
.account>span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:360px){.contract{width:145px}.account>span{max-width:90px}.brand{font-size:19px}}