@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";.world-intro p.first-step{font-family:inherit;font-size:11px;letter-spacing:1px;color:#9cae9d;margin-top:16px}.dock-title{position:relative}.dock-tools{position:absolute;right:-7px;display:flex;gap:3px;align-items:center}.dock-tools button{width:28px;height:28px;display:grid;place-items:center;color:#a9b39a;border-radius:6px}.dock-tools button:hover{background:#d4dcb610;color:#e2e8c6}.suggestions button span{overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggestions button svg{flex-shrink:0}.welcome-backdrop{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#04101782;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fadein .55s}.welcome-sheet{position:relative;width:590px;max-width:100%;max-height:94svh;overflow:auto;outline:0;text-align:center;padding:32px 35px 28px;border:1px solid #c1a87655;border-radius:22px;background:linear-gradient(160deg,#172b34f5,#0c1d27fa);box-shadow:0 25px 110px #0009;animation:reveal .65s}.welcome-sheet>.close-button{position:absolute;right:15px;top:15px}.welcome-sheet>.orbit-logo{width:76px;height:76px;margin-bottom:10px}.welcome-sheet h1{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.65;letter-spacing:1.5px;margin:5px 0 16px}.welcome-sheet>p{max-width:405px;margin:0 auto;color:#a9b9ac;font-size:14px;line-height:1.95;letter-spacing:.3px}.welcome-steps{display:flex;justify-content:space-between;margin:29px 0 30px;padding:22px 0;border-block:1px solid #a6996c27;gap:15px}.welcome-steps>span{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}.welcome-steps svg{color:#d4c999;stroke-width:1.3}.welcome-steps strong{font-family:var(--serif);font-size:15px;font-weight:400}.welcome-steps small{font-size:10px;color:#92a28f;line-height:1.6}.welcome-buttons{display:flex;flex-direction:column;align-items:center;gap:11px}.welcome-primary{display:flex;align-items:center;justify-content:center;gap:14px;background:#d8dfb8;color:#21372a;border:1px solid #e3e9c7;border-radius:10px;padding:16px 24px;font-size:15px;width:min(100%,340px);letter-spacing:1px}.welcome-primary:hover:not(:disabled){background:#edf0d1;color:#162b20}.welcome-primary svg:last-child{margin-left:auto}.welcome-quiet{font-size:12px;color:#b5bea8;padding:10px 25px}.welcome-foot{display:block;font-size:10px;color:#7f988b;letter-spacing:.5px;margin-top:15px}.welcome-sheet blockquote{font-family:var(--serif);font-size:23px;line-height:1.8;padding:24px 8px;margin:18px 0 25px;border-block:1px solid #baa57833;overflow-wrap:anywhere;color:#e5dfbb}.welcome-sheet>.inline-error{color:#edbba2;margin-top:10px;font-size:12px}.sound-drawer{overflow:auto;display:block}.radio-feature{text-align:center;padding:0 28px 24px;border-bottom:1px solid #9ba38727}.vinyl{width:146px;height:146px;border-radius:50%;position:relative;display:inline-grid;place-items:center;background:#101c20;border:1px solid #a58e5f55;box-shadow:0 8px 25px #0004,inset 0 0 15px #0007;margin:6px auto 17px}.vinyl-rings{position:absolute;inset:4px;border-radius:50%;background:repeating-radial-gradient(circle,#1d3031 0 1px,#0d1e24 2px 4px);animation:spin 12s linear infinite;animation-play-state:paused}.vinyl-rings:after{content:"";position:absolute;top:9px;left:50%;height:5px;width:5px;background:#d1bd85;border-radius:50%;box-shadow:0 0 9px #efd79b55}.vinyl.playing .vinyl-rings{animation-play-state:running}.vinyl-label{z-index:2;background:radial-gradient(circle,#bfc99b,#889e75);border-radius:50%;height:58px;width:58px;display:grid;place-items:center;color:#163327;border:1px solid #e6edc277}.vinyl-shine{pointer-events:none;position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 25deg,transparent 0deg,#dce1ad11 50deg,transparent 80deg,transparent 180deg,#dce1ad0d 230deg,transparent 265deg)}.radio-feature h3{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:2px}.radio-feature p{font-size:11px;color:#9baf9f;margin:10px 0 12px;line-height:1.8}.radio-feature small{font-size:10px;letter-spacing:1.5px;color:#b1bd93}.radio-body{padding:22px 28px 28px}.radio-mode{display:flex;align-items:center;gap:12px;margin-bottom:16px}.radio-mode button{border:1px solid #a9b38b3b;border-radius:7px;padding:8px 10px;display:flex;gap:7px;align-items:center;font-size:12px}.radio-mode button.active{background:#bfca9418;border-color:#ccd6a366}.radio-mode>span{font-size:10px;line-height:1.8;color:#7f9b89;max-width:160px}.track-choices{display:flex;flex-direction:column;gap:8px}.track-choices button{display:flex;align-items:center;gap:12px;border:1px solid #a0af7e20;border-radius:8px;padding:12px 13px;color:#abbba3;font-size:13px;text-align:left}.track-choices button span{flex:1}.track-choices button.selected{background:#c1d69812;border-color:#afc48266;color:#e4e8c8}.audio-sliders{margin-top:26px;display:flex;flex-direction:column;gap:18px}.audio-sliders label>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c4d0b6;margin-bottom:9px}.audio-sliders small{font-size:10px;color:#8ba183;font-variant-numeric:tabular-nums}.audio-sliders input{display:block;width:100%;height:16px;margin:0;accent-color:#c6d3a0;cursor:pointer}.radio-tip{font-size:11px;line-height:1.9;color:#8d9d8a;margin:23px 0}.take-music{display:flex;align-items:center;gap:9px;width:100%;border-top:1px solid #a3ad7f27;padding-top:21px;font-size:12px;color:#cbd6ae;flex-wrap:wrap}.take-music small{color:#869c86;font-size:10px;flex-basis:100%;margin-left:25px}.audio-preview{border:1px solid #adc08433;background:#b4ce8c08;border-radius:10px;padding:13px;margin-top:18px}.audio-preview p{font-size:11px;line-height:1.8;color:#b5c79e;margin-bottom:10px}.audio-preview audio{width:100%;height:36px;display:block}.audio-preview a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:12px;color:#d0ddb7}.gesture-bar{flex-shrink:0;padding:15px 26px 13px;border-bottom:1px solid #ada67e1c;background:#d0bf7d04}.gesture-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.gesture-heading>span{font-family:var(--serif);font-size:12px;color:#b8c1a9}.gesture-heading small{font-size:9px;color:#829880;white-space:nowrap}.gesture-actions{display:flex;gap:7px}.gesture-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c1b47738;border-radius:7px;padding:10px 4px;font-size:10px;color:#cdc9a4;background:#bdb78c08;white-space:nowrap}.gesture-actions button:hover:not(:disabled){background:#c2d5a817;border-color:#cfdfa17c}.gesture-actions button:disabled{opacity:.45}.gesture-reply{font-family:var(--serif);font-size:13px;line-height:1.8;color:#d9dfbb;margin:12px 0 2px;animation:reveal .4s}.browse-while-thinking{display:flex;align-items:center;gap:9px;margin-top:30px;border:1px solid #a8b39155;padding:12px 20px;border-radius:8px;font-size:12px;color:#c4d0b0;background:#0c1f2780}.browse-while-thinking:hover{background:#bfcea316}.thinking-compact{position:absolute;top:119px;left:50%;transform:translate(-50%);z-index:18;display:flex;align-items:center;gap:12px;max-width:90vw;border:1px solid #aeb88755;border-radius:9px;padding:13px 18px;background:#10242ef5;box-shadow:0 8px 30px #0005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;color:#cbd8b4}.thinking-compact .spin{color:#d8d9ad}.thinking-compact>span{white-space:nowrap}.share-drawer{display:block;overflow:auto}.invite-preview{margin:0 28px;padding:26px 22px;border:1px solid #a99a633b;background:linear-gradient(155deg,#28393399,#1b2a2d99);border-radius:13px;text-align:center}.invite-orbit{font-size:35px;color:#d6c698;display:block;margin-bottom:13px}.invite-preview>p{font-size:10px;letter-spacing:2px;color:#a3af91}.invite-preview blockquote{font-family:var(--serif);font-size:23px;line-height:1.8;margin:19px 0;overflow-wrap:anywhere}.invite-preview>small{font-size:11px;color:#899f86;line-height:1.8}.share-body{padding:25px 28px}.share-body h3{font-weight:400;font-size:12px;color:#aeb99d;letter-spacing:.5px;margin-bottom:16px}.share-rule-options{display:flex;flex-direction:column;gap:9px}.share-rule-options button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;font-size:12px;line-height:1.9;color:#a9ba9e;border:1px solid #a2af8235;padding:11px 13px;border-radius:8px;overflow-wrap:anywhere}.share-rule-options button span{flex:1}.share-rule-options button.selected{border-color:#c3cf9566;background:#c3cf9511;color:#dae0b9}.copy-invite{display:flex;gap:10px;align-items:center;justify-content:center;background:#d6dfb5;color:#243b2b;border-radius:9px;padding:14px 15px;font-size:13px;width:100%;margin-top:24px}.copy-invite:hover{color:#152c1e;background:#e5ebc9}.copy-invite svg:last-child{margin-left:auto}.invite-link{width:100%;margin-top:13px;border:1px solid #9aab7933;background:#08192077;border-radius:6px;padding:10px 11px;color:#8ea080;font-size:10px;outline:none}.invite-link:focus{border-color:#bcca9188}.share-explanation{font-size:11px;color:#8fa28b;line-height:1.9;margin-top:20px}.guide-again{margin:20px 28px 0;display:flex;align-items:center;gap:9px;color:#a2b193;font-size:12px}@media(max-width:1200px){.topbar nav{gap:13px}.tool-button{width:47px}.gesture-bar{padding-inline:24px}.dock-tools{right:-9px}.dock-tools button{width:25px}.dock-title{letter-spacing:1.5px}}@media(max-width:900px){.topbar nav{gap:7px}.tool-button{width:41px}.world-clock{left:47%}.welcome-sheet{width:540px}.thinking-compact{top:111px;font-size:11px}}@media(max-width:600px){.topbar nav{gap:7px}.tool-button{width:31px}.tool-button>span{width:31px;height:31px}.tool-button svg{width:17px;height:17px}.brand{font-size:19px;gap:5px}.brand .orbit-logo{width:39px;height:39px}.brand small{font-size:7px}.world-clock{left:0;top:63px}.world-intro p.first-step{font-size:10px;letter-spacing:0;margin-top:11px}.dock-title{font-size:13px;letter-spacing:.7px;gap:9px;padding:0 46px 0 0;justify-content:flex-start}.dock-title>span{width:12px}.dock-title>span:last-of-type{display:none}.dock-tools{right:-2px;gap:1px}.dock-tools button{width:25px;height:25px}.suggestions button{font-size:10px;min-width:0}.suggestions button span{max-width:85px}.suggestions button svg{width:12px;height:12px}.welcome-backdrop{padding:18px}.welcome-sheet{padding:28px 20px 22px;max-height:92svh;border-radius:18px}.welcome-sheet>.orbit-logo{width:63px;height:63px;margin-bottom:8px}.welcome-sheet h1{font-size:23px;line-height:1.65;margin-bottom:12px;letter-spacing:.7px}.welcome-sheet>p{font-size:12px;line-height:1.9;max-width:280px}.welcome-steps{gap:9px;margin:22px 0;padding:18px 0}.welcome-steps strong{font-size:12px}.welcome-steps small{font-size:9px;line-height:1.7;max-width:90px}.welcome-steps svg{width:17px;height:17px}.welcome-primary{font-size:13px;padding:14px 18px;border-radius:8px}.welcome-quiet{font-size:11px;padding:8px 20px}.welcome-foot{font-size:9px;margin-top:10px}.welcome-sheet blockquote{font-size:20px;line-height:1.8;padding:20px 0;margin:20px 0}.radio-feature{padding:0 23px 20px}.vinyl{width:127px;height:127px;margin-bottom:15px}.vinyl-label{width:51px;height:51px}.radio-feature h3{font-size:21px}.radio-feature p{font-size:10px}.radio-body{padding:20px 23px 25px}.track-choices button{font-size:12px;padding:11px 12px}.radio-mode button{font-size:11px;padding:8px 9px}.audio-sliders{gap:16px}.audio-sliders label>span{font-size:11px}.gesture-bar{padding:12px 21px}.gesture-heading>span{font-size:11px}.gesture-heading small{font-size:8px}.gesture-actions{gap:6px}.gesture-actions button{font-size:9px;padding:10px 3px;gap:5px}.gesture-actions svg{width:14px;height:14px}.gesture-reply{font-size:12px}.chat-scroll{padding-top:15px}.chat-prompts{display:none}.chat-bottom{padding-top:12px}.thinking-compact{top:123px;padding:10px 12px;gap:8px;font-size:10px}.thinking-compact>span{white-space:normal;line-height:1.7}.thinking-compact>svg{width:13px;flex-shrink:0}.browse-while-thinking{font-size:11px;margin-top:22px}.invite-preview{margin:0 23px;padding:20px 18px}.invite-preview blockquote{font-size:21px}.share-body{padding:22px 23px}.share-body h3,.share-rule-options button{font-size:11px}.copy-invite{font-size:12px}.guide-again{margin-inline:23px}.sound-drawer audio{height:34px}}@media(max-width:360px){.brand{font-size:17px}.brand .orbit-logo{width:35px;height:35px}.topbar nav{gap:5px}.welcome-sheet h1{font-size:21px}.gesture-heading>span{font-size:10px}.gesture-actions button{font-size:8px;gap:4px}.suggestions button svg{display:none}.dock-title{font-size:12px}}.audio-level{width:110px;height:3px;background:#c5d39f16;border-radius:3px;margin:12px auto 13px;overflow:hidden}.audio-level span{display:block;width:100%;height:100%;background:#d4dfac;box-shadow:0 0 8px #d4dfac88;transform-origin:left;transition:transform .12s linear}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#ecd9b9;background:#06131b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--gold:#ecd9b9;--muted:#a9ada6;--accent:#d9dfb8;--serif:"Noto Serif SC","Songti SC",STSong,serif;--edge:rgba(186,157,111,.3);--panel:#102029}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #d9dfb8;outline-offset:5px}input:focus-visible{outline:none}a{color:inherit;text-decoration:none}button svg{flex-shrink:0;stroke-width:1.4}button{transition:color .2s,opacity .2s,background .2s,transform .2s}button:hover:not(:disabled){color:#fff2d9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,p{margin:0}small{font-size:12px}button:disabled svg.spin{opacity:1}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.world-app{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#06131b}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.town-canvas{position:absolute;width:min(100vw,150svh);height:min(66.6667vw,100svh);left:50%;top:50%;transform:translate(-50%,-50%);transition:filter 3s;animation:town-arrive 2.8s ease-out both}.island-art{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.town-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -60px 90px #06131b,inset 40px 0 65px -50px #06131b,inset -40px 0 65px -50px #06131b}.sky-light{position:absolute;inset:0;opacity:0;transition:opacity 3s;z-index:2;pointer-events:none;mix-blend-mode:screen}.sky-gold .sky-light{opacity:.15;background:radial-gradient(ellipse at 40% 10%,#ffc870,transparent 60%)}.sky-rose .sky-light{opacity:.15;background:radial-gradient(ellipse at 70% 20%,#f4a7cc,transparent 70%)}.sky-rain .town-canvas{filter:saturate(.82) brightness(.8)}.sky-snow .town-canvas{filter:saturate(.6) brightness(1.06)}.sky-gold .town-canvas{filter:sepia(.13) brightness(1.12)}.sky-rose .town-canvas{filter:hue-rotate(-10deg) saturate(.9)}.scene-burst .town-canvas{animation:world-breath 2.4s ease-out}.river-shimmer{position:absolute;left:41%;top:61%;width:8%;height:26%;border-radius:50%;background:linear-gradient(transparent,#7ab2bc20,transparent);filter:blur(13px);mix-blend-mode:screen;animation:water 4s infinite alternate;pointer-events:none}.star-field{position:absolute;inset:0;z-index:2;pointer-events:none}.star-field i{position:absolute;background:#f1dcb1;border-radius:50%;animation:twinkle 5s infinite alternate}.fireflies{position:absolute;inset:0;pointer-events:none;z-index:3}.fireflies i{position:absolute;width:2px;height:2px;border-radius:50%;background:#f5e6a8;box-shadow:0 0 7px 2px #eac75d66;animation:firefly 6s ease-in-out infinite}.weather-particles{position:absolute;inset:0;z-index:3;pointer-events:none}.rain{position:absolute;top:-10%;height:38px;width:1px;background:linear-gradient(transparent,#a6bdcf80);animation:rainfall 1s linear infinite}.snow{position:absolute;top:-10%;width:4px;height:4px;border-radius:50%;background:#dbe8eabb;filter:blur(.3px);animation:snowfall 9s linear infinite}.aurora{position:absolute;left:8%;right:8%;top:-20%;height:58%;z-index:1;border-radius:50%;background:conic-gradient(from 60deg at 50% 110%,transparent,#84e7c045,#a7afff38,transparent 46%);filter:blur(38px);animation:aurora-drift 12s ease-in-out infinite alternate;pointer-events:none}.your-star{position:absolute;top:16%;right:20%;z-index:5;color:#f8eac0;animation:twinkle 4s infinite alternate;display:flex;align-items:center;gap:10px;pointer-events:none}.your-star svg{fill:#f8eac033;filter:drop-shadow(0 0 8px #ffe9a2)}.your-star span{font-size:11px;opacity:.65;letter-spacing:2px}@keyframes town-arrive{0%{opacity:0;transform:translate(-50%,-48%) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes world-breath{0%,to{transform:translate(-50%,-50%);filter:brightness(1)}35%{transform:translate(-50%,-50%) scale(1.015);filter:brightness(1.2)}}@keyframes twinkle{0%,20%{opacity:.2}80%,to{opacity:.9}}@keyframes firefly{0%,to{opacity:0;transform:translate(0)}25%,70%{opacity:.85}50%{transform:translate(13px,-20px)}}@keyframes water{to{opacity:.2;transform:scaleY(.95)}}@keyframes rainfall{to{transform:translate(-90px,115svh)}}@keyframes snowfall{to{transform:translate(75px,115svh)}}@keyframes aurora-drift{to{transform:translate(8%) rotate(-9deg);opacity:.55}}.topbar{position:absolute;top:26px;left:40px;right:36px;display:flex;align-items:flex-start;justify-content:space-between;z-index:8}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:29px;letter-spacing:3px}.orbit-logo{width:69px;height:69px;fill:none;stroke:#e6c798;stroke-width:1}.orbit-dot{fill:#e6c798;stroke:none}.brand small{display:block;font-family:Georgia,serif;font-size:11px;letter-spacing:4px;text-align:center;margin-top:3px}.world-clock{position:absolute;top:5px;left:50%;transform:translate(-50%);text-align:center;font-family:var(--serif);white-space:nowrap}.world-clock>div{display:flex;gap:18px;align-items:center}.world-clock>div>span{font-size:23px;letter-spacing:2px;font-variant-numeric:tabular-nums}.world-clock b{font-weight:400;font-size:15px;vertical-align:middle;margin:0 5px}.world-clock i{width:70px;height:1px;background:linear-gradient(90deg,transparent,#ab8b55);position:relative}.world-clock i:first-child:after,.world-clock i:last-child:before{content:"";position:absolute;width:4px;height:4px;border:1px solid #b69259;transform:rotate(45deg);right:-1px;top:-2px}.world-clock i:last-child{transform:rotate(180deg)}.world-clock p{font-size:15px;color:#adab9e;letter-spacing:2px;margin-top:8px;max-width:430px;text-overflow:ellipsis;overflow:hidden}.topbar nav{display:flex;gap:27px}.tool-button{width:62px;text-align:center}.tool-button>span{width:47px;height:47px;border:1px solid var(--edge);border-radius:50%;display:grid;place-items:center;margin:auto;position:relative;background:#07131b24}.tool-button svg{width:24px;height:24px}.tool-button small{display:block;color:#b6b1a5;margin-top:9px;font-family:var(--serif);font-size:13px;letter-spacing:1px}.tool-button:hover>span,.tool-button.is-on>span{border-color:#c3b38d;background:#dbbc7720;box-shadow:0 0 20px #e6c27b0a}.status-dot{width:4px;height:4px;background:#d4deac;border-radius:50%;position:absolute;right:6px;top:7px}.world-intro{position:absolute;left:4%;top:20.5%;z-index:4;max-width:405px;pointer-events:none}.world-intro h1{font-family:var(--serif);font-size:clamp(29px,2.8vw,45px);font-weight:400;line-height:1.5;letter-spacing:1.5px;text-shadow:0 2px 25px #04111b}.world-intro p{font-family:var(--serif);font-size:17px;letter-spacing:1.8px;margin-top:13px;color:#c5bdad;line-height:1.8;text-shadow:0 2px 20px #04111b}.world-changed .world-intro h1{font-size:clamp(28px,2.3vw,38px)}.world-changed .world-intro p{font-size:15px;max-width:295px}.active-rule{pointer-events:auto;display:flex;align-items:center;gap:7px;margin-top:18px;font-size:11px;color:#b7bdac}.active-rule span{max-width:220px}.rule-dock{position:absolute;left:50%;bottom:27px;transform:translate(-50%);width:clamp(580px,56vw,820px);padding:17px 24px 18px;background:linear-gradient(155deg,#142630d9,#09161cef);border:1px solid #a98d5866;border-radius:26px;box-shadow:0 0 0 4px #14212b33,0 0 0 5px #a8893f25,0 20px 70px #0007;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:9}.dock-title{display:flex;align-items:center;justify-content:center;gap:21px;font-family:var(--serif);font-size:20px;letter-spacing:3px;margin-bottom:15px}.dock-title>span{height:1px;width:24px;position:relative;background:linear-gradient(90deg,transparent,#d6b779)}.dock-title>span:after{content:"✦";position:absolute;right:0;top:-8px;font-size:13px;color:#d7b984;line-height:16px}.dock-title>span:last-child{transform:rotate(180deg)}.rule-dock form{display:flex;gap:11px}.rule-dock input{height:59px;min-width:0;flex:1;border:1px solid #b9996066;border-radius:14px;background:#d2d5d207;color:#f0e1c3;padding:0 19px;font-family:var(--serif);font-size:18px;letter-spacing:.6px;transition:border-color .2s,box-shadow .2s}.rule-dock input::placeholder{color:#9b9c95}.rule-dock input:focus{border-color:#d7deb9;box-shadow:0 0 0 3px #d7deb90b}.create-button{height:59px;min-width:163px;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:35px;background:linear-gradient(160deg,#e3e7bf,#b7c391);color:#16241e;font-family:var(--serif);font-size:20px;letter-spacing:2px;border:1px solid #edf1cc;box-shadow:inset 0 1px 5px #fff3}.create-button:hover:not(:disabled){color:#142219;box-shadow:0 0 24px #d7e3a826;transform:translateY(-1px);background:#e6ecc6}.create-button:disabled{opacity:.7}.suggestions{display:flex;gap:12px;margin-top:14px}.suggestions button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #be9b6222;border-radius:7px;padding:10px 7px;flex:1;color:#d4c3a5;font-family:var(--serif);font-size:14px;white-space:nowrap;background:#06131b30}.suggestions button:hover{background:#e1c9980e;border-color:#be9b6266}.suggestions svg{stroke:#d3b58b}.next-day{position:absolute;right:4%;bottom:57px;width:135px;height:135px;border:1px solid #b38f534d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:8;background:radial-gradient(circle,#b5974219,transparent 65%);font-family:var(--serif);font-size:17px;letter-spacing:1px}.next-day>svg:first-of-type{fill:#d5b27e;stroke-width:.8;filter:drop-shadow(0 0 8px #ccac7466)}.next-day:hover:not(:disabled){background:radial-gradient(circle,#b5974230,transparent 70%);transform:translateY(-2px)}.day-orbit{position:absolute;inset:-8px;border:1px solid #b38f5345;border-radius:50%;pointer-events:none}.day-orbit.second{inset:-17px;border-color:#b38f5325;border-style:dashed}.next-day i{font-style:normal;font-size:12px;position:absolute;top:-23px;color:#b38f53}.whisper{position:absolute;left:3%;bottom:139px;display:flex;align-items:center;text-align:left;gap:12px;max-width:295px;z-index:7;text-shadow:0 2px 6px #04111b}.whisper>span:nth-child(2){max-width:185px}.whisper small{font-size:11px;letter-spacing:1px;color:#a8a99b;display:block;margin-bottom:5px}.whisper small i{font-style:normal;margin:0 4px}.whisper q{font-family:var(--serif);font-size:14px;line-height:1.8;quotes:none;display:block}.whisper>svg{align-self:flex-end;opacity:0;transition:opacity .3s}.whisper:hover>svg{opacity:1}.portrait{width:64px;height:64px;flex-shrink:0;border-radius:50%;overflow:hidden;display:inline-block;border:1px solid #cab08066;position:relative;background:#12242d;box-shadow:0 0 0 4px #09192388}.portrait-art{position:absolute;display:block;width:100%;height:100%;background-image:url(/art/residents.png);background-size:440% 315%;background-position:calc(var(--col)*32.5% + 1.5%) calc(var(--row)*76% + 4%);transform:scale(1.07)}.portrait-large{width:93px;height:112px;border-radius:45px 45px 28px 28px}.portrait-large .portrait-art{background-size:435% 275%;background-position:calc(var(--col)*32.5% + 1.5%) calc(var(--row)*81% + 3%)}.portrait-tiny{width:28px;height:28px;box-shadow:none}.resident-marker{position:absolute;z-index:5;width:34px;height:42px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);animation:resident-walk 16s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 6px 3px #0007)}.resident-marker .portrait{width:24px;height:29px;border-radius:50% 50% 42% 42%;border:1px solid #e9d3a788;transition:all .2s;box-shadow:0 0 9px #d9b96533}.resident-marker:hover .portrait,.resident-marker:focus-visible .portrait{width:34px;height:39px}.resident-name{position:absolute;left:50%;top:46px;transform:translate(-50%);background:#0a1a24ed;border:1px solid #c4ab7744;padding:5px 10px;border-radius:6px;opacity:0;white-space:nowrap;font-size:12px;transition:opacity .15s;pointer-events:none}.resident-name small{font-size:10px;display:block;margin-top:2px;color:#acae9d}.resident-marker:hover,.resident-marker:focus-visible{z-index:10;animation-play-state:paused}.resident-marker:hover .resident-name,.resident-marker:focus-visible .resident-name{opacity:1}.floating-person{animation:person-float 6s ease-in-out infinite;animation-delay:var(--delay)}.personal-cloud{position:absolute;top:-24px;left:4px;color:#ccd2dd;filter:drop-shadow(0 0 9px #d0edff33)}.place-hit{position:absolute;transform:translate(-50%,-50%);width:9%;height:9%;border-radius:50%;z-index:4;background:transparent}.window-light{position:absolute;inset:5%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#fad28228,transparent 70%);transition:opacity .4s;pointer-events:none}.place-hit:hover .window-light,.place-hit.focused .window-light{opacity:1}.place-tag{position:absolute;left:50%;top:-7%;transform:translate(-50%) translateY(5px);font-family:var(--serif);font-size:12px;letter-spacing:1px;white-space:nowrap;opacity:0;display:flex;gap:8px;align-items:center;border:1px solid #e2bb7855;background:#081923e6;padding:7px 11px;border-radius:6px;transition:opacity .25s,transform .25s}.place-hit:hover .place-tag,.place-hit:focus-visible .place-tag,.place-hit.focused .place-tag{opacity:1;transform:translate(-50%)}.place-hit.focused{box-shadow:0 0 30px #eed48733;animation:spotlight 2.5s infinite}.town-caption{position:absolute;left:42px;bottom:30px;color:#8c9b9a;font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;z-index:5}.town-caption i{font-style:normal}.life-dot{height:4px;width:4px;border-radius:50%;background:#afbe8c;box-shadow:0 0 6px #afbe8c55}.letter-notification{position:absolute;right:38px;top:138px;z-index:12;display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid #c3a26b66;border-radius:10px;background:#11222be8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 35px #0004;animation:reveal .7s both}.letter-notification>span{font-family:var(--serif);font-size:14px}.letter-notification small{display:block;color:#a8aa9b;font-size:11px;margin-top:5px}.letter-notification i{width:5px;height:5px;position:absolute;top:10px;right:10px;background:#e2d19f;border-radius:50%;animation:twinkle 2s infinite}.memento-button{position:absolute;right:30px;bottom:19px;color:#ead9a4;font-size:23px;z-index:10}@keyframes resident-walk{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% + var(--walk)),calc(-50% + 7px))}50%{transform:translate(calc(-50% + var(--walk)*1.8),calc(-50% + 4px))}75%{transform:translate(calc(-50% + var(--walk)),calc(-50% + 7px))}}@keyframes person-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 30px))}}@keyframes spotlight{50%{box-shadow:0 0 55px #eed48766}}@keyframes reveal{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.world-thinking{position:absolute;inset:0;z-index:15;background:#06121b7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:7vh;animation:fadein .4s}.thinking-orbit{position:relative;width:100px;height:100px;margin-bottom:35px}.thinking-orbit span{position:absolute;inset:0;border:1px solid #dac79555;border-radius:50%;animation:spin 7s linear infinite}.thinking-orbit span:after{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px;background:#d9dfb8;border-radius:50%;box-shadow:0 0 15px #e4db9a}.thinking-orbit span:nth-child(2){inset:15px;animation-direction:reverse;animation-duration:5s}.thinking-orbit i{position:absolute;inset:43px;background:#eadcaf;border-radius:50%;box-shadow:0 0 40px 15px #dfc98833;animation:twinkle 2s infinite alternate}.world-thinking p{font-family:var(--serif);font-size:23px;letter-spacing:3px;animation:reveal .8s}.world-thinking small{color:#a1a99a;letter-spacing:3px;margin-top:19px}.event-reel{position:absolute;right:37px;top:160px;width:345px;z-index:12;background:linear-gradient(145deg,#142730f2,#0a1a22f7);border:1px solid #bea2735c;box-shadow:0 20px 60px #0006;border-radius:15px;padding:18px 23px 16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:reveal .5s}.reel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b0956326;padding-bottom:13px}.reel-top>span{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:#bcb590}.reel-story{padding:19px 0 17px;animation:reveal .5s}.reel-story>small{font-size:10px;letter-spacing:1.5px;color:#8f9a91}.reel-story h2{font-size:23px;line-height:1.6;font-family:var(--serif);font-weight:400;margin:9px 0 12px}.reel-story>p{font-size:13px;line-height:1.95;color:#c4c7bc;letter-spacing:.4px}.reel-person{display:flex;align-items:center;gap:9px;font-size:11px;margin-top:20px;color:#cccca9}.reel-person>span:not(.portrait){flex:1}.reel-person .portrait{width:28px;height:28px}.reel-foot{display:flex;align-items:center;gap:16px;border-top:1px solid #b0956326;padding-top:13px}.reel-foot>span{font-size:11px;color:#929f97}.reel-foot>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c6af7e4d;border-radius:50%}.reel-dots{display:flex;gap:8px;flex:1}.reel-dots button{width:15px;height:15px;position:relative}.reel-dots button:after{content:"";position:absolute;top:5px;left:5px;width:5px;height:5px;background:#6c766b;border-radius:50%}.reel-dots button.active:after{background:#d5d6a8;box-shadow:0 0 7px #ced2a644}.drawer-backdrop{position:absolute;inset:0;z-index:30;background:#020b1255;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadein .25s}.drawer{position:absolute;top:18px;right:18px;bottom:18px;width:440px;max-width:calc(100vw - 36px);background:linear-gradient(160deg,#162932fa,#0c1c25fc);border:1px solid #bca06c55;border-radius:20px;box-shadow:0 25px 100px #0009;display:flex;flex-direction:column;overflow:hidden;outline:none;animation:drawer-in .4s cubic-bezier(.2,.8,.2,1)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:28px 29px 22px;flex-shrink:0}.drawer-head small{font-size:11px;letter-spacing:2px;color:#a3ab9e}.drawer-head h2{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:2px;margin-top:7px}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#a9ac9f;border-radius:50%;flex-shrink:0}.close-button:hover{background:#d4c89912}.resident-intro{display:flex;align-items:center;gap:21px;padding:0 29px 25px}.resident-intro>div{flex:1}.mood{font-size:11px;color:#b6bb9f;display:flex;align-items:center;gap:7px}.mood i{width:5px;height:5px;border-radius:50%}.resident-intro p{font-family:var(--serif);font-size:15px;line-height:1.8;margin:9px 0}.resident-intro>div>small{display:flex;gap:5px;align-items:center;font-size:10px;color:#8ea198;line-height:1.7}.drawer-tabs{display:flex;padding:0 26px;gap:27px;border-bottom:1px solid #b3a27925;flex-shrink:0}.drawer-tabs button{font-size:13px;color:#899c97;padding:13px 0 14px;position:relative}.drawer-tabs button.active{color:#e6d9b5}.drawer-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d3c38c}.drawer-tabs button>span{font-size:10px;margin-left:5px;color:#a2ac91}.chat-scroll,.memory-scroll,.journal-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#52625c transparent}.chat-scroll{padding:22px 28px}.chat-scene{display:flex;align-items:flex-start;gap:9px;color:#869b95;margin-bottom:25px}.chat-scene svg{flex-shrink:0;margin-top:3px}.chat-scene p{font-family:var(--serif);font-size:12px;line-height:1.9}.chat-message{margin:0 0 23px;max-width:94%;animation:reveal .35s}.chat-message small{color:#9aa89c;font-size:10px;letter-spacing:1px;display:block;margin-bottom:7px}.chat-message p{font-size:14px;line-height:1.95;letter-spacing:.3px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.visitor{margin-left:auto;background:#839e871b;border:1px solid #84978525;border-radius:12px 12px 2px;padding:12px 16px;color:#c7d4c1}.chat-message.visitor small{text-align:right;color:#859b8b}.chat-message.local p{font-family:var(--serif);color:#e2d7bf;font-size:15px}.typing{display:flex;gap:5px;padding:10px 0}.typing i{width:4px;height:4px;background:#e5d5b1;border-radius:50%;animation:twinkle 1s infinite alternate}.typing i:nth-child(2){animation-delay:.3s}.typing i:nth-child(3){animation-delay:.6s}.chat-bottom{padding:16px 23px 23px;border-top:1px solid #b3a2791c;flex-shrink:0}.chat-prompts{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;align-items:flex-start}.chat-prompts button{display:flex;align-items:center;gap:8px;border:1px solid #b3a27933;border-radius:7px;padding:8px 11px;color:#b0bba8;font-size:11px}.chat-prompts button:hover{background:#d1d79d09;border-color:#b3a27966}.chat-form{display:flex;gap:12px;border:1px solid #bca27066;background:#08151d66;border-radius:10px;padding:6px 6px 6px 13px;align-items:center}.chat-form:focus-within{border-color:#c5cfaa}.chat-form input{flex:1;min-width:0;background:none;border:0;color:#e4d8bc;font-size:13px;height:38px}.chat-form input::placeholder{color:#81928c}.chat-form button{width:36px;height:36px;background:#d1d9ad;border-radius:7px;display:grid;place-items:center;color:#243529}.chat-form button:hover:not(:disabled){color:#162619;background:#e3e8c9}.inline-error{font-size:12px;line-height:1.7;color:#edbba2;margin:10px 0}.memory-scroll{padding:22px 28px}.wish{padding:18px;border:1px solid #b9a57533;border-radius:10px;background:#dec08606;margin-bottom:27px}.wish small{font-size:10px;letter-spacing:2px;color:#b6b597}.wish p{font-family:var(--serif);font-size:16px;line-height:1.8;margin-top:9px}.memory{position:relative;padding:0 0 22px 19px;border-left:1px solid #a795623b;margin-left:4px}.memory:before{content:"";position:absolute;top:3px;left:-3px;width:5px;height:5px;background:#bfb890;border-radius:50%}.memory>small{font-size:10px;color:#899b8e}.memory p{font-size:13px;line-height:1.9;color:#c7d0bf;margin-top:6px}.memory-scroll h3{font-size:12px;font-weight:400;letter-spacing:2px;margin:12px 0 16px;color:#aaa98b}.relation{width:100%;display:flex;gap:12px;align-items:center;margin:16px 0;text-align:left}.relation>span:nth-child(2){flex:1}.relation strong{font-size:13px;font-weight:400}.relation small{font-size:11px;color:#90a092;display:block;margin-top:4px}.empty-note{font-family:var(--serif);font-size:14px;line-height:2;color:#94a399;margin:15px 0 24px}.place-drawer{overflow-y:auto;display:block}.place-illustration{height:180px;margin:0 26px;border:1px solid #b6a47733;border-radius:10px;background-image:url(/art/island.png);background-size:250%;background-position:var(--px) var(--py);box-shadow:inset 0 -25px 35px #10212b70}.place-description{padding:25px 29px;font-family:var(--serif);font-size:17px;line-height:1.9}.place-people,.place-news{padding:0 29px 26px}.place-people h3,.place-news h3{font-size:11px;font-weight:400;letter-spacing:2px;color:#9ba995;margin-bottom:18px}.person-row{display:flex;gap:15px;align-items:center;width:100%;text-align:left}.person-row>span:nth-child(2){flex:1}.person-row strong{font-family:var(--serif);font-size:19px;font-weight:400}.person-row small{display:block;font-size:12px;color:#9a9;margin-top:7px}.place-news article{border-top:1px solid #a49f7b27;padding:19px 0}.place-news article>small{font-size:10px;color:#849788}.place-news h4{font-family:var(--serif);font-weight:400;font-size:18px;margin:8px 0}.place-news article p{font-size:13px;line-height:1.9;color:#bfc9b8}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.journal-drawer{width:525px;background:#e4dcc8;color:#26392f;border-color:#ece2c9}.journal-drawer .drawer-head{padding-bottom:18px}.journal-drawer .drawer-head small,.journal-drawer .close-button{color:#697469}.journal-masthead{border-top:2px solid #344337;border-bottom:1px solid #344337;margin:0 29px 5px;padding:17px 0 16px;position:relative}.journal-masthead>span{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:8px}.journal-masthead>div{font-size:10px;color:#697569;letter-spacing:1px;margin-top:9px}.journal-masthead>svg{position:absolute;right:8px;top:25px;stroke-width:.8;width:35px;height:35px}.journal-drawer .drawer-tabs{border-color:#34433733;margin:0 29px;padding:0;gap:25px}.journal-drawer .drawer-tabs button{color:#7a806d;font-size:12px}.journal-drawer .drawer-tabs button.active{color:#2c4234}.journal-drawer .drawer-tabs button.active:after{background:#344337}.journal-scroll{padding:0 29px 20px}.journal-event{padding:21px 0;border-bottom:1px solid #34433733}.event-date{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#76806c}.journal-event h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:11px 0 10px;line-height:1.6}.journal-event.lead h3{font-size:28px;line-height:1.65}.journal-event p{font-family:var(--serif);font-size:13px;line-height:2;color:#52604e;text-align:justify}.event-people{display:flex;gap:14px;margin-top:14px}.event-people button{display:flex;gap:7px;align-items:center;font-size:10px;color:#52604e}.event-people button:hover{color:#1d3826}.event-people .portrait{width:20px;height:20px}.journal-empty{padding:55px 20px;text-align:center;color:#7a856c}.journal-empty h3{font-size:21px;font-family:var(--serif);font-weight:400;margin:20px 0 15px}.journal-empty p{font-size:13px;line-height:2}.rules-list article{display:flex;gap:16px;border-bottom:1px solid #34433733;padding:27px 0}.rule-number{font-family:Georgia,serif;font-size:30px;color:#8a9476}.rules-list article>div{flex:1}.rules-list small{font-size:10px;letter-spacing:1px;color:#8b947d}.rules-list p{font-family:var(--serif);font-size:19px;line-height:1.8;margin:9px 0 15px}.rules-list button{display:flex;gap:7px;align-items:center;font-size:11px;color:#5c6b50;border-bottom:1px solid #87937780;padding-bottom:4px}.rules-list button:hover{color:#283e2d}.rules-list article.retired{opacity:.55}.rules-list article.retired p{text-decoration:line-through}.journal-drawer .empty-note{color:#75856f}.letter-backdrop{position:absolute;inset:0;z-index:45;background:#010b13b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fadein .8s}.letter{position:relative;width:480px;max-width:100%;padding:44px 46px 35px;background:#e8dec4;color:#4f553f;box-shadow:0 20px 100px #000a;transform:rotate(-1deg);animation:letter-arrive 1s cubic-bezier(.2,.8,.2,1);border:1px solid #e1ce9e;border-radius:3px;max-height:95svh;overflow:auto}.letter:before{content:"";position:absolute;inset:12px;border:1px solid #b6ab8d55;pointer-events:none}.letter>.close-button{position:absolute;top:12px;right:12px;color:#899076}.letter-stamp{position:absolute;right:44px;top:39px;border:1px dashed #90977999;transform:rotate(8deg);padding:9px 10px;display:flex;gap:8px;align-items:center;color:#7d8465}.letter-stamp span{font-size:9px;line-height:1.6;letter-spacing:1px}.letter>small{font-size:10px;letter-spacing:2px;color:#959779}.letter h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:42px 0 26px;letter-spacing:1px}.letter-body p{font-family:var(--serif);font-size:15px;line-height:1.95}.letter-body p:empty{height:12px}.letter-sign{text-align:right;font-family:var(--serif);font-size:16px;margin-top:20px}.letter-sign span{font-size:25px;color:#9d8c57;display:inline-block;transform:rotate(15deg);margin-left:8px}.letter-accept{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#465b43;color:#f0e7cd;padding:14px 5px;border-radius:5px;font-size:12px;margin-top:30px}.letter-accept:hover{background:#334c34}.letter-accept>svg:last-child{margin-left:auto;margin-right:12px}.letter-accept>svg:first-child{margin-left:8px}@keyframes letter-arrive{0%{opacity:0;transform:translateY(40px) rotate(3deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.settings-drawer{overflow:auto;display:block}.about-mark{text-align:center;padding:4px 25px 24px;border-bottom:1px solid #a39a7429}.about-mark .orbit-logo{width:64px;height:64px}.about-mark p{font-family:var(--serif);font-size:21px;margin:10px 0}.about-mark small{font-size:11px;color:#91a091;letter-spacing:2px}.settings-section{padding:24px 28px;border-bottom:1px solid #a39a7429}.settings-section h3{font-size:13px;font-weight:400;letter-spacing:1px;margin-bottom:13px}.settings-section>p{font-size:12px;color:#94a99a;line-height:1.95}.save-receipt{font-size:11px;display:flex;align-items:center;gap:7px;color:#bdc59f;margin:15px 0}.setting-row{display:flex;align-items:center;text-align:left;width:100%;gap:13px;padding:15px 0;color:#d0d1b1}.setting-row>span:nth-child(2){flex:1;font-size:13px}.setting-row small{display:block;font-size:10px;color:#879d8e;margin-top:6px}.toggle{width:32px;height:18px;background:#334940;border:1px solid #84977977;border-radius:20px;position:relative}.toggle i{position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:#8f9e83;transition:transform .2s}.toggle.on{background:#a2b184}.toggle.on i{background:#1e3526;transform:translate(13px)}.souvenir{display:flex;gap:15px;align-items:flex-start}.souvenir>svg{stroke:#d9cb84;flex-shrink:0;filter:drop-shadow(0 0 8px #e8d88644)}.souvenir strong{font-family:var(--serif);font-size:16px;font-weight:400}.souvenir p{font-size:12px;color:#9eac94;line-height:1.8;margin-top:8px}.connection{font-size:10px;color:#8ba08c;line-height:2.2;display:block;margin-top:12px}.connection i{display:inline-block;width:4px;height:4px;background:#b59069;border-radius:50%;margin-right:6px}.connection i.connected{background:#b4c895}.new-world{display:flex;align-items:center;gap:12px;color:#9da78d;font-size:12px}.new-confirm p{font-size:12px;line-height:1.8;color:#a5ae92;margin-bottom:15px}.new-confirm button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#d1d6ae;margin-right:20px;padding:10px 0}.settings-footer{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;text-align:center;color:#677e73;padding:25px}.toast{position:absolute;bottom:260px;left:50%;transform:translate(-50%);z-index:60;max-width:min(600px,90vw);background:#e4dbc4;color:#344d3a;box-shadow:0 8px 35px #0005;border-radius:8px;padding:14px 17px;display:flex;gap:16px;align-items:center;font-size:13px;line-height:1.7;animation:fadein .3s}.toast>span{flex:1}.toast button{display:grid;place-items:center}.toast button:hover{color:#13271c}.offline-banner{position:absolute;left:50%;top:120px;transform:translate(-50%);z-index:61;font-size:12px;background:#272c28e8;border:1px solid #b5966644;padding:12px 17px;border-radius:7px;display:flex;gap:20px;max-width:90vw;line-height:1.7}.offline-banner button{text-decoration:underline;white-space:nowrap}.boot{height:100svh;background:#06131b;display:flex;align-items:center;justify-content:center;flex-direction:column}.boot .orbit-logo{width:90px;height:90px;animation:reveal 1.2s}.boot h1{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:7px;margin:18px 0}.boot p{color:#9aa695;font-family:var(--serif);font-size:14px;letter-spacing:2px;line-height:2;padding:0 25px;text-align:center}.boot-line{width:90px;height:1px;background:#d6c68c66;position:relative;margin-top:30px;overflow:hidden}.boot-line:after{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background:#d5dca7;animation:boot-walk 1.4s linear infinite}.boot button{display:flex;gap:8px;align-items:center;margin-top:25px;padding:12px 20px;border:1px solid #bbae8255;border-radius:7px;font-size:13px}@keyframes boot-walk{to{transform:translate(90px)}}@media(min-aspect-ratio:17/10){.town-canvas{width:150svh;height:100svh}.world-intro{top:23%;left:4%}.rule-dock{width:660px;bottom:23px}.topbar{left:34px;right:28px}.whisper{bottom:85px}.next-day{right:5%;bottom:45px}.world-intro h1{font-size:34px}.world-intro p{font-size:15px;max-width:285px}.world-changed .world-intro h1{font-size:29px}}@media(max-width:1200px){.topbar{left:25px;right:20px;top:20px}.brand{font-size:24px;gap:9px}.brand small{font-size:9px}.orbit-logo{width:55px;height:55px}.topbar nav{gap:10px}.tool-button{width:49px}.tool-button>span{width:40px;height:40px}.tool-button small{font-size:11px}.world-clock>div>span{font-size:18px}.world-clock i{width:32px}.world-clock>div{gap:12px}.world-clock p{font-size:12px}.world-intro{top:19%;max-width:340px}.world-intro h1{font-size:31px}.world-intro p{font-size:14px;letter-spacing:1px}.rule-dock{width:590px;padding:14px 19px}.dock-title{font-size:17px;margin-bottom:12px}.rule-dock input{font-size:16px;height:53px}.create-button{height:53px;min-width:140px;font-size:18px;gap:13px}.suggestions{gap:8px;margin-top:11px}.suggestions button{font-size:12px;padding:8px 5px;gap:6px}.suggestions svg{width:17px}.next-day{width:102px;height:102px;right:4%;bottom:64px;font-size:14px}.next-day>svg:first-of-type{width:25px}.whisper{max-width:220px;bottom:145px;gap:10px;left:3%}.whisper .portrait{width:48px;height:48px}.whisper q{font-size:12px}.whisper>span:nth-child(2){max-width:145px}.whisper>svg{display:none}.town-caption{left:26px;font-size:9px;bottom:28px;max-width:180px;line-height:1.8}.event-reel{width:300px;right:24px;top:128px;padding:15px 19px}.reel-story h2{font-size:21px}.reel-story p{font-size:12px}.letter-notification{top:110px;right:24px}}@media(max-width:900px){.world-intro{left:30px;top:145px}.world-intro h1{font-size:30px}.world-intro p{font-size:13px;max-width:290px}.whisper{bottom:230px;left:26px;max-width:280px}.whisper>span:nth-child(2){max-width:205px}.next-day{bottom:265px;width:78px;height:78px;right:38px;gap:4px;font-size:11px}.next-day>svg:first-of-type{width:23px;height:23px}.next-day>svg:last-of-type{width:14px;height:14px}.day-orbit.second{inset:-12px}.next-day i{top:-18px;font-size:9px}.rule-dock{width:calc(100vw - 58px);max-width:650px;bottom:34px}.town-caption{bottom:12px;left:50%;transform:translate(-50%);max-width:none;white-space:nowrap}.world-clock{top:11px}.world-clock i{display:none}.topbar nav{gap:5px}.world-clock>div>span{font-size:16px}.world-clock p{font-size:10px;max-width:215px}.brand{font-size:21px}.orbit-logo{width:48px;height:48px}.tool-button small{font-size:10px}.event-reel{top:280px;right:25px}.your-star{right:30%;top:22%}}@media(max-width:600px){.world-app{min-height:600px}.town-canvas{width:calc(100vw + 240px);height:calc((100vw + 240px)*.6666667);top:47%;left:calc(50% - 26px);transform:translate(-50%,-50%);animation:town-arrive-mobile 2s ease-out}.town-canvas:after{box-shadow:inset 0 -20px 40px #06131b}.topbar{top:max(15px,env(safe-area-inset-top));left:18px;right:14px;align-items:center}.brand{font-size:20px;letter-spacing:2px;gap:6px}.brand .orbit-logo{width:43px;height:43px}.brand small{font-size:8px;letter-spacing:3px;margin-top:2px}.tool-button{width:36px}.tool-button>span{width:33px;height:33px}.tool-button svg{width:18px;height:18px}.tool-button small{display:none}.topbar nav{gap:8px}.world-clock{top:65px;left:0;transform:none;text-align:left}.world-clock>div>span{font-size:12px;letter-spacing:1px}.world-clock b{font-size:10px;margin:0 4px}.world-clock p{font-size:10px;letter-spacing:.8px;margin-top:6px;max-width:290px}.world-intro{top:148px;left:23px;right:15px;max-width:none}.world-intro h1,.world-changed .world-intro h1{font-size:26px;letter-spacing:1px}.world-intro p,.world-changed .world-intro p{font-size:12px;margin-top:7px;line-height:1.8;letter-spacing:.5px;max-width:280px}.active-rule{font-size:9px;gap:5px;margin-top:10px}.active-rule svg{width:11px}.rule-dock{width:calc(100vw - 28px);padding:13px 13px 12px;bottom:max(31px,calc(env(safe-area-inset-bottom) + 19px));border-radius:19px;box-shadow:0 0 0 3px #14212b66,0 0 0 4px #a8893f22,0 15px 45px #0007}.dock-title{font-size:15px;letter-spacing:2px;gap:15px;margin-bottom:12px}.dock-title>span{width:20px}.rule-dock form{gap:7px}.rule-dock input{height:49px;font-size:13px;border-radius:10px;padding:0 11px;letter-spacing:0;min-width:0}.create-button{height:49px;min-width:99px;font-size:15px;letter-spacing:0;gap:9px}.create-button svg{width:14px;height:14px}.suggestions{gap:6px;margin-top:10px}.suggestions button{font-size:10px;padding:9px 4px;gap:4px;border-radius:6px;letter-spacing:0}.suggestions svg{width:13px;height:13px}.whisper{left:22px;bottom:210px;gap:10px;max-width:calc(100vw - 115px)}.whisper .portrait{width:41px;height:41px}.whisper small{font-size:9px;margin-bottom:4px}.whisper q{font-size:11px;line-height:1.8}.whisper>span:nth-child(2){max-width:195px}.next-day{bottom:215px;right:23px;width:60px;height:60px;font-size:9px;gap:3px;background:radial-gradient(circle,#10252cea,#09192399)}.next-day>svg:first-of-type{width:18px;height:18px}.next-day>svg:last-of-type{display:none}.day-orbit{inset:-5px}.day-orbit.second{inset:-10px}.next-day i{top:-16px}.town-caption{bottom:max(10px,calc(env(safe-area-inset-bottom) + 1px));font-size:8px;letter-spacing:1px}.resident-marker .portrait{width:24px;height:27px}.resident-marker{width:42px;height:46px}.place-hit{width:7%;height:8%}.place-tag{font-size:10px;padding:6px 8px}.resident-name{font-size:10px}.world-thinking{padding:0 22px 45px}.world-thinking p{font-size:16px;letter-spacing:1.2px;text-align:center;line-height:2}.world-thinking small{font-size:11px}.thinking-orbit{width:80px;height:80px;margin-bottom:25px}.thinking-orbit i{inset:35px}.event-reel{inset:auto 15px 210px;width:auto;max-height:calc(100svh - 330px);overflow:auto;padding:12px 18px;border-radius:12px}.reel-top{padding-bottom:8px}.reel-top>span{font-size:10px}.reel-story{padding:12px 0}.reel-story>small{font-size:9px}.reel-story h2{font-size:19px;margin:7px 0}.reel-story>p{font-size:12px;line-height:1.8}.reel-person{margin-top:12px;font-size:10px}.reel-foot{padding-top:8px}.drawer{top:10px;right:8px;bottom:max(9px,env(safe-area-inset-bottom));width:calc(100vw - 16px);max-width:none;border-radius:17px}.drawer-head{padding:22px 23px 19px}.drawer-head h2{font-size:25px}.drawer-head small{font-size:10px}.resident-intro{padding:0 23px 20px;gap:18px}.portrait-large{width:76px;height:96px}.resident-intro p{font-size:14px}.resident-intro>div>small{font-size:10px}.drawer-tabs{padding:0 23px;gap:24px}.drawer-tabs button{font-size:12px}.chat-scroll{padding:18px 23px}.chat-message.local p{font-size:14px}.chat-message p{font-size:13px}.chat-bottom{padding:13px 18px 18px}.chat-prompts{gap:6px;margin-bottom:13px}.chat-prompts button{font-size:10px;padding:7px 10px}.chat-form input{font-size:13px}.journal-masthead{margin:0 23px}.journal-masthead>span{font-size:28px}.journal-drawer .drawer-tabs{margin:0 23px}.journal-scroll{padding:0 23px 20px}.journal-event.lead h3{font-size:24px}.journal-event h3{font-size:20px}.journal-event p{font-size:12px}.letter-notification{top:79px;right:14px;padding:9px 11px;gap:8px;max-width:160px}.letter-notification svg{width:16px}.letter-notification>span{font-size:10px;line-height:1.7}.letter-notification small{font-size:8px;margin-top:2px}.letter{padding:32px 28px 25px}.letter h2{font-size:23px;margin:42px 0 21px}.letter-stamp{right:29px;top:35px}.letter-body p{font-size:13px;line-height:1.85}.letter-sign{font-size:14px}.letter-accept{font-size:11px;gap:8px;margin-top:24px}.letter-backdrop{padding:22px}.settings-section{padding:22px 23px}.your-star{top:16%;right:18%}.your-star span{display:none}.memento-button{bottom:17px;right:12px;font-size:18px}.toast{bottom:210px;font-size:12px;padding:12px 14px;width:calc(100vw - 35px)}.offline-banner{top:114px;width:calc(100vw - 30px);font-size:10px;gap:10px}.place-illustration{height:170px;margin:0 23px}.place-description{padding:23px;font-size:16px}.place-people,.place-news{padding:0 23px 23px}}@media(max-width:600px)and (max-height:740px){.world-intro{top:129px}.world-intro h1,.world-changed .world-intro h1{font-size:24px}.world-intro p{font-size:11px}.town-canvas{top:47%;width:calc(100vw + 240px);height:calc((100vw + 240px)*.6666667)}.whisper{bottom:202px}.next-day{bottom:204px}.rule-dock{bottom:27px}.event-reel{bottom:205px;max-height:calc(100svh - 305px)}.reel-story h2{font-size:17px}.reel-story>p{font-size:11px}.reel-person{margin-top:8px}.letter-body p{font-size:12px}.letter h2{margin-top:35px;margin-bottom:17px}.letter-stamp{top:25px}.letter{padding-top:27px}.letter-sign{margin-top:12px}}@keyframes town-arrive-mobile{0%{opacity:0;transform:translate(-50%,-49%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%)}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.05s!important}.reduce-motion .resident-marker,.reduce-motion .town-canvas{transform:translate(-50%,-50%)}.reduce-motion .weather-particles{opacity:.2}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.place-hit.changed .place-tag{opacity:1;transform:translate(-50%);border-color:#d1c28c88;background:#172822f0;color:#e4dfbb}.place-hit.changed .place-tag:before{content:"";width:4px;height:4px;background:#d5dba9;border-radius:50%;box-shadow:0 0 8px #d5dba966}.has-reel .letter-notification{top:auto;bottom:263px}@media(max-width:600px){.has-reel .letter-notification{top:79px;bottom:auto}}.island-art{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}.island-dawn{position:absolute;inset:0;transition:opacity 4s ease;pointer-events:none}.resident-marker .shadow-echo{position:absolute;top:28px;left:12px;transform-origin:50% 100%;filter:brightness(0);opacity:.36;border:0;box-shadow:none;animation:shadow-ahead 8s ease-in-out infinite;animation-delay:var(--delay);z-index:-1}.letter:focus{outline:none}@keyframes shadow-ahead{0%,to{transform:scaleY(.5) skew(-25deg) translate(8px)}50%{transform:scaleY(.5) skew(-40deg) translate(38px,-9px)}}@media(max-width:600px){.next-day,.suggestions button{font-size:10.5px}.chat-form input,.rule-dock input{font-size:16px}.rule-dock input{text-overflow:ellipsis}}@media(max-width:600px){.place-hit.edge-left .place-tag,.place-hit.edge-left.changed .place-tag{left:50%;transform:translate(-5%)}.place-hit.edge-right .place-tag,.place-hit.edge-right.changed .place-tag{left:50%;transform:translate(-95%)}}