@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eee9;background:#11191b;font-synthesis:none;--muted:#93a19d;--line:#ffffff12;--amber:#e4b978;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button svg{flex:none}h1,h2,h3,p{margin:0}input[type=range]{appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:pan-y;height:4px;min-height:4px;width:100%;border-radius:8px;background:linear-gradient(to right,var(--amber) 0%,var(--amber) var(--fill,50%),#334346 var(--fill,50%),#334346 100%);margin:15px 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#f1d3a5;border:3px solid #152124;box-shadow:0 0 0 1px #e4b978}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#f1d3a5;border:2px solid #152124;box-shadow:0 0 0 1px #e4b978}.app{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#243739 0,#172326 46%,#0d1416)}.stage{position:absolute;inset:0;z-index:0;touch-action:none;transition:right .25s ease}.stage canvas{touch-action:none!important;outline:0}.topbar{position:absolute;z-index:3;top:calc(26px + var(--safe-top));left:calc(30px + var(--safe-left));right:calc(28px + var(--safe-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:16px}.brand{display:flex;align-items:center;gap:12px;pointer-events:none}.brand>svg{width:25px;height:38px;color:var(--amber);transform:rotate(-17deg)}.brand h1{font-family:Manrope,sans-serif;font-size:16px;font-weight:750;letter-spacing:-.4px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand h1 span{color:#b4a68e;font:600 8px DM Sans,sans-serif;letter-spacing:1.4px;border:1px solid #b5a18033;border-radius:4px;padding:4px 6px}.brand p{font-size:10px;color:#718783;margin-top:4px;letter-spacing:.2px}.top-actions{display:flex;gap:7px;align-items:center;pointer-events:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;border-radius:10px;min-height:40px;min-width:40px;padding:9px;color:#a7b6b1;transition:background .15s,color .15s,border-color .15s}.button:hover:not(:disabled){background:#ffffff0b;color:#f8e1bc}.button.active{background:#e4b97814;color:var(--amber);border-color:#e4b97824}.world-button{font-size:11px;font-weight:600;color:#d5ded8;padding:8px 13px}.world-button svg{width:16px}.action-divider{height:19px;width:1px;background:#ffffff13;margin:0 5px}.world-label{position:absolute;top:calc(110px + var(--safe-top));left:calc(32px + var(--safe-left));z-index:1;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.65px;font-weight:700;color:#879b91}.world-label h2{font-family:Manrope,sans-serif;font-size:18px;line-height:1.5;font-weight:500;letter-spacing:-.5px;margin-top:6px;color:#e7e4d8}.world-tags{display:flex;align-items:center;gap:14px;font-size:9px;color:#799089;margin-top:10px}.world-tags>span{display:flex;align-items:center;gap:5px}.live-dot,.paused-dot,.save-status i{width:4px;height:4px;display:inline-block;border-radius:50%;background:#8fbfa2}.paused-dot{background:#d0af7e}.view-controls{position:absolute;left:calc(30px + var(--safe-left));top:50%;transform:translateY(-45%);z-index:2;display:flex;flex-direction:column;gap:5px}.view-controls .button{background:#101a1dd9;border-color:#b8d0c010;width:38px;min-width:38px;min-height:38px;border-radius:10px;backdrop-filter:blur(14px)}.view-controls .button svg{width:17px}.material-readout{position:absolute;right:calc(34px + var(--safe-right));top:calc(111px + var(--safe-top));z-index:1;display:flex;gap:17px;align-items:center;pointer-events:none}.material-readout>div{display:flex;flex-direction:column;gap:5px;text-align:right}.stat-value{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:#c7d1c9}.stat-label{font-size:8px;letter-spacing:.7px;color:#788d83}.moving-value{color:var(--amber)}.readout-divider{width:1px;height:24px;background:#ffffff0e}.bottom-controls{position:absolute;z-index:3;bottom:calc(58px + var(--safe-bottom));left:calc(32px + var(--safe-left));right:calc(32px + var(--safe-right));display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.tool-cluster{position:relative;pointer-events:auto}.toolbar{display:flex;padding:6px;gap:4px;border-radius:15px;background:#122024ee;border:1px solid #b0bfa61b;box-shadow:0 10px 40px #0003;backdrop-filter:blur(20px)}.tool{position:relative;min-height:58px;width:62px;border-radius:10px;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8aa29a;transition:background .15s,color .15s}.tool span{font-size:9px;font-weight:500;letter-spacing:.15px}.tool kbd{position:absolute;top:4px;right:5px;font:8px DM Sans,sans-serif;opacity:.35}.tool.selected{background:#e4b978;color:#2d2d22;border-color:#f0d5a3;box-shadow:0 2px 10px #0002}.tool.selected kbd{opacity:.5}.tool:hover:not(.selected){color:#d8dbc6;background:#ffffff08}.brush-control{position:absolute;bottom:calc(100% + 10px);left:0;width:210px;border-radius:10px;border:1px solid #d0c6a915;background:#132024ed;backdrop-filter:blur(14px);padding:2px 13px;display:flex;align-items:center;gap:13px;color:#a7b7a9;font-size:9px}.brush-control input{width:108px}.brush-control>span:last-child{color:var(--amber);font-variant-numeric:tabular-nums;min-width:20px}.transport{display:flex;align-items:center;gap:12px;position:relative;pointer-events:auto;background:#132024ee;border:1px solid #b0bfa61b;border-radius:14px;padding:8px 10px 8px 8px;box-shadow:0 10px 40px #0003;backdrop-filter:blur(20px)}.play-button{color:var(--amber);min-height:39px;width:38px;background:#e4b97810;border-radius:9px}.play-button svg{width:17px}.clock{display:flex;flex-direction:column;gap:4px;min-width:54px}.clock>span{font-size:14px;font-variant-numeric:tabular-nums;line-height:1;font-weight:500;color:#d8e0d8}.clock small{font-size:7px;letter-spacing:.5px;color:#6f8880}.speeds{display:flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid #ffffff12}.speeds button{border:0;min-height:30px;min-width:34px;border-radius:6px;font-size:10px;color:#78958b;background:transparent;font-weight:600}.speeds button:hover{color:var(--amber)}.speeds button.selected{background:#e4b97815;color:var(--amber)}.actual-rate{position:absolute;right:9px;top:-22px;color:#adbea9;font-size:8px}.hintbar{position:absolute;z-index:2;bottom:calc(24px + var(--safe-bottom));left:calc(34px + var(--safe-left));right:calc(34px + var(--safe-right));display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;color:#748d83;pointer-events:none}.hintbar strong{color:#b1bea9;font-weight:500}.hint-dot{padding:0 8px;color:#47665b}.save-status{display:flex;align-items:center;gap:6px;font-size:8px;white-space:nowrap;color:#698579}.save-status i{background:#567b65;width:3px;height:3px}.side-panel{position:absolute;z-index:5;top:calc(91px + var(--safe-top));right:calc(20px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));width:310px;border-radius:17px;border:1px solid #b3c1ae20;box-shadow:0 18px 80px #0005;background:linear-gradient(135deg,#1b2a2dea,#132023f5);backdrop-filter:blur(28px);display:flex;flex-direction:column;animation:panel-in .22s ease}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 18px 21px 22px;gap:10px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{color:#79948a;font-size:7px;letter-spacing:1.5px}.panel-heading h2{font-family:Manrope,sans-serif;font-weight:500;font-size:18px;letter-spacing:-.55px;margin-top:7px}.panel-heading .button{min-width:30px;min-height:30px;padding:4px}.panel-heading .button svg{width:17px}.panel-body{overflow:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:#38534a transparent}.panel-intro{font-size:11px;line-height:1.85;color:#a0b2a7;margin-bottom:22px}.settings-section{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#c4d1c5}.section-title>svg{color:#9cae96}.section-title h3{font-size:11px;font-weight:550}.section-badge{margin-left:auto;border:1px solid #8dba9628;background:#8dba960b;color:#90ab8e;border-radius:5px;font-size:7px;padding:4px 6px}.slider-field{display:block;margin-top:19px}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9eb2a5}.slider-label output{color:#dfc593;font-size:10px;font-variant-numeric:tabular-nums}.range-ends{display:flex;justify-content:space-between;font-size:7px;color:#728b7d;margin-top:-3px}.field-help{display:block;font-size:9px;line-height:1.8;color:#7a9284;margin-top:11px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9eb2a5;margin-top:20px;position:relative;cursor:pointer}.toggle-row input{position:absolute;opacity:0;right:0}.toggle-row>i{height:17px;width:29px;border-radius:10px;background:#3d514c;border:1px solid #52695d;position:relative}.toggle-row>i:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#a3b3a2;transition:transform .15s}.toggle-row input:checked+i{background:#b797623d;border-color:#d0b07480}.toggle-row input:checked+i:after{background:var(--amber);transform:translate(12px)}.toggle-row input:focus-visible+i{outline:2px solid var(--amber);outline-offset:4px}.small-stats{display:flex;gap:22px;margin-top:18px;color:#789485;font-size:8px}.small-stats b{font-weight:500;color:#b9c7b5;margin-right:4px}.select-field{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9eb2a5;gap:12px}.select-field select{background:#132125;border:1px solid #718f6e30;color:#c1d0bd;border-radius:7px;padding:7px 9px;font-size:9px;max-width:148px}.scent-label{display:flex;align-items:center;gap:7px;margin-top:27px;font-size:9px;color:#b8cbb4}.scent-label i{display:block;width:5px;height:5px;border-radius:50%}.food-scent i{background:#e6b55c;box-shadow:0 0 8px #e6b55c66}.home-scent i{background:#8dbad8;box-shadow:0 0 8px #8dbad866}.text-button{background:none;border:0;padding:0 0 3px;font-size:9px;color:#bba47c;border-bottom:1px solid #bba47c40;margin-top:22px}.save-actions{display:flex;gap:8px;margin-top:21px}.save-actions .button{border:1px solid #c0c4a921;flex:1;font-size:9px;padding:9px 7px;min-height:37px;white-space:nowrap}.save-actions svg{width:14px}.scene-cards{display:flex;flex-direction:column;gap:13px}.scene-card{position:relative;display:block;padding:0 0 17px;background:#19282b;border:1px solid #b2bfa217;border-radius:11px;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.scene-card:hover{border-color:#dcc49555;transform:translateY(-1px)}.scene-card-copy{padding:15px 16px 0}.scene-card .eyebrow{font-size:6px;letter-spacing:1.2px;color:#948c75}.scene-card h3{font-family:Manrope,sans-serif;font-size:13px;font-weight:550;margin-top:5px;color:#d9decd}.scene-card p{font-size:9px;line-height:1.65;color:#819c8a;margin-top:7px;max-width:210px}.scene-card>svg{position:absolute;right:13px;bottom:18px;color:#c8bc94}.scene-art{height:70px;position:relative;overflow:hidden;background:linear-gradient(160deg,#27413f,#142626);border-bottom:1px solid #bac9ac10}.scene-art:before{content:"";position:absolute;inset:15px 17px -10px;background:repeating-radial-gradient(ellipse at 40% 30%,#c9a66b 0 1px,#b28a57 1px 3px,#a88150 3px 4px);border:3px solid #56706566;border-bottom:0;box-shadow:0 0 0 1px #d4ca9a22}.scene-art.colony i{position:absolute;left:72px;top:15px;height:45px;width:9px;background:#293c34;transform:rotate(-14deg);border-radius:0 0 10px 10px}.scene-art.colony b{position:absolute;left:65px;top:48px;width:33px;height:19px;background:#293c34;border-radius:50%}.scene-art.arch i{position:absolute;inset:30px 60px -8px;background:#253a32;border-radius:48% 48% 0 0}.scene-art.rain:before{top:52px;transform:rotate(-5deg);left:15px;right:10px}.scene-art.rain i,.scene-art.rain b,.scene-art.rain em{position:absolute;border-radius:3px;background:#cfa96b;width:6px;height:6px;left:44%;top:15px;transform:rotate(30deg);box-shadow:8px 9px #cfa96b,0 20px #b7925c,21px 3px #d6b880,26px 22px #b7925c,15px 31px #d6b880}.guide{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.guide li{display:flex;gap:14px}.guide li>span{font-size:10px;color:#b49e70;padding-top:2px}.guide h3{font-size:11px;font-weight:550;margin-bottom:7px;color:#c9d1bb}.guide p{font-size:10px;line-height:1.85;color:#839d8b}.guide b{font-weight:550;color:#b6c7ad}.key-guide{margin-top:26px;padding-top:19px;border-top:1px solid var(--line);display:flex;gap:12px 18px;flex-wrap:wrap;color:#829b88;font-size:8px}.key-guide span{display:flex;align-items:center;gap:6px}.key-guide kbd{border:1px solid #aec39926;border-radius:4px;padding:4px;font:7px DM Sans,sans-serif;color:#b5c7a8}.toast{position:absolute;left:50%;bottom:calc(150px + var(--safe-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:10;max-width:min(420px,90vw);display:flex;align-items:center;gap:9px;padding:12px 17px;background:#23372fec;border:1px solid #bcd4a330;border-radius:11px;box-shadow:0 8px 30px #0004;color:#d5dfc9;font-size:11px;line-height:1.5;transition:opacity .2s,transform .2s;backdrop-filter:blur(15px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:#b4c98c;flex:none}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.scene-loading,.fatal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#142024;color:#b6c6b5;font-size:12px}.fatal h1{font-family:Manrope,sans-serif;font-size:24px;color:#dec79e}.fatal p{color:#8da790}.fatal button{border:1px solid #d7c49344;border-radius:8px;padding:12px 24px;background:#d7b37c;color:#263026}.scene-loading:before{content:"";width:22px;height:22px;border:2px solid #496147;border-top-color:#d5b377;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(min-width:1100px){.app.panel-open .stage{right:340px}.app.panel-open .material-readout{right:365px}.app.panel-open .bottom-controls,.app.panel-open .hintbar{right:366px}.app.panel-open .material-readout{gap:12px}.app.panel-open .bottom-controls{gap:10px}.app.panel-open .tool{width:53px}.app.panel-open .speeds button{min-width:28px}}@media(max-width:900px){.topbar{top:calc(17px + var(--safe-top));left:calc(20px + var(--safe-left));right:calc(18px + var(--safe-right))}.brand h1{font-size:14px}.brand h1 span{display:none}.brand p{font-size:8px}.brand>svg{width:21px;height:33px}.top-actions{gap:1px}.button{min-width:36px;min-height:36px}.world-button{font-size:10px;padding:6px 9px}.action-divider{margin:0 4px}.world-label{left:calc(22px + var(--safe-left));top:calc(91px + var(--safe-top))}.world-label h2{font-size:16px}.material-readout{right:calc(22px + var(--safe-right));top:calc(94px + var(--safe-top));gap:11px}.material-readout .stat-value{font-size:15px}.readout-divider{height:20px}.bottom-controls{left:calc(19px + var(--safe-left));right:calc(19px + var(--safe-right));bottom:calc(47px + var(--safe-bottom));gap:12px}.toolbar{padding:5px;gap:1px}.tool{width:49px;min-height:53px}.tool svg{width:19px}.tool span{font-size:8px}.tool kbd{display:none}.transport{gap:8px;padding:7px}.speeds{padding-left:7px}.speeds button{min-width:29px;font-size:9px}.clock{min-width:42px}.clock>span{font-size:12px}.play-button{min-width:31px;width:31px;min-height:35px}.hintbar{left:calc(22px + var(--safe-left));right:calc(22px + var(--safe-right));bottom:calc(19px + var(--safe-bottom));font-size:8px}.save-status{display:none}.view-controls{left:calc(20px + var(--safe-left))}.side-panel{top:calc(72px + var(--safe-top));bottom:calc(17px + var(--safe-bottom));right:calc(13px + var(--safe-right))}.toast{bottom:calc(130px + var(--safe-bottom))}}@media(max-height:520px){.topbar{top:calc(11px + var(--safe-top))}.brand p{display:none}.brand>svg{height:30px}.world-label{top:calc(63px + var(--safe-top))}.world-label h2{font-size:13px;margin-top:2px}.world-label .eyebrow{font-size:6px;letter-spacing:1.2px}.world-tags{margin-top:5px;font-size:7px;gap:9px}.material-readout{top:calc(65px + var(--safe-top))}.material-readout .stat-value{font-size:13px}.stat-label{font-size:6px}.bottom-controls{bottom:calc(31px + var(--safe-bottom))}.toolbar{padding:4px;border-radius:12px}.tool{width:46px;min-height:44px;gap:4px;border-radius:8px}.tool svg{width:17px;height:17px}.tool span{font-size:7px}.transport{border-radius:11px;padding:5px 7px}.clock small{font-size:6px}.hintbar{bottom:calc(10px + var(--safe-bottom));font-size:7px}.side-panel{top:calc(58px + var(--safe-top));bottom:calc(10px + var(--safe-bottom));width:290px}.panel-heading{padding:14px 16px}.panel-heading h2{font-size:16px}.panel-body{padding:18px}.panel-heading .eyebrow{font-size:6px}.view-controls{gap:3px;transform:translateY(-25%)}.view-controls .button{min-height:31px;min-width:31px;width:31px;border-radius:8px}.view-controls .button svg{width:15px}.brush-control{padding:0 10px;bottom:calc(100% + 7px)}.brush-control input{margin:12px 0}.toast{bottom:calc(102px + var(--safe-bottom))}}@media(max-width:600px)and (min-height:521px){.topbar{left:16px;right:13px}.brand{gap:8px}.brand h1{font-size:13px}.world-button{min-width:35px;padding:6px}.world-button span,.fullscreen-button,.top-actions .action-divider{display:none}.world-label{top:calc(85px + var(--safe-top));left:20px}.material-readout{top:calc(157px + var(--safe-top));left:20px;right:auto;gap:15px}.material-readout>div{text-align:left}.material-readout .stat-value{font-size:14px}.bottom-controls{left:15px;right:15px;bottom:calc(50px + var(--safe-bottom));display:flex;flex-direction:column-reverse;align-items:center;gap:12px}.tool-cluster{width:100%;max-width:360px}.toolbar{justify-content:space-around;padding:6px}.tool{min-height:56px;width:56px}.transport{align-self:center;min-width:260px;justify-content:center}.speeds button{min-width:33px}.hintbar{left:22px;right:22px;bottom:calc(18px + var(--safe-bottom));font-size:8px;line-height:1.65;text-align:center;justify-content:center}.hintbar strong,.hint-dot{display:none}.world-tags{margin-top:7px}.view-controls{left:15px;top:43%}.side-panel{left:12px;right:12px;top:calc(71px + var(--safe-top));bottom:calc(13px + var(--safe-bottom));width:auto;max-width:370px;margin-left:auto}.brush-control{bottom:calc(100% + 68px);left:50%;transform:translate(-50%);width:205px}.toast{bottom:calc(222px + var(--safe-bottom))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.brand h1{font-size:17px}.brand p{font-size:11px}.brand h1 span{font-size:9px}.button{min-height:44px;min-width:44px}.world-button{font-size:12px}.eyebrow{font-size:10px}.world-label h2{font-size:20px}.world-tags{font-size:11px}.stat-label{font-size:10px}.view-controls .button{min-height:42px;min-width:42px;width:42px}.tool span{font-size:11px}.tool kbd{font-size:9px}.brush-control{font-size:11px;width:225px}.brush-control input{width:110px}.clock small{font-size:9px}.speeds button{font-size:11px;min-width:36px;min-height:36px}.actual-rate{font-size:10px;top:-25px}.hintbar,.save-status{font-size:10px}.panel-heading .eyebrow{font-size:9px}.panel-heading .button{min-height:40px;min-width:40px}.panel-intro{font-size:12px}.section-title h3{font-size:13px}.section-badge{font-size:9px}.slider-label,.slider-label output{font-size:12px}.range-ends{font-size:10px}.field-help{font-size:11px;line-height:1.7}.toggle-row{font-size:12px;min-height:36px}.toggle-row>i{width:33px;height:20px}.toggle-row>i:after{width:14px;height:14px}.small-stats{font-size:10px}.select-field,.select-field select{font-size:12px}.scent-label{font-size:11px}.text-button{font-size:11px;min-height:30px}.save-actions .button{font-size:11px;min-height:42px}.scene-card .eyebrow{font-size:9px}.scene-card h3{font-size:15px}.scene-card p{font-size:11px}.guide li>span{font-size:12px}.guide h3{font-size:13px}.guide p{font-size:12px}.key-guide{font-size:10px}.key-guide kbd{font-size:9px}.toast{font-size:12px}.panel-heading h2{font-size:20px}input[type=range]{height:28px;min-height:28px;margin:5px 0;background-size:100% 4px;background-position:center;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{width:19px;height:19px}input[type=range]::-moz-range-thumb{width:15px;height:15px}.brush-control input{margin:3px 0}@media(max-width:900px){.brand h1{font-size:15px}.brand p{font-size:10px}.top-actions .button{min-height:40px;min-width:40px}.world-button{font-size:11px}.world-label h2{font-size:17px}.world-tags{font-size:10px}.tool{width:50px;min-height:55px}.tool span{font-size:10px}.speeds button{font-size:10px;min-width:33px;min-height:36px}.clock small{font-size:9px}.hintbar{font-size:10px}.view-controls .button{min-height:40px;min-width:40px;width:40px}}@media(max-height:520px){.brand h1{font-size:14px}.top-actions .button{min-height:40px;min-width:40px}.world-label{top:calc(65px + var(--safe-top))}.world-label .eyebrow{font-size:8px}.world-label h2{font-size:14px}.world-tags{display:none}.material-readout{top:calc(65px + var(--safe-top))}.stat-label{font-size:9px}.material-readout .stat-value{font-size:14px}.tool{width:47px;min-height:47px;gap:4px}.tool span{font-size:10px}.toolbar{padding:4px}.speeds button{font-size:10px;min-width:32px;min-height:35px}.clock small{font-size:9px}.clock>span{font-size:13px}.play-button{min-height:39px;min-width:37px}.hintbar{font-size:9px;bottom:calc(8px + var(--safe-bottom))}.view-controls .button{min-height:40px;min-width:40px;width:40px}.panel-heading .eyebrow{font-size:8px}.panel-heading h2{font-size:18px}.side-panel{top:calc(60px + var(--safe-top))}.brush-control input{margin:0}.view-controls{gap:3px}}@media(max-width:720px)and (max-height:520px){.brand h1 span,.fullscreen-button,.world-button span,.clock small{display:none}.world-button{padding:8px}.hintbar{font-size:9px}.material-readout{gap:9px}.material-readout>div:nth-last-of-type(1){display:none}.material-readout .readout-divider:last-of-type{display:none}.tool{width:44px}.world-label .eyebrow{display:none}.world-label h2{font-size:13px}.transport{gap:6px}.clock{min-width:36px}.speeds{padding-left:6px}}@media(max-width:600px)and (min-height:521px){.brand h1{font-size:14px}.top-actions .button{min-height:44px;min-width:44px}.tool{min-height:56px;width:52px}.tool span{font-size:11px}.hintbar{font-size:10px}.world-label h2{font-size:19px}.material-readout{top:calc(165px + var(--safe-top))}.world-tags{font-size:10px}.side-panel{width:auto;top:calc(72px + var(--safe-top))}.brush-control{width:225px}.speeds button{min-width:36px;min-height:36px}}