@import url('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{--ink:#263e50;--muted:#788894;--blue:#365c75;--line:#e5eaf0;--paper:#fff;--canvas:#dfebf2;--amber:#f1b64b;--panel:#f7f9fb;font-family:'DM Sans',sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a57416}input:focus-visible,select:focus-visible{outline:2px solid #668ca8}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:13px;font-weight:650}h3{font-size:15px}button svg{width:18px;height:18px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);position:relative;z-index:2;background:white}.brand{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.7px;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;grid-template-columns:7px 7px;gap:4px;padding:10px;border-radius:9px;background:var(--ink)}.brand-mark i{height:7px;border-radius:50%;background:var(--amber)}.brand-description{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin:5px 0 0 17px}.header-actions{display:flex;align-items:center;gap:16px}.account-name{color:var(--muted);font-size:12px}.button{border:1px solid transparent;border-radius:6px;padding:10px 14px;font-weight:550;background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.3;white-space:nowrap}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#3e6179}.button.quiet{background:white;border-color:#e0e7ed}.button.quiet:hover{background:#f1f5f8}.button.full{width:100%}.button.small{padding:7px 9px;font-size:11px}.icon-button{border:0;background:none;font-size:20px;line-height:1;padding:2px 4px;color:#8998a4}.text-button{padding:6px 0;border:0;background:none;color:var(--blue);display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:550}.workbench{display:grid;grid-template-columns:247px minmax(300px,1fr) 274px;height:calc(100dvh - 108px);min-height:650px}.left-dock,.right-dock{background:white;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4dee6 transparent;z-index:1}.left-dock{border-right:1px solid var(--line);display:flex;flex-direction:column}.right-dock{border-left:1px solid var(--line)}.dock-section{padding:24px 21px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:5px}.count-badge{border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:#81919d;font-size:10px}.subtle{font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px}.subtle.compact{font-size:10px}.browser{padding:25px 15px 22px}.browser .section-heading,.browser>.subtle{margin-left:6px;margin-right:6px}.world-list{margin:20px -1px 18px;display:grid;gap:8px}.world-item{display:flex;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 7px;background:white;border:1px solid transparent;border-radius:7px}.world-item.active{background:#f0f5f8;border-color:#dce7ee}.world-item:hover{background:#f7f9fb}.world-item strong{font-size:11px;font-weight:600;display:block;line-height:1.5}.world-item small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.world-thumbnail{height:43px;flex:0 0 43px;display:grid;place-items:center;background:#e2edf0;color:#4b8690;border-radius:5px;font-size:30px}.world-item:nth-child(2) .world-thumbnail{background:#faf0dc;color:#c09a3e}.world-more{font-size:20px;color:#8fa2b0;margin-left:auto}.import-secondary{font-size:11px}.origin-diagram{display:flex;gap:10px;align-items:center;margin:20px 0;color:#476579}.origin-point{width:8px;height:8px;box-shadow:0 0 0 5px #eaf1f5;background:#718e9e;border-radius:50%;margin-left:5px}.origin-diagram small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.origin-diagram svg{width:61px;height:42px;color:#9cb5c2;margin-left:auto}.coordinate-rule{background:var(--panel);padding:11px 13px;border-radius:5px}.coordinate-rule strong{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.1px;font-weight:700}.coordinate-rule span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.origin-diagram~.text-button{margin-top:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:17px 0}.toggle-row input{width:27px;height:15px;accent-color:var(--blue);cursor:pointer}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:18px 0 8px}.range-label span{color:var(--muted);font-size:10px}input[type=range]{display:block;width:100%;height:4px;accent-color:#577b91;cursor:pointer;margin:13px 0 22px}.dock-bottom{margin-top:auto;padding:22px;color:#8394a0;font-size:10px}.dock-bottom p{margin-top:8px;font-size:9px}.storage-dot{display:inline-block;width:5px;height:5px;background:#6d9b89;border-radius:50%;margin-right:6px}.viewport-area{position:relative;background:var(--canvas);overflow:hidden;min-height:480px}#world-canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px;cursor:grab}#world-canvas:active{cursor:grabbing}.scene-heading{position:absolute;left:32px;right:28px;top:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:1;gap:10px}.scene-location{font-size:10px;color:#56798d}.scene-location span{color:#8da3b1;margin-left:13px;font-size:9px}.scene-heading h1{font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-.8px;font-size:27px;line-height:1.3;margin:10px 0 8px;max-width:450px}.scene-heading h1+p{font-size:11px;color:#708d9f}.snapshot-badge{white-space:nowrap;font-size:9px;background:#f7fbfa9e;border:1px solid #c4d7d4;border-radius:4px;padding:6px 8px;color:#537b6e;margin-top:3px}.snapshot-badge:before{content:'';display:inline-block;width:4px;height:4px;background:#6c9c89;border-radius:50%;margin-right:5px}.snapshot-badge.draft{background:#fff5d9b8;color:#997326;border-color:#ddc68a}.view-tools{position:absolute;left:24px;top:48%;display:grid;gap:1px;background:#fff9;border:1px solid #d2e0e8;border-radius:7px;overflow:hidden;box-shadow:0 3px 9px #4669840a}.view-tools button{width:34px;height:35px;border:0;background:#ffffff96;font-size:19px;color:#547386}.view-tools button:hover{background:white}.north-marker{position:absolute;right:25px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#5a798d;font-size:10px}.north-marker svg{width:36px;height:36px}.viewport-footer{position:absolute;bottom:20px;left:27px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#7690a2;pointer-events:none}.viewport-footer i{font-style:normal;margin:0 9px;color:#a7b8c3}.render-badge{display:flex;gap:9px;align-items:center;background:#ffffff8c;border:1px solid #d3e0e8;padding:6px 8px;border-radius:4px;font-size:9px}.render-badge b{font-weight:400;color:#8ca1af}.selection-dot{width:6px;height:6px;background:#d7e1e8;border-radius:50%}.selection-dot.has-selection{background:var(--amber)}.empty-inspector{text-align:center;padding:24px 3px 29px}.empty-inspector svg{height:77px;width:88px;color:#b0c3cf;display:block;margin:0 auto 22px}.empty-inspector strong{font-family:Manrope,sans-serif;font-size:13px;font-weight:650}.empty-inspector p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:10px}.beta-badge{font-size:8px;border:1px solid var(--line);color:#8b9ba6;border-radius:3px;padding:3px 5px;white-space:nowrap}.simulation-buttons{display:flex;gap:7px;margin:18px 0}.simulation-buttons .primary{flex:1;font-size:11px;padding:10px}.simulation-buttons .quiet{font-size:11px;padding:10px}.simulation-stats{display:flex;justify-content:space-between;margin:23px 0;gap:8px}.simulation-stats dt{color:#8d9ca7;font-size:9px}.simulation-stats dd{margin:6px 0 0;font-family:Manrope,sans-serif;font-size:20px;font-weight:650;color:#4a667b}.physics-note{font-size:10px;line-height:1.8;color:#899ba7;margin:0 0 19px;padding-left:10px;border-left:2px solid #dce6ec}.save-button{background:#f5e7c9;color:#80632b;font-size:11px;margin-bottom:10px}.save-button:hover{background:#efddb2}.selected-part{display:flex;align-items:center;gap:11px;padding:12px 0 18px}.part-color{display:block;width:38px;height:38px;border-radius:5px;box-shadow:inset 0 -5px #0002}.selected-part p{font-size:10px;color:var(--muted);margin-top:4px}.part-properties{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:10px;margin:0 0 19px}.part-properties dt{color:var(--muted)}.part-properties dd{margin:0;text-align:right}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.swatch{width:16px;height:16px;border:1px solid #0002;border-radius:3px}.swatch:hover{outline:2px solid #9eb6c5;outline-offset:2px}.inspector-actions{display:flex;gap:6px;flex-wrap:wrap}.move-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.connections{margin-top:11px;font-size:10px;color:var(--muted)}.connections p{margin-top:8px}.status-bar{height:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;color:#8c9aa5;font-size:9px}.status-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-message:before{content:'';display:inline-block;width:5px;height:5px;background:#83ab98;border-radius:50%;margin-right:8px}.status-bar>span:last-child{white-space:nowrap}.loading-pill{position:absolute;left:50%;bottom:75px;transform:translateX(-50%);display:flex;gap:9px;align-items:center;background:#fffef8;padding:10px 16px;border:1px solid #d9e4e9;border-radius:20px;color:#55788e;font-size:11px;box-shadow:0 4px 15px #365c7512;white-space:nowrap}.spinner{width:11px;height:11px;border:1.5px solid #d6e1e8;border-top-color:#668ba1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{position:fixed;z-index:10;right:25px;bottom:46px;background:white;border:1px solid #e9c7c1;border-left:3px solid #bf685b;box-shadow:0 10px 40px #263e501c;border-radius:6px;padding:17px 15px 16px 18px;max-width:460px;display:flex;gap:18px}.error-toast strong{font-size:12px}.error-toast p{font-size:11px;line-height:1.7;color:#986d64;margin-top:7px;overflow-wrap:anywhere;max-height:250px;overflow:auto}.error-toast button{border:0;background:none;font-size:21px;align-self:flex-start;color:#a48c87}.modal{border:1px solid #d8e3eb;border-radius:12px;max-width:540px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 24px 100px #1c354933;max-height:90dvh;overflow-y:auto}.modal::backdrop{background:#263e5066;backdrop-filter:blur(4px)}.modal.narrow{max-width:420px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal h2{font-family:Manrope,sans-serif;font-size:23px;line-height:1.4;letter-spacing:-.5px;font-weight:700}.modal p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 20px}.modal label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin:17px 0;font-weight:500}.modal input:not([type=file]),.modal select{width:100%;padding:11px;border:1px solid #d9e3eb;border-radius:5px;color:var(--ink);background:white}.modal .file-input{padding:23px;border:1px dashed #bdcfdc;border-radius:6px;background:#f7fafc;gap:8px;align-items:flex-start}.file-input span{font-size:10px;color:var(--muted)}.file-input input{font-size:11px;margin-top:12px;max-width:100%}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal details{font-size:11px;color:var(--muted);margin:18px 0}.modal details p{font-size:11px}.catalog-parts{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.modal-footer span{font-size:9px;color:var(--muted)}.startup-error{margin:80px auto;max-width:600px;padding:30px;background:#f7f9fb;line-height:1.8}
@media(min-width:1600px){.workbench{grid-template-columns:275px minmax(400px,1fr) 300px}.dock-section{padding:28px 26px}.scene-heading{left:45px;top:39px}.scene-heading h1{font-size:32px}.scene-heading h1+p{font-size:12px}.empty-inspector{padding:34px 5px 40px}}
@media(max-width:1150px){.workbench{grid-template-columns:215px minmax(250px,1fr) 238px}.dock-section{padding:20px 16px}.browser{padding:20px 10px}.brand-description{display:none}.scene-heading{left:23px;right:20px}.scene-heading h1{font-size:22px}.snapshot-badge{display:none}.viewport-footer>span:first-child{display:none}.viewport-footer{justify-content:flex-end}.world-item strong{font-size:10px}.world-thumbnail{flex-basis:34px;height:36px;font-size:25px}.account-name{display:none}.empty-inspector{padding:18px 1px}}
@media(max-width:850px){.app-header{height:65px;padding:0 18px}.brand{font-size:28px}.header-actions{gap:8px}.header-actions .button{padding:9px 11px;font-size:11px}.workbench{height:auto;min-height:0;grid-template-columns:190px minmax(0,1fr)}.viewport-area{height:calc(100dvh - 98px);min-height:500px}.right-dock{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line)}.right-dock>.dock-section:first-child{border-right:1px solid var(--line)}.left-dock{max-height:calc(100dvh - 98px)}.status-bar{position:sticky;bottom:0;background:white;z-index:2}.status-bar>span:last-child{display:none}.scene-heading h1{font-size:22px}.scene-location span{display:none}.empty-inspector{padding:15px 20px}.viewport-footer{bottom:15px}.error-toast{right:16px;left:16px;bottom:45px;max-width:none}}
@media(max-width:560px){.workbench{display:flex;flex-direction:column}.left-dock{border:0;max-height:none;display:block}.left-dock .dock-section:not(.browser),.dock-bottom,.browser>.subtle,.browser .import-secondary{display:none}.browser{padding:13px 16px 10px;border-bottom:1px solid var(--line)}.browser>.section-heading{display:none}.world-list{display:flex;overflow-x:auto;gap:8px;margin:0}.world-item{min-width:180px;width:180px;padding:8px}.world-more{display:none}.world-thumbnail{height:31px;flex-basis:31px}.world-item small{font-size:9px;margin-top:1px}.viewport-area{height:62dvh;min-height:440px}.scene-heading{top:20px;left:20px}.scene-heading h1{font-size:24px;max-width:280px}.right-dock{display:block}.right-dock .dock-section{padding:23px}.empty-inspector{display:flex;align-items:center;text-align:left;gap:20px;padding:14px 0}.empty-inspector svg{width:62px;height:60px;flex-shrink:0;margin:0}.empty-inspector strong{display:none}.empty-inspector p{margin:0}.brand{font-size:25px;gap:8px}.brand-mark{padding:8px;gap:3px}.header-actions .quiet{display:none}.north-marker{right:18px;bottom:60px}.status-bar{height:30px;padding:0 13px}.modal{padding:23px}.modal h2{font-size:21px}.modal-footer{align-items:flex-end}.catalog-parts{grid-template-columns:1fr}.header-actions .primary{font-size:10px}.selection-dot{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.map-attribution{position:absolute;right:22px;bottom:53px;max-width:calc(100% - 50px);background:#ffffffd9;border:1px solid #d5e0e7;border-radius:3px;padding:4px 6px;color:#526d7f;font-size:9px;line-height:1.4}.map-attribution a:hover{text-decoration:underline}.map-attribution span{color:#7b8e9c}
.group-button{margin-top:8px}.group-transform-heading{margin-top:26px;margin-bottom:12px}
.shared-world-heading{margin-top:22px}.account-id{overflow-wrap:anywhere;font-size:11px!important}
.build-commands{font-size:11px;line-height:1.8;max-width:100%;overflow:auto;color:var(--blue);margin:18px 0}
.landing-header nav{display:flex;align-items:center;gap:26px}.landing-header nav>a:not(.button){font-size:12px;color:var(--blue)}.landing-page{max-width:1160px;margin:auto;padding:0 36px}.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;min-height:470px;padding:62px 0 52px}.landing-intro h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4.4vw,56px);line-height:1.13;letter-spacing:-1.8px;max-width:15ch}.landing-intro>p{font-size:16px;line-height:1.7;max-width:52ch;margin:23px 0;color:#60798b}.landing-intro .button{margin:4px 10px 4px 0}.landing-intro .signed-in-name{font-size:14px;color:var(--ink);margin:18px 0 8px}.landing-intro .landing-note,.landing-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:65ch}.landing-world{padding:42px 20px}.landing-plate{height:280px;position:relative;border:1px solid #b7c9bf;border-bottom:12px solid #9cb5a4;border-radius:3px;background-color:#c5d5c8;background-image:radial-gradient(circle at center,#b0c4b4 4px,#d7e3da 4.5px,transparent 6px);background-size:22px 22px;transform:perspective(800px) rotateX(34deg) rotateZ(-7deg);box-shadow:9px 25px 35px #526e7a1f}.landing-brick{position:absolute;border:1px solid #ffffff70;border-bottom:14px solid #0002;border-right:7px solid #0002;border-radius:3px;background-image:radial-gradient(circle at center,#ffffff20 6px,#ffffff40 7px,transparent 9px);background-size:30px 30px;box-shadow:5px 7px 0 #0001}.brick-a{left:35px;top:80px;width:180px;height:70px;background-color:#365c75}.brick-b{left:65px;top:32px;width:90px;height:90px;background-color:#9ba99e}.brick-c{right:22px;top:115px;width:120px;height:100px;background-color:#f1b64b}.brick-d{right:70px;top:68px;width:90px;height:70px;background-color:#c8816c}.landing-world-label{position:absolute;bottom:14px;left:19px;font-size:11px;color:#3f6551;background:#e5eee7ed;padding:5px 8px}.connection-section{display:grid;grid-template-columns:1fr 1.12fr;gap:58px;align-items:start;padding:44px 0;border-top:1px solid var(--line)}.connection-copy h2,.token-panel h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.5px;margin:0 0 15px}.connection-copy p,.connection-copy li,.token-panel p{font-size:13px;line-height:1.75;color:#60798b;max-width:70ch}.connection-copy p+p{margin-top:14px}.connection-copy ol{padding-left:20px;margin:20px 0}.connection-copy li{padding-left:4px;margin:8px 0}.connection-copy>code{display:block;font-size:11px;line-height:1.7;white-space:normal;color:var(--blue)}.connection-code{background:#f1f5f8;border-left:3px solid #b7cbd9;border-radius:3px;padding:22px;margin:0;overflow:auto;font-size:11px;line-height:1.8;color:#36536a}.token-panel{display:grid;grid-template-columns:1fr 1.12fr;gap:58px;background:#f6f9f7;border-top:1px solid #dce7df;border-bottom:1px solid #dce7df;padding:30px;margin-bottom:42px}.token-panel h2{font-size:22px}.token-panel .allowance-label{margin-top:15px;color:#3f6551}.token-actions label{display:block;font-weight:600;margin:18px 0 8px}.token-actions textarea{display:block;width:100%;min-height:95px;margin-top:8px;resize:vertical;border:1px solid #c7d7cd;border-radius:4px;padding:10px;font-size:11px;overflow-wrap:anywhere;color:var(--ink);background:white}.token-buttons{display:flex;gap:10px;margin-top:12px}.onboarding-error{color:#a33d32!important;padding:12px 0;font-size:13px}.landing-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 36px;color:var(--muted);font-size:11px}@media(max-width:760px){.landing-page{padding:0 22px}.landing-hero{grid-template-columns:1fr;gap:0;padding-top:38px}.landing-world{padding:30px 20px}.landing-plate{height:230px}.connection-section,.token-panel{grid-template-columns:1fr;gap:25px}.landing-header nav{gap:16px}.landing-header nav>a:not(.button){display:none}.token-panel{padding:23px}.landing-footer{padding:22px}.landing-intro h1{max-width:18ch}}
.landing-intro,.landing-world,.connection-copy,.connection-code,.token-actions{min-width:0}@media(max-width:760px){.connection-section,.token-panel,.landing-hero{grid-template-columns:minmax(0,1fr)}}
.nearest-construction{position:absolute;right:24px;bottom:100px;border:1px solid #cbdbe5;border-radius:5px;padding:8px 11px;background:#ffffffe8;color:#365c75;font-size:11px;line-height:1.3}
.viewport-area.is-fullscreen,.viewport-area:fullscreen{position:fixed;inset:0;z-index:20;width:100vw;height:100dvh;min-height:0;background:var(--canvas)}body:has(.viewport-area.is-fullscreen){overflow:hidden}.viewport-area.is-fullscreen .mobile-navigation{display:flex;position:absolute;left:24px;top:124px;border:1px solid #cddde7;border-radius:5px;overflow:hidden}.viewport-area.is-fullscreen .mobile-navigation button{border:0;background:#ffffffeb;padding:9px 15px;font-size:12px}.viewport-area.is-fullscreen .mobile-navigation button.active{background:#d3e3ed;color:#2e546c}.view-tools button[aria-pressed=true]{background:var(--ink);color:white}
.navigation-modes{display:flex;border:1px solid #d9e3eb;border-radius:5px;overflow:hidden;margin-top:14px}.navigation-modes button{flex:1;border:0;background:white;padding:8px 4px;font-size:11px}.navigation-modes button+button{border-left:1px solid #d9e3eb}.navigation-modes button.active{background:#e9f1f6;color:#2d526b;font-weight:600}#eye-height{width:100%;padding:7px;border:1px solid #d9e3eb;border-radius:4px;color:#334e63}
.mobile-navigation{display:none}.movement-pad{position:absolute;left:24px;bottom:63px;display:grid;grid-template-columns:repeat(3,30px);gap:3px}.movement-pad button{height:30px;background:#ffffffe6;border:1px solid #cbdbe5;border-radius:4px;color:#3c6078;font-size:17px}.movement-pad button:nth-child(1){grid-column:2}.movement-pad button:nth-child(2){grid-column:1;grid-row:2}.movement-pad button:nth-child(3){grid-column:2;grid-row:2}.movement-pad button:nth-child(4){grid-column:3;grid-row:2}@media(max-width:560px){.mobile-navigation{display:flex;position:absolute;left:20px;top:124px;border:1px solid #cddde7;border-radius:5px;overflow:hidden}.mobile-navigation button{border:0;background:#ffffffd9;padding:7px 13px;font-size:11px}.mobile-navigation button.active{background:#d3e3ed;color:#2e546c}.movement-pad{bottom:55px;left:18px}}