@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fcf8e9;font-synthesis:none;background:#a9c4b4}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e6f3a4;outline-offset:5px}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-2px)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,39,32,.69),rgba(26,45,32,.18) 56%,transparent),linear-gradient(0deg,rgba(20,36,29,.5),transparent 24%,transparent 80%,rgba(20,36,29,.15))}header{position:absolute;top:0;left:0;width:100%;padding:33px 48px;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:19px;font-weight:800}.brand-icon{font-size:32px;color:#e3edac}.edition{font-size:9px;letter-spacing:1.5px;font-weight:500;border:1px solid #ffffff40;border-radius:4px;padding:5px 7px;margin-left:7px}.header-right{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px}.live-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:#d4e89e;display:inline-block}.icon-button{margin-left:21px;background:#253f3540;color:#faf5dd;border:1px solid #ffffff30;border-radius:50%;width:44px;height:44px;font-size:19px}.sound-state{font-size:7px}main{position:absolute;top:26%;left:7%;animation:enter 1s ease-out}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow>span{width:25px;height:1px;background:#dce8af}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,5.1vw,82px);letter-spacing:-3px;line-height:1.07;margin:26px 0 22px}h1 i{color:#e3ecb4;font-weight:400}.intro{font-size:14px;line-height:1.9;color:#f5f4dfc2}.start-row{display:flex;align-items:center;gap:23px;margin-top:33px}.primary{border:0;border-radius:5px;padding:18px 22px;background:#e4edb8;color:#29392b;font-size:13px;font-weight:700;display:flex;align-items:center;gap:30px;box-shadow:0 4px 20px #17271920}.primary:hover{background:#f1fac8}.primary span{font-size:20px;font-weight:400}.version{font-size:8px;letter-spacing:1.2px;line-height:2;color:#eeeeda99}.version b{font-size:10px;font-weight:400;letter-spacing:0;color:#eeeeda}.features{display:flex;gap:25px;font-size:10px;color:#f0f0dcb0;margin-top:31px}.location{position:absolute;right:48px;top:119px;border-top:1px solid #fff5;border-bottom:1px solid #fff3;padding:15px 0;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.5px}.location-symbol{font-size:33px}.location div>span{display:block;font-size:10px;letter-spacing:0;color:#ffffdfb0;margin-top:7px}.weather{margin-left:30px;font-size:15px;letter-spacing:0}#toolbar{position:absolute;bottom:77px;left:50%;transform:translate(-50%);width:426px;background:#f4f2dcf0;color:#435143;padding:15px 18px 12px;border:1px solid #fffc;border-radius:10px;box-shadow:0 8px 40px #15251e24;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.toolbar-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.toolbar-heading #selected-name{font-size:11px;letter-spacing:0;font-weight:600}#slots{display:flex;gap:7px}.slot{width:59px;height:57px;position:relative;border:1px solid #89927844;border-radius:5px;background:#d8dec88a;display:flex;align-items:center;justify-content:center}.slot.active{background:#e3e9cd;border:2px solid #576b42;box-shadow:0 0 0 2px #f6f7e4 inset}.slot .number{position:absolute;left:5px;top:3px;font-size:8px;color:#64705a}.slot canvas{width:42px;height:42px;image-rendering:pixelated}.toolbar-help{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px;letter-spacing:.5px;color:#7a826e}kbd{font:inherit}footer{position:absolute;bottom:26px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:#fcf9e5b0}footer>span{display:flex;align-items:center;gap:8px}footer button{color:#f8f5e5;background:none;border:0;font-size:11px;letter-spacing:.2px}footer button span{margin-left:14px}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:400;color:#fff9;text-shadow:0 1px 4px #000}.coordinates{position:absolute;left:48px;top:112px;font:10px monospace;color:#fff9}.menu-button{position:absolute;right:48px;top:210px;color:#fff;background:#203c3570;border:1px solid #fff4;border-radius:5px;padding:10px 16px;font-size:11px}#target-name{position:absolute;top:calc(50% + 27px);width:100%;text-align:center;font-size:10px;text-shadow:0 1px 4px #000}#controls{position:fixed;inset:0;background:#142b2bb0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}.modal{position:relative;padding:38px;background:#f4f2df;border-radius:12px;color:#364835;width:min(440px,90vw);box-shadow:0 20px 100px #132d3150}.modal .eyebrow{font-size:8px}.modal h2{font:32px Georgia,serif}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:27px;color:#6c7565}.control-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px}.control-list b{font-size:11px;text-align:right;font-weight:500}.modal p{font-size:10px;color:#7a8271;line-height:1.8;margin:25px 0}.modal .primary{background:#324d38;color:#f0f4d9;width:100%;justify-content:space-between}#toast{position:absolute;bottom:255px;left:50%;transform:translate(-50%);font-size:12px;background:#233b32dd;padding:12px 20px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .3s}body.playing .vignette{background:linear-gradient(0deg,#142b2930,transparent 30%)}body.playing #toolbar{bottom:34px}body.playing footer>span{visibility:hidden}@keyframes enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{padding:20px}.header-right{font-size:0;gap:0}.edition{display:none}.brand{font-size:16px}.location{right:20px;top:86px;font-size:8px}.weather{margin-left:5px}main{left:7%;top:27%}h1{font-size:49px}.intro{font-size:12px}.eyebrow{font-size:8px}.version{display:none}.features{gap:12px;font-size:8px}#toolbar{width:360px;bottom:64px;padding:12px}.slot{width:50px;height:50px}footer{left:20px;right:20px;bottom:20px}footer>span{font-size:6px}.coordinates{left:20px;top:85px}.menu-button{right:20px}}@media(max-height:720px){main{top:22%}h1{font-size:58px;margin:18px 0}.start-row,.features{margin-top:20px}#toolbar{bottom:58px}}