.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.scene-section{min-width:0;position:sticky;top:15px}.visual{position:relative;aspect-ratio:1.22;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#f7f3dc,#d9e5d0);border:1px solid #fff9e6;box-shadow:0 16px 32px #4e694d18}#world,#plan{position:absolute;inset:0}#world canvas,#plan svg{display:block;width:100%;height:100%}.view-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.view-tools button{font-size:11px;min-height:44px}.view-tools [aria-pressed=true]{background:#d5e4c3;border-color:#849f74}.view-tools button:disabled{opacity:.35}.intro-art{min-width:0}.intro-art .visual{aspect-ratio:1.2}.welcome{grid-template-columns:350px minmax(0,1fr);gap:4vw;margin-inline:1vw}.dimension-row{display:grid;grid-template-columns:92px 44px minmax(0,1fr) 44px;gap:7px;align-items:center;margin-top:12px}.dimension-row label{font-size:11px}.dimension-row button{width:44px;padding:0;font-size:21px}.dimension-row input{min-width:0;width:100%;height:44px;text-align:center;font-size:21px;background:#edf2e2;border:1px solid #b7c7ac;border-radius:10px}.claim-label{display:block;font-size:12px;font-weight:600;margin:14px 0 7px}.claim-input{width:100%;height:46px;padding:8px 12px;border:1px solid #b7c7ac;border-radius:11px;background:#edf2e2;font-size:21px}.small-note{font-size:11px;line-height:1.65;color:#647c5b}.small-title{font-size:12px}.cut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.cut-grid button{padding:6px;min-height:52px;border-radius:8px;background:#d2e5bb;box-shadow:0 3px 0 #a8c192;font-size:17px}.cut-grid [aria-pressed=true]{background:#faf0d4;border-style:dashed;box-shadow:0 3px 0 #c2a46f;color:#986641}.height-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.height-cards button{font-size:11px;background:#e5edd8;min-height:72px}.height-cards [aria-pressed=true]{border:2px solid #779970;background:#d4e5c0}.height-art{display:block;width:46px;height:25px;margin:auto auto 7px;border-bottom:2px solid #6e8f77;position:relative}.height-art:before{content:'';display:block;position:absolute;width:1px;height:24px;left:22px;border-left:3px dashed #4d91a1}.height-art.edge:before{transform:rotate(36deg);border-left-style:solid;border-color:#b08c5a}.text-button{min-height:44px}.report{display:grid;gap:6px;margin-top:13px}.report:empty{display:none}.report p{font-size:11px;margin:0;border-radius:10px;padding:9px;background:#f6e6c8}.report p.ok{background:#e0ebd2}.explain{font-size:11px;margin-top:14px}.explain summary{min-height:36px;cursor:pointer}.explain label{display:block;font-size:10px;margin:8px 0}.explain textarea{width:100%;font:inherit;border:1px solid #bdc9b1;border-radius:10px;padding:9px;background:#fffbed}.map-heading{font-size:12px}.arrival h2{margin-top:0}#restore{display:block;margin:0 auto}#viewStatus:empty{display:none}.welcome .postcard h1{font-size:31px}.welcome .postcard p{font-size:13px}
@media(max-width:850px){.builder-layout{grid-template-columns:minmax(0,1fr);gap:16px}.scene-section{position:static;width:min(500px,100%);margin:auto}.visual{aspect-ratio:1.35}.planner{width:min(500px,100%)}.dimension-row{grid-template-columns:82px 44px minmax(0,1fr) 44px}.welcome{grid-template-columns:minmax(0,1fr);margin:26px auto;max-width:420px}.intro-art{grid-row:1}.intro-art .visual{aspect-ratio:2.1;max-height:190px}.map-heading{font-size:11px}.view-tools{gap:6px}.view-tools button{font-size:10px;padding-inline:10px}.objective h1{font-size:21px}.cut-grid button{min-height:50px}.height-cards button{min-height:72px}}
@media(max-height:650px) and (max-width:850px){.intro-art{display:none}.welcome{margin-top:23px}.postcard h1{font-size:28px}}
