@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color:#e9f0e7;font-synthesis:none;background:#173942;font-family:DM Sans,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#163a40d9;border:1px solid #d2e3d32a;border-radius:5px;min-height:44px;padding:12px 16px}button:hover{background:#2d5759}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f1c57a}button.selected,.primary{color:#203b3c;background:#e1c38b;border-color:#e1c38b}a{color:#9ad9c4;text-underline-offset:4px}canvas#world{touch-action:none;width:100vw;height:100dvh;display:block}header{pointer-events:none;background:linear-gradient(#15303d85,#0000);align-items:center;gap:30px;padding:25px 30px;display:flex;position:absolute;top:0;left:0;right:0}header>*{pointer-events:auto}.brand{color:#f3ecd8;letter-spacing:2px;align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.brand small{letter-spacing:2.5px;font-size:10px}.mark{font-size:36px;font-weight:400}.world-title{border-left:1px solid #edf2e445;padding-left:24px}.eyebrow{letter-spacing:2px;color:#a6d3c9;font:500 12px Space Grotesk,sans-serif}h1{margin:4px 0;font:500 25px Space Grotesk,sans-serif}#menu{margin-left:auto}#status{background:#173942d9;border:1px solid #8fae9e40;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:105px;left:30px}#status i{background:#a7d8bc;border-radius:50%;width:6px;height:6px}#status.stale i{background:#f0b86d}#location{text-shadow:0 2px 12px #173b3c;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:104px;left:30px}#location strong{font:500 27px Space Grotesk,sans-serif}#coordinates{font:12px monospace}#tools{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#112f35bb;border:1px solid #ced9b528;border-radius:8px;gap:6px;padding:5px;display:flex;position:absolute;bottom:30px;left:30px}#tools button{border:0;font-size:14px}#count{color:#e1ecde;background:#45625d;border-radius:3px;padding:2px 5px;font-size:11px}#hint{text-align:right;text-shadow:0 1px 6px #000;pointer-events:none;background:#18363d77;border-radius:3px;max-width:320px;padding:6px 10px;font-size:13px;line-height:1.6;position:absolute;bottom:45px;right:30px}#return{position:absolute;top:110px;right:30px}.close{background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:12px}#guide,#panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#102e35f5;border:1px solid #b7cbbc40;border-radius:9px;width:min(440px,100vw - 30px);padding:35px 28px;position:absolute;top:100px;bottom:105px;right:25px;overflow-y:auto;box-shadow:0 12px 70px #001c2766}#guide{display:none}#guide.open{display:block}h2{margin:15px 0;font:500 29px/1.15 Space Grotesk,sans-serif}h3{margin-top:26px;font:500 19px Space Grotesk,sans-serif}p{color:#d0ddd6;font-size:15px;line-height:1.6}#dismiss{color:#18383b;background:#d9bd86;width:100%;margin-top:25px;display:block}#panel{z-index:5}.muted{color:#94b5b0;font-size:13px}.metrics{border-block:1px solid #819f913f;gap:28px;margin:20px 0;padding:20px 0;display:flex}.metrics div{flex-direction:column;gap:5px;display:flex}.metrics strong{font:500 28px Space Grotesk}.metrics span{color:#a7c2b6;font-size:12px}.primary{width:100%}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #6e918d44;padding:10px 8px}th{color:#91b6ac;font-weight:500}details{margin:22px 0}summary{cursor:pointer;color:#e4c796;padding:10px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#081f25;border-radius:5px;padding:16px;font:12px/1.6 monospace}code{overflow-wrap:anywhere}.entry{text-align:left;flex-direction:column;gap:6px;width:100%;margin:10px 0;display:flex}.entry span{font-size:17px}.entry small{color:#a4beb4;font-size:12px}.event{border-left:1px solid #81af9f55;padding-left:14px;font-size:14px}.event small{color:#83a99c;margin-bottom:5px;font-size:12px;display:block}#stick{pointer-events:none;background:#294f4c66;border:1px solid #e8f2dca0;border-radius:50%;width:110px;height:110px;display:none;position:absolute}#stick div{background:#dfdbbbaa;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#reticle{pointer-events:none;color:#fff9;position:absolute;top:50%;left:50%}#error{background:#12323c;padding:25px;position:absolute;inset:30%}[hidden]{display:none!important}@media (max-width:700px){header{gap:12px;padding:16px}.brand{display:none}.world-title{border:0;padding-left:0}h1{font-size:21px}.eyebrow{letter-spacing:1.5px;font-size:10px}#status{max-width:calc(100vw - 32px);font-size:11px;top:89px;left:16px}#location{bottom:115px;left:16px}#location strong{font-size:22px}#tools{left:10px;right:10px;bottom:max(16px,env(safe-area-inset-bottom));justify-content:space-between;gap:2px;padding:4px}#tools button{padding:12px 9px;font-size:12px}#hint{text-align:left;background:0 0;max-width:none;padding:0;font-size:11px;bottom:80px;left:16px;right:16px}#return{font-size:12px;top:132px;right:16px}#guide,#panel{padding:29px 20px;top:145px;bottom:90px;right:15px}h2{font-size:25px}.metrics{gap:22px}#panel p,#guide p{font-size:15px}}