@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#19304c;background:#addaff;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:#fff;border-radius:12px;padding:12px 16px}button:hover{background:#e9f1ff}button:focus-visible,a:focus-visible{outline:3px solid #ed9e28;outline-offset:3px}#world{position:fixed;inset:0}#world canvas{display:block;touch-action:none}header{position:fixed;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:12px;text-decoration:none;color:#19304c;pointer-events:auto;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand b{color:#2466ea}.brand small{display:block;font:12px 'DM Sans',sans-serif;letter-spacing:0;margin-top:4px}.cat-icon{background:#2466ea;color:white;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-size:30px}.top-actions{display:flex;gap:10px;align-items:center;pointer-events:auto}.pill{background:#fff9;padding:13px 16px;border-radius:30px;font-size:10px;letter-spacing:1.5px;font-weight:700;backdrop-filter:blur(10px)}.pill i{display:inline-block;width:7px;height:7px;background:#f4ad3f;border-radius:50%;margin-right:7px}#help{font-weight:bold;width:43px}.welcome{position:fixed;left:4vw;top:22%;padding:28px;border-radius:22px;background:#fffE;max-width:330px;box-shadow:0 12px 40px #24477312;transition:opacity .4s,transform .4s}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#4e7295}h1{font:700 46px/1.06 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:19px 0}p{font-size:14px;line-height:1.65;color:#516981}.primary{background:#2466ea;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;font-weight:700;padding:16px 20px;text-decoration:none;border-radius:12px}.primary:hover{background:#174dd3;color:white}.welcome .primary{width:100%;margin-top:24px}.hint{display:block;font-size:10px;color:#778da3;margin-top:16px}.welcome.gone{opacity:0;transform:translateY(15px);pointer-events:none}.location{position:fixed;left:28px;bottom:92px;display:flex;flex-direction:column;gap:6px;background:#ffffffe8;padding:18px 22px;border-radius:16px;min-width:210px;pointer-events:none}.location strong{font:700 23px 'Space Grotesk',sans-serif}.location>span:last-child{font-size:11px;color:#718498}.minimap{position:fixed;right:28px;bottom:90px;background:#fffE;border:6px solid white;border-radius:20px;overflow:hidden}.minimap canvas{display:block;width:150px;height:150px}.minimap button{width:100%;font-size:11px;font-weight:700;padding:11px;border-radius:0}.bottom{position:fixed;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.bottom>span{padding:12px 18px;background:#fffC;border-radius:12px}.bottom b{letter-spacing:3px}.bottom button{font-size:11px;background:#fffC}.interaction{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:white;border-radius:16px;padding:8px 8px 8px 18px;box-shadow:0 6px 30px #18324a20;align-items:center;gap:20px;font-size:13px;font-weight:700;white-space:nowrap}.interaction:not([hidden]){display:flex}.interaction button{background:#2466ea;color:white}kbd{margin-left:10px;background:#ffffff33;padding:2px 5px;border-radius:4px}#loading{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#edf6ff;font:700 32px 'Space Grotesk',sans-serif;z-index:10}#loading span{font:14px 'DM Sans',sans-serif;margin-top:16px;color:#6584a1}dialog{border:0;border-radius:24px;padding:36px;max-width:420px;width:calc(100% - 32px);color:#19304c;box-shadow:0 20px 80px #21365344}dialog::backdrop{background:#1b3b6155;backdrop-filter:blur(5px)}h2{font:700 30px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1px}.close{position:absolute;right:14px;top:10px;font-size:26px;color:#8194a6}.info-icon{font-size:36px;margin-bottom:22px}.secondary{width:100%;margin-top:12px;background:#edf4ff;font-weight:700}.note{background:#f0f5fa;padding:14px;border-radius:12px;font-size:12px}#joystick,.touch{display:none}body.roaming .welcome{display:none}@media(max-width:700px){header{top:16px;left:16px;right:16px}.brand{font-size:15px;gap:8px}.brand small{font-size:10px}.cat-icon{width:38px;height:38px}.pill{display:none}#sound{font-size:10px;padding:10px}.top-actions{gap:6px}.welcome{left:16px;top:23%;max-width:280px;padding:24px}h1{font-size:39px}.location{bottom:175px;left:16px;padding:12px 16px;min-width:0}.location strong{font-size:19px}.minimap{right:16px;bottom:175px}.minimap canvas{width:100px;height:100px}.minimap button{font-size:9px;padding:8px}.bottom{left:16px;right:16px;bottom:16px}.bottom>span{display:none}.bottom button{margin-left:auto}.desktop{display:none}.interaction{bottom:300px;max-width:95vw;gap:10px;font-size:12px}#joystick{display:block;position:fixed;bottom:52px;left:28px;width:108px;height:108px;border-radius:50%;border:2px solid #fffB;background:#fff6;touch-action:none}#stick{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:white;box-shadow:0 3px 12px #34567830;pointer-events:none}.touch{display:block;position:fixed;right:30px;bottom:78px;border-radius:50%;width:62px;height:62px;font-size:26px;background:#fffC;touch-action:none}.hint{font-size:9px}}
[hidden]{display:none!important}