:root{font-family:Georgia,var(--aw-serif);color:#e6dcc8;background:#0b0c0e;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;left:28px;top:24px;pointer-events:none;text-shadow:0 2px 8px #000}header span{font:10px var(--aw-serif);letter-spacing:3px;color:#b59662}header h1{font-size:30px;letter-spacing:5px;font-weight:400;margin:9px 0 5px}header p{margin:0;font-size:12px;color:#a69b88}.status{position:fixed;right:26px;top:25px;display:grid;text-align:right;gap:6px;font:11px Segoe UI,var(--aw-serif);color:#8e897f}.status b{color:#d1bea0;font:15px Georgia,var(--aw-serif);font-weight:400}.map-panel{position:fixed;right:24px;top:102px;padding:7px;background:#0b0b0dd9;border:1px solid #625038;box-shadow:0 8px 28px #0009}.map-panel canvas{display:block;width:180px;height:180px;background:#121417}.map-panel div{font:9px Segoe UI;color:#8f8778;margin-top:6px}.map-panel i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4b36e;box-shadow:0 0 7px #f5d48a;margin-right:5px}#loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d11f2;transition:opacity .45s}#loading.done{opacity:0;pointer-events:none}#loading>span{font-size:52px;color:#ae88c5;text-shadow:0 0 40px #8656a7}#loading h1{font-weight:400;letter-spacing:3px}#loading p{font:12px Segoe UI;color:#9f9689}#retry{border:1px solid #8b7048;background:#241b16;color:#e6d0a2;padding:10px 20px}#zone-title{position:fixed;top:24%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .4s;pointer-events:none;text-shadow:0 3px 12px #000}#zone-title.show{opacity:1}#zone-title span{font:9px Segoe UI;letter-spacing:5px;color:#bba379}#zone-title b{display:block;font-size:31px;letter-spacing:7px;font-weight:400;margin-top:8px}#toast{position:fixed;left:50%;bottom:116px;transform:translateX(-50%);font-size:13px;color:#e3c994;text-shadow:0 2px 7px #000;pointer-events:none}footer{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(650px,100%);height:96px;display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:0 16px 12px;background:linear-gradient(transparent,#080809e8 58%)}.orb{width:79px;height:79px;border-radius:50%;border:6px double #75634b;position:relative;box-shadow:0 0 0 3px #100d0e,0 5px 18px #000}.orb i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e45d55,#8f1218 38%,#240506 80%);box-shadow:inset 0 -12px 20px #000a}.orb.mp i{background:radial-gradient(circle at 35% 25%,#78aeea,#245396 38%,#08152d 80%)}.orb b{position:absolute;inset:0;display:grid;place-items:center;font:11px Segoe UI;text-shadow:0 1px 4px #000}.controls{min-width:310px;text-align:center;border-top:1px solid #79613f;padding-top:12px}.controls strong{font-weight:400;color:#dbc7a2}.controls p{font:10px Segoe UI,var(--aw-serif);color:#8e8678;margin:9px 0 0}@media(max-width:700px){header{left:14px;top:14px}header h1{font-size:22px}.status{right:13px;top:14px}.map-panel{right:10px;top:84px}.map-panel canvas{width:120px;height:120px}.controls{min-width:180px}.controls p{font-size:8px}.orb{width:58px;height:58px}footer{gap:8px}.status small{display:none}}