@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750;800&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#253f36;font-synthesis:none;background:#c5dcd1;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;border:0}button:focus-visible,a:focus-visible{outline:3px solid #df603e;outline-offset:5px}button{transition:transform .18s,background .2s,box-shadow .2s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}button:disabled{cursor:wait}#world{position:fixed;inset:0}#world canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 40px;pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:#263f36;text-decoration:none;font-weight:800;font-size:29px;letter-spacing:-1.5px;line-height:1.15}.brand i{font-family:'DM Serif Display',serif;font-size:32px;font-weight:400;color:#dd663e}.brand-symbol{width:32px;height:42px;color:#e67144;transform:rotate(-13deg)}.brand-sub{display:block;font-size:10px;letter-spacing:2.2px;line-height:2.3;font-weight:650}.location{font-size:11px;letter-spacing:1.4px;font-weight:700;display:flex;align-items:center;gap:10px;align-self:flex-start;margin-top:13px}.location #weather-label{font-size:12px;letter-spacing:0;font-weight:500;opacity:.7}.location-separator{opacity:.25;margin:0 3px}.live-dot{width:6px;height:6px;border-radius:50%;background:#db7741;box-shadow:0 0 0 4px #e5a75b23}.sound-button{display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #38534226;background:#fcf9ed89;backdrop-filter:blur(12px);border-radius:28px;font-size:13px;font-weight:650}.sound-button>svg{width:18px;height:18px}.sound-indicator{display:flex;align-items:center;height:13px;gap:2px;margin-left:4px}.sound-indicator i{width:2px;height:3px;background:currentColor}.sound-button[aria-pressed=true] .sound-indicator i{animation:eq .7s infinite alternate}.sound-indicator i:nth-child(2){animation-delay:-.4s!important}.sound-indicator i:nth-child(3){animation-delay:-.2s!important}@keyframes eq{to{height:12px}}.world-intro{position:absolute;left:42px;top:151px;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#537163}.world-intro h1{font-family:'DM Serif Display',Georgia,serif;font-size:46px;font-weight:400;letter-spacing:-1.1px;line-height:1.09;margin:14px 0 16px}.world-intro h1 em{font-weight:400;color:#c65e38}.world-intro p{font-size:13px;line-height:1.7;color:#476350;margin:0}.camera-controls{position:absolute;right:31px;top:46%;display:flex;flex-direction:column;padding:5px;border:1px solid #fff7;border-radius:16px;background:#fbf9edce;backdrop-filter:blur(16px);box-shadow:0 6px 18px #243a3310}.camera-controls button{height:41px;width:40px;border-radius:10px;background:transparent;font-size:25px;font-weight:400}.camera-controls button:hover{background:#e9eadf}.camera-controls span{height:1px;background:#273e351c;margin:3px 7px}.camera-controls svg{width:19px;vertical-align:middle}.weasel-status{position:absolute;left:42px;bottom:160px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#fff9e6;text-shadow:0 1px 8px #173e36a8}.status-star{color:#ffdf8d;font-size:20px}.bottom-ui{position:absolute;left:40px;right:40px;bottom:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.control-dock{display:flex;align-items:center;gap:19px;background:#fffdf3ee;backdrop-filter:blur(20px);border:1px solid #fffa;box-shadow:0 8px 35px #273d3c18;padding:13px 21px 13px 13px;border-radius:19px;height:78px}.play-controls{display:flex;align-items:center;gap:8px}.round-button{width:46px;height:46px;border-radius:50%;background:#284b3c;color:#fffdf0;display:grid;place-items:center}.round-button svg{width:23px;height:23px}.speed-button{width:39px;height:40px;font-weight:700;background:transparent;font-size:16px;border-radius:8px}.dock-divider{height:31px;width:1px;background:#2a4d3920}.dock-choice{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;padding:6px 0}.dock-choice>svg{width:23px;height:23px;color:#7b8970}.dock-choice small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#798273;margin-bottom:4px}.dock-choice strong{font-size:13px;white-space:nowrap;font-weight:650}.cycle-icon{color:#9b9f8f;margin-left:14px;font-size:19px}.chaos-button{display:flex;align-items:center;gap:12px;background:#e56b42;color:#fffdf1;padding:20px 23px;border:1px solid #f88d66;border-radius:17px;box-shadow:0 6px 0 #a94e31,0 12px 22px #5d38162b;font-weight:700;font-size:15px}.chaos-button:hover{background:#ef7950;box-shadow:0 8px 0 #a94e31,0 15px 25px #5d381634}.chaos-button:active{box-shadow:0 2px 0 #a94e31}.chaos-button>svg{width:21px;height:21px}.chaos-button.active{background:#bc4f31;animation:wiggle .3s 3}.key-hint{border:1px solid #fff5;border-radius:5px;font-size:10px;font-weight:500;padding:3px 5px;margin-left:15px;opacity:.8}@keyframes wiggle{50%{transform:rotate(-2deg)}}footer{position:absolute;left:42px;right:42px;bottom:21px;display:flex;justify-content:space-between;align-items:center;color:#fff9dfd9;text-shadow:0 1px 7px #24422850;font-size:11px}footer>span:first-child{display:flex;align-items:center;gap:7px}footer b{padding:0 8px;font-weight:400;opacity:.7}footer>span:last-child{letter-spacing:2px;font-size:9px}footer svg{width:15px;height:17px}.mobile-hint{display:none}#toast{position:absolute;bottom:161px;left:50%;transform:translate(-50%,12px);background:#fff9e9f0;padding:13px 23px;border-radius:24px;box-shadow:0 8px 30px #234e3120;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}#loading{position:fixed;inset:0;background:#e9eee2;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .6s}#loading strong{font-family:'DM Serif Display',serif;font-weight:400;font-size:30px}#loading>span:last-child{font-size:13px;color:#728571}.loading-cone{font-size:55px;color:#e56b42;animation:spin 4s linear infinite}#loading.done{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}#error-dialog{border:0;border-radius:20px;padding:35px;max-width:440px;color:#284b3c;background:#fff9e9}#error-dialog::backdrop{background:#24392bb5}#error-dialog button{padding:12px 20px;background:#e56b42;color:#fff;border-radius:10px}body.night .topbar,body.night .brand,body.night .world-intro,body.night .eyebrow,body.night .world-intro p{color:#f5ead6}body.night .world-intro h1 em{color:#ffc477}body.night .sound-button{color:#29453e}
@media(min-width:1600px){.world-intro{top:170px}.world-intro h1{font-size:53px}}@media(max-width:1000px){.location{display:none}.world-intro h1{font-size:37px}.world-intro{top:140px}.control-dock{gap:13px}.cycle-icon{margin-left:3px}.chaos-button{padding:21px 18px}.key-hint{display:none}.bottom-ui{left:24px;right:24px}.weasel-status{left:26px}.topbar{padding:25px}.world-intro{left:27px}}@media(max-width:680px){.topbar{padding:20px}.brand{font-size:24px;gap:7px}.brand i{font-size:26px}.brand-symbol{width:25px}.brand-sub{font-size:8px;letter-spacing:1.65px}.sound-button{padding:11px 12px;font-size:12px}.sound-indicator{display:none}.world-intro{top:116px;left:22px}.world-intro h1{font-size:33px;margin:9px 0}.eyebrow{font-size:9px}.world-intro p{font-size:11px;line-height:1.5}.camera-controls{right:15px;top:44%}.camera-controls button{height:34px;width:31px}.bottom-ui{left:15px;right:15px;bottom:46px;gap:10px;align-items:stretch}.control-dock{height:68px;padding:10px;gap:10px;border-radius:16px;flex:1;justify-content:space-around}.round-button{width:34px;height:34px}.speed-button{width:28px;font-size:13px}.play-controls{gap:3px}.dock-choice{gap:6px}.dock-choice>svg{width:17px}.dock-choice small{font-size:7px;letter-spacing:.9px}.dock-choice strong{font-size:10px}.cycle-icon{display:none}.dock-divider{height:27px}.chaos-button{padding:0;width:52px;justify-content:center;border-radius:14px;flex-shrink:0}.chaos-button>span{display:none}.chaos-button>svg{width:25px}.weasel-status{left:22px;bottom:133px;font-size:11px}footer{left:21px;right:21px;bottom:15px;font-size:10px}footer>span:last-child{display:none}.mobile-hint{display:inline}.desktop-hint{display:none}#toast{bottom:135px;font-size:11px;max-width:95%;white-space:normal;text-align:center}#loading strong{font-size:25px}}@media(prefers-reduced-motion:reduce){button,#toast{transition:none}.sound-indicator i,.loading-cone{animation:none!important}}
/* Keep the world readable and give small-screen controls room to breathe. */
.brand-sub{font-size:12px;letter-spacing:1.4px}.location{font-size:12px}.eyebrow{font-size:12px;letter-spacing:1.6px}.world-intro p{font-size:14px}.dock-choice small{font-size:12px;letter-spacing:.7px}.dock-choice strong{font-size:14px}.weasel-status{font-size:14px}footer,footer>span:last-child{font-size:12px}footer>span:last-child{letter-spacing:1px}.key-hint{font-size:12px}.world-intro{transition:opacity .5s;text-shadow:0 1px 12px #d8e9bd50}body.follow .world-intro{opacity:0}.sound-button{font-size:14px}.topbar:before{content:'';position:absolute;inset:0 0 -18px;background:linear-gradient(#d8e8df38,transparent);z-index:-1;pointer-events:none}
@media(max-width:680px){.brand-sub{display:none}.brand{font-size:23px}.sound-button{font-size:12px}.world-intro .eyebrow{font-size:12px;letter-spacing:.8px}.world-intro p{font-size:14px}.dock-choice small{display:none}.dock-choice strong{font-size:12px}.dock-choice{gap:4px}.dock-choice>svg{width:16px}.control-dock{gap:7px;padding:9px}.weasel-status{font-size:12px}.camera-controls button{height:40px;width:36px}.world-intro h1{font-size:33px}footer{font-size:12px}}