:root{font-family:ui-rounded,'Segoe UI','Apple SD Gothic Neo','Hiragino Kaku Gothic ProN',system-ui,sans-serif;color:#534959;background:#f7f1e9;font-size:14px;font-synthesis:none;--ink:#534959;--muted:#8a7f8b;--line:#e8dedf;--mint:#d6e9de;--plum:#78657f;--cream:#fffaf2;--peach:#f4d6bf}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=file]{cursor:pointer}button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:var(--ink);background:#fffaf5;transition:background .15s,transform .15s}button:hover{background:#eee3e8}button:active{transform:translateY(1px)}button:disabled{opacity:.46;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #87b6a6;outline-offset:2px}button.primary{background:var(--plum);border-color:var(--plum);color:#fff8ef}button.primary:hover{background:#66516e}button.mint{background:var(--mint);border-color:#c0d9ca}button.small{padding:6px 10px;font-size:.86rem}button.icon{width:44px;padding:7px}input,select{min-height:44px;border:1px solid #dfd3db;border-radius:10px;padding:8px 10px;background:#fffcf6;color:var(--ink);max-width:100%}input[type=checkbox]{min-height:24px;width:22px;accent-color:#8ba896}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:2rem;margin-bottom:8px}h3{font-size:1rem;font-weight:650}p{line-height:1.7}small,.muted{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#9b8593}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.tag{display:inline-flex;align-items:center;border-radius:7px;padding:4px 8px;background:#eee6ed;font-size:.75rem;line-height:1.4}.tag.mint{background:var(--mint)}.tag.gold{background:#f5e2b9}.tag.rare{background:#d9e7ef}.tag.epic{background:#e8dcef}.tag.legendary{background:#f3e1b6}.section-label{display:block;margin:22px 0 12px;font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#96838e}.brand{font:26px Georgia,serif;letter-spacing:-1px}.brand span{color:#8aa591}.shell{max-width:1600px;margin:auto;padding:0 30px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.topbar .brand-sub{display:block;font:10px system-ui;letter-spacing:.2em;margin-top:6px;color:#998797}.top-stats{display:flex;gap:10px}.stat-pill{padding:9px 18px;border:1px solid var(--line);border-radius:13px;background:#fffaf4;min-width:100px}.stat-pill small{display:block;font-size:.65rem;letter-spacing:.06em;margin-bottom:3px}.stat-pill b{font-weight:600}.coin-dot{display:inline-block;width:10px;height:10px;background:#e0b97c;border:2px solid #efd7af;border-radius:50%;margin-right:5px}.main-layout{display:grid;grid-template-columns:74px minmax(0,1fr) 290px;gap:26px;padding-top:26px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{background:transparent;border-color:transparent;padding:9px 2px;font-size:10px;min-height:68px}.nav button.active{background:#e8dddF}.nav .nav-icon{display:block;font-size:23px;margin-bottom:5px;font-family:Georgia,serif}.workspace{min-width:0}.scene-header{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-header h1{font-size:30px;margin:4px 0}.scene-wrap{position:relative;border-radius:20px;overflow:hidden;background:#cbbdce;box-shadow:0 8px 24px #7057690a;border:1px solid #b6a3ba}.scene-wrap canvas{display:block;width:100%;aspect-ratio:960/640;touch-action:pan-y}.scene-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:7px;background:#fff9efeb;padding:8px 12px;border-radius:10px;font-size:.75rem;pointer-events:none}.scene-badge .dot{width:6px;height:6px;border-radius:100%;background:#8ebc9f}.scene-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.scene-tools button{background:#fff9efdf;min-height:36px;width:36px;padding:4px}.scene-footer{display:flex;justify-content:space-between;align-items:center;margin:13px 0;gap:10px}.speed{display:flex;gap:5px;align-items:center}.speed button{min-height:36px;padding:6px 11px;font-size:12px}.speed button.active{background:var(--plum);color:#fff}.shift-clock{height:4px;background:#e9dfe4;border-radius:4px;margin-top:6px;overflow:hidden}.shift-clock span{display:block;height:100%;background:#a1baa6}.staff-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:14px 0 30px}.staff-card{display:flex;text-align:left;align-items:center;gap:8px;background:#fffbf5;border:1px solid var(--line);padding:10px;border-radius:14px;min-width:0}.staff-card canvas{width:62px;height:52px;flex-shrink:0;image-rendering:pixelated}.staff-card b{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis}.staff-card small{font-size:.71rem}.sidebar{padding-top:4px}.card{border:1px solid var(--line);border-radius:16px;padding:19px;background:#fffbf5;margin-bottom:15px}.card.moss{background:#e5eee4;border-color:#d3dfd0}.card.blush{background:#f1e3e6}.card h3{margin-bottom:10px}.card p{font-size:.86rem;margin-bottom:12px}.card p:last-child{margin-bottom:0}.card .full{width:100%}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-grid small{display:block;font-size:.73rem;margin-bottom:4px}.metric-grid b{font:25px Georgia,serif;color:#695a70}.order{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.order:last-child{border-bottom:0}.order .cup{background:#eee4e9;padding:10px;border-radius:11px}.order small{display:block;font-size:.73rem;margin-top:3px}.mini-progress{height:5px;border-radius:5px;background:#e5dae3;overflow:hidden;margin-top:8px}.mini-progress span{display:block;height:100%;background:#a2beab}.footer-note{font-size:.7rem;color:#9c909a;line-height:1.6;margin-bottom:20px}.drawer-backdrop{position:fixed;inset:0;background:#382c4635;z-index:5;backdrop-filter:blur(2px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(490px,100%);padding:28px 26px;background:#f9f3ec;z-index:6;box-shadow:-14px 0 60px #3d2e3e15;overflow:auto;overscroll-behavior:contain;padding-bottom:max(30px,env(safe-area-inset-bottom))}.drawer.edit-drawer{position:static;width:auto;padding:0;background:none;box-shadow:none;overflow:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.drawer-head h2{margin:0}.gecko-detail{text-align:center;padding:8px 0 15px}.gecko-detail canvas{width:200px;height:130px;image-rendering:pixelated;background:#eee0dc;border-radius:50%}.gecko-list{display:grid;gap:10px}.gecko-list button{width:100%;text-align:left}.skill-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.skill-row small{font-size:.72rem}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-grid>div{border-radius:10px;background:#f0e7e7;padding:12px}.data-grid small{display:block;margin-bottom:5px}.prob-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #e8dfe1;font-size:.88rem}.prob-row b{white-space:nowrap;font-variant-numeric:tabular-nums}.gene{font-family:ui-monospace,monospace;font-size:.83rem}.warning{padding:12px 14px;background:#f4e1d8;border-radius:11px;font-size:.85rem;line-height:1.6}.egg{display:flex;align-items:center;gap:13px}.egg-icon{width:39px;height:50px;background:radial-gradient(circle at 30% 25%,#c5acbb 2px,transparent 3px),radial-gradient(circle at 60% 60%,#c5acbb 3px,transparent 4px),#f8e7d5;border:2px solid #ceb3bc;border-radius:52% 52% 45% 45%;flex-shrink:0}.recipe-art{font-size:35px;background:#eee1df;border-radius:14px;padding:13px;min-width:72px;text-align:center}.garden-art{height:140px;background:linear-gradient(#c2c9d4,#d3d7bb);border-radius:13px;display:flex;align-items:flex-end;justify-content:center;font-size:55px;padding:15px;margin-bottom:16px}.journal{display:flex;flex-wrap:wrap;gap:7px}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.furniture-grid button{text-align:left;font-size:.8rem}.furniture-grid small{display:block;margin-top:4px}.edit-options{border:1px dashed #bca8bc;background:#ede4ec;padding:14px;border-radius:12px;margin-bottom:15px}.title-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1.2fr;background:#f5ede5}.title-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(32px,7vw);position:relative}.title-copy h1{font-size:clamp(60px,6.5vw,105px);line-height:.94;letter-spacing:-5px;margin:25px 0}.title-copy h1 span{color:#8ca792}.title-copy p{max-width:410px;color:#8e7c86;font-size:.96rem}.title-copy .actions{max-width:330px;display:flex;flex-direction:column;gap:10px;margin-top:18px}.title-copy .brand-sub{font-size:10px;letter-spacing:.25em}.title-visual{background:#8b7489 url('./assets/vision.png') center/cover;position:relative}.title-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#8c738130,transparent 60%,#58465620)}.title-caption{position:absolute;bottom:35px;left:35px;right:35px;color:#fff3e6;z-index:1;font:italic 28px Georgia;max-width:330px;text-shadow:0 2px 14px #352638}.title-lang{position:absolute;top:27px;right:30px}.title-copy .footer-note{margin-top:36px}.title-gecko{width:110px;height:70px;image-rendering:pixelated}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:min(92vw,600px);padding:13px 20px;border-radius:13px;background:#594960;color:#fff5e9;box-shadow:0 6px 25px #44314e30;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s;line-height:1.5}#toast.show{opacity:1}details{margin:15px 0}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600;font-size:.86rem}.full{width:100%}.spaced{margin-top:16px}.hidden{display:none!important}.empty{padding:20px;text-align:center;color:var(--muted);font-size:.86rem;line-height:1.7}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:13px 0}.file-label{display:block;padding:12px;background:#eee2e7;border-radius:10px;cursor:pointer;text-align:center}.file-label input{width:100%;font-size:.8rem}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}.large-text{font-size:17px}.reduce-motion *{transition:none!important}.confirm-dialog{position:fixed;inset:0;z-index:30;background:#382c4670;display:grid;place-items:center;padding:20px}.confirm-dialog .card{max-width:420px;width:100%}.fit-text{overflow-wrap:anywhere}a{color:#765e80}
@media(min-width:1500px){.main-layout{grid-template-columns:82px minmax(0,1fr) 320px;gap:30px}.scene-wrap canvas{max-height:660px}}
@media(max-width:1150px){.shell{padding:0 18px}.main-layout{grid-template-columns:62px minmax(0,1fr) 255px;gap:16px}.stat-pill{min-width:80px;padding:9px 12px}.topbar{height:82px}.brand{font-size:23px}.scene-header h1{font-size:25px}.card{padding:15px}.scene-footer{flex-wrap:wrap}}
@media(max-width:900px){.main-layout{grid-template-columns:60px minmax(0,1fr)}.sidebar{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .card{margin:0}.sidebar .footer-note{grid-column:1/-1}.top-stats .stat-pill:first-child{display:none}.title-screen{grid-template-columns:1fr 1fr}.title-copy{padding:80px 32px 40px}.title-copy h1{font-size:68px}.staff-strip{margin-bottom:15px}}
@media(max-width:600px){.shell{padding:0 12px 85px}.topbar{height:74px;gap:6px}.brand{font-size:23px}.brand-sub{display:none!important}.top-stats{gap:6px}.stat-pill{min-width:0;padding:8px 10px}.stat-pill small{font-size:.6rem}.topbar select{font-size:12px;max-width:82px;padding:6px}.topbar .save-indicator{display:none}.main-layout{display:block;padding-top:18px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:4;background:#f9f2e9f5;border-top:1px solid #e0d5df;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(12px)}.nav button{font-size:9px;min-height:65px;border-radius:0;padding:8px 0;min-width:0}.nav .nav-icon{font-size:20px}.nav button.active{background:#e8dfe7}.scene-header h1{font-size:27px}.scene-header{margin-bottom:12px}.scene-wrap{border-radius:15px}.scene-wrap canvas{aspect-ratio:960/640}.scene-badge{top:10px;left:10px;font-size:.66rem;padding:6px 9px}.scene-footer{gap:8px}.scene-footer .muted{font-size:11px}.staff-strip{grid-template-columns:1fr 1fr;gap:8px}.staff-card{padding:6px}.staff-card canvas{width:49px;height:43px}.staff-card b{font-size:12px;max-width:95px}.staff-card small{font-size:9px}.sidebar{display:block}.sidebar .card{margin-bottom:12px}.drawer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.drawer-head{margin-bottom:18px}.title-screen{display:flex;flex-direction:column-reverse;min-height:100svh}.title-visual{min-height:33svh;background-position:center 40%}.title-caption{font-size:22px;bottom:18px;left:22px;max-width:250px}.title-copy{padding:30px 28px 25px;flex:1}.title-copy h1{font-size:62px;margin:16px 0;letter-spacing:-3px}.title-copy p{font-size:.86rem;margin-bottom:8px}.title-copy .actions{max-width:none;margin-top:15px}.title-copy .footer-note{margin:20px 0 0}.title-lang{top:16px;right:20px}.title-gecko{display:none}#toast{bottom:85px}.section-label{margin-top:18px}}
@media(max-height:550px) and (min-width:650px){.topbar{height:65px}.main-layout{padding-top:15px}.scene-wrap canvas{max-height:430px}.title-copy{padding-top:45px}.title-copy h1{font-size:64px}}
#placement-bar{display:none}#placement-bar[hidden]{display:none!important}
@media(max-width:600px){#placement-bar{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:4;display:flex;justify-content:center;gap:7px;background:#fff8f0ed;padding:10px;border:1px solid #d4c2d3;border-radius:14px;box-shadow:0 3px 20px #55425b22}.scene-header h1{font-size:24px}}
#update-notice{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:50;width:min(94vw,680px);padding:12px 18px;border:1px solid #a9cdbd;border-radius:12px;background:#f3fff5;color:#3d6254;box-shadow:0 3px 15px #3d62542a;font-size:14px;line-height:1.5;pointer-events:none}

.cloud-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #d5c9be;border-radius:22px;padding:24px;background:#fcf8f2;color:#3e3a35;box-shadow:0 20px 80px #30251e44}.cloud-dialog::backdrop{background:#30251e80}.cloud-dialog h2{font-size:1.25rem}.cloud-dialog p{line-height:1.6}.cloud-identity{overflow-wrap:anywhere}.cloud-saves{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cloud-saves .card{padding:14px;min-width:0}.cloud-saves small{overflow-wrap:anywhere}@media(max-width:480px){.cloud-saves{grid-template-columns:1fr}.cloud-dialog{padding:18px}.topbar>.row{flex-wrap:wrap}}

.privacy-page{max-width:760px;margin:40px auto;padding:24px;line-height:1.75}.privacy-page h1{font-size:2rem}.privacy-page h2{margin-top:2rem}.privacy-page section+section{border-top:1px solid #c9d2c5;margin-top:3rem;padding-top:1rem}
/* Major Update: the room is the screen; management lives in drawers. */
.fullscreen{position:fixed;inset:0;max-width:none;padding:0;overflow:hidden;background:#b5a7bf}.fullscreen .main-layout{display:block;padding:0;height:100%;margin:0}.fullscreen .workspace,.fullscreen .scene-wrap{position:absolute;inset:0;border:0;border-radius:0}.fullscreen .scene-wrap canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;touch-action:none}.fullscreen .topbar{position:absolute;z-index:3;top:0;left:0;right:0;height:76px;padding:12px max(16px,env(safe-area-inset-right)) 8px;border:0;pointer-events:none}.fullscreen .topbar button{pointer-events:auto;background:#fff9efdd;box-shadow:0 2px 12px #59445820}.fullscreen .top-stats{gap:24px}.fullscreen .stat-pill{display:block!important;border:0;background:none;padding:0;min-width:0;text-align:center;text-shadow:0 1px 3px #fff,0 0 8px #fff;color:#45384d}.fullscreen .stat-pill small{color:#57465f;font-weight:600}.fullscreen .stat-pill b{font-size:18px}.fullscreen .scene-badge{top:86px;left:18px;background:none;text-shadow:0 1px 3px #fff;color:#4c3b55}.fullscreen .scene-footer{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;margin:0;justify-content:flex-start;z-index:3;pointer-events:none;gap:8px}.fullscreen .scene-footer>*{pointer-events:auto}.fullscreen .scene-tools{right:16px;bottom:80px;align-items:center;background:#fff9efcf;padding:4px 10px;border-radius:14px}.scene-tools input[type=range]{width:130px;min-height:36px;padding:0;accent-color:#80648c;background:none;border:0}.fullscreen .shift-clock{position:absolute;bottom:0;left:0;right:0;height:3px}.fullscreen .sidebar{position:absolute;right:16px;top:90px;bottom:135px;width:min(320px,calc(100% - 32px));overflow:auto;z-index:4;background:#f9f3ecef;border:1px solid #d8c9d8;border-radius:18px;padding:16px;display:block;backdrop-filter:blur(12px)}.fullscreen .sidebar[hidden]{display:none}.fullscreen .sidebar .drawer.edit-drawer{position:static;width:auto}.fullscreen #staff-strip{display:none}.navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parent-previews{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.parent-previews .card{min-width:0;padding:12px}.parent-previews canvas{width:100%;height:auto}.parent-previews p{font-size:.78rem}.parent-previews .gene{overflow-wrap:anywhere;display:block}.interior-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.interior-grid .card{padding:12px}.interior-swatch{height:80px;border-radius:10px;margin-bottom:10px;background:repeating-linear-gradient(45deg,transparent 0 14px,var(--accent) 15px 17px),var(--swatch);border:3px solid #fff6}.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}#placement-bar:not([hidden]){display:flex;position:fixed;bottom:128px;left:16px;right:auto;z-index:4;gap:6px;padding:8px;background:#fff8f0ed;border-radius:14px}.drawer{z-index:8}.drawer-backdrop{z-index:7}#toast{bottom:150px}
@media(max-width:600px){.fullscreen .topbar{height:76px}.fullscreen .top-stats{gap:16px}.fullscreen .stat-pill small{font-size:10px}.fullscreen .stat-pill b{font-size:15px}.fullscreen .scene-footer{bottom:max(12px,env(safe-area-inset-bottom));left:10px;right:10px;flex-wrap:wrap;gap:6px}.fullscreen .scene-footer button{padding:8px;min-height:44px;font-size:12px}.fullscreen .scene-tools{bottom:118px}.fullscreen .scene-badge{font-size:11px}.fullscreen .sidebar{bottom:190px;top:80px}.fullscreen .speed{gap:3px}.interior-grid .row{gap:4px}.drawer{width:min(440px,94%)}#placement-bar:not([hidden]){bottom:166px;left:10px;right:auto}.parent-previews .card{padding:8px}}

/* Layout reserves are measured from the actual toolbar, including localized labels. */
.fullscreen{--footer-height:44px;--edge:12px;--safe-bottom:max(12px,env(safe-area-inset-bottom));height:100dvh}
.fullscreen .topbar{height:auto;min-height:76px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(var(--edge),env(safe-area-inset-left));padding-right:max(var(--edge),env(safe-area-inset-right));gap:8px}
.fullscreen .topbar>.icon{flex:0 0 44px}
.fullscreen .top-stats{flex:0 1 auto;min-width:0;gap:clamp(8px,3vw,28px)}
.fullscreen .stat-pill{min-width:0}
.fullscreen .stat-pill b{font-size:clamp(.92rem,2.5vw,1.3rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fullscreen .stat-pill small{font-size:.75rem;letter-spacing:0}
.fullscreen .scene-footer{left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));bottom:var(--safe-bottom);display:flex;flex-wrap:wrap;gap:6px}
.fullscreen .scene-footer button,.fullscreen .scene-tools button{min-width:44px;min-height:44px;font-size:.86rem}
.fullscreen .scene-footer button{padding:8px 12px}
.fullscreen .scene-tools{bottom:calc(var(--footer-height) + var(--safe-bottom) + 10px);right:max(var(--edge),env(safe-area-inset-right));padding:0 6px;gap:4px}
.fullscreen .scene-tools input[type=range]{min-height:44px;width:clamp(90px,22vw,150px)}
.fullscreen .scene-badge{top:calc(max(12px,env(safe-area-inset-top)) + 64px);left:max(var(--edge),env(safe-area-inset-left));font-size:.82rem}
.fullscreen .sidebar{bottom:calc(var(--footer-height) + var(--safe-bottom) + 68px);top:calc(max(12px,env(safe-area-inset-top)) + 68px);right:max(var(--edge),env(safe-area-inset-right));overscroll-behavior:contain}
#placement-bar:not([hidden]){bottom:calc(var(--footer-height) + var(--safe-bottom) + 64px);left:max(var(--edge),env(safe-area-inset-left));max-width:calc(100% - 24px);flex-wrap:wrap;box-shadow:0 3px 20px #55425b22}
#placement-bar button{min-width:44px;min-height:44px}
.drawer{padding-top:max(20px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));scrollbar-gutter:stable}
.drawer-head{position:sticky;top:calc(-1 * max(20px,env(safe-area-inset-top)));background:#f9f3ec;z-index:2;padding:12px 0;margin-top:-12px;align-items:center}
.drawer-head>div{min-width:0;flex:1}.drawer-head h2{font-size:clamp(1.45rem,4vw,2rem);overflow-wrap:anywhere}.drawer-head>.icon{flex:0 0 44px}
.drawer .grow,.drawer .row>div,.data-grid>div,.metric-grid>div{min-width:0}
.drawer b,.drawer .tag,.drawer .card,.drawer p{overflow-wrap:anywhere}
.drawer label.toggle-row{min-height:44px;cursor:pointer}
.drawer canvas[data-gecko]{max-width:100%;flex-shrink:0}
.drawer .gecko-list canvas,.drawer .card .row>canvas{width:80px;height:60px}
.drawer .gecko-detail canvas{width:200px;height:130px}
.drawer .parent-previews canvas{width:100%;height:auto}
.drawer select,.drawer input:not([type=checkbox]){font-size:16px}
#toast{bottom:calc(env(safe-area-inset-bottom) + 158px)}
@media(max-width:600px){
  .fullscreen .scene-footer .speed{flex:1 0 100%;gap:6px}
  .fullscreen .scene-footer .speed button{flex:0 0 44px}
  .fullscreen .scene-footer #quick-action{flex:1}
  .fullscreen .scene-footer #quick-action button{width:100%}
  .fullscreen .sidebar{top:auto;bottom:calc(var(--footer-height) + var(--safe-bottom) + 64px);left:10px;right:10px;width:auto;max-height:42dvh;padding:12px}
  .drawer{width:min(440px,100%);padding-left:16px;padding-right:max(16px,env(safe-area-inset-right))}
  .drawer .interior-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .drawer .data-grid{gap:8px}.drawer .data-grid>div{padding:10px}
  .fullscreen .stat-pill small{font-size:.7rem}
  .fullscreen .stat-pill b{font-size:1rem}
}
@media(max-height:500px) and (min-width:601px){
  .fullscreen .topbar{min-height:60px;padding-top:max(6px,env(safe-area-inset-top))}
  .fullscreen .scene-badge{top:calc(max(6px,env(safe-area-inset-top)) + 52px)}
  .fullscreen .sidebar{top:66px;bottom:calc(var(--footer-height) + var(--safe-bottom) + 8px);width:min(300px,42vw)}
  .fullscreen .scene-tools{bottom:calc(var(--footer-height) + var(--safe-bottom) + 8px)}
  .drawer{width:min(490px,68vw)}
}
@media(max-width:360px){
  .fullscreen{--edge:8px}.fullscreen .top-stats{gap:8px}.fullscreen .stat-pill small{font-size:.65rem}
  .fullscreen .scene-footer button{padding:7px 9px}
  .drawer .interior-grid,.drawer .parent-previews{grid-template-columns:1fr}
}
#update-notice{display:flex;align-items:flex-start;gap:10px;pointer-events:auto;padding:10px 12px;font-size:.85rem}
#update-notice>span{flex:1;min-width:0}#update-notice>button{flex:0 0 44px;min-height:44px}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.furniture-grid canvas{display:block;width:100%;height:auto;max-height:75px;object-fit:contain;image-rendering:pixelated;pointer-events:none}