html[data-view="island"] #header{display:none}
.lw-shell{max-width:1180px;margin:0 auto;padding:20px;display:grid;gap:16px;color:#305344}.lw-shell *{box-sizing:border-box;min-width:0}.lw-shell button{min-height:44px;white-space:normal}.lw-top,.lw-section-title,.lw-inline,.lw-commission,.lw-workshop-entry{display:flex;align-items:center;justify-content:space-between;gap:16px}.lw-top>span,.lw-muted{color:#738267;font-size:14px}.lw-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#315847;color:#fff8d9;border-radius:24px;padding:28px}.lw-hero h1{font-size:clamp(24px,3vw,36px);margin:10px 0}.lw-hero p{color:#e1e9c7}.lw-eyebrow{font-size:13px;letter-spacing:.04em}.lw-materials{display:grid;gap:8px;text-align:center;flex-shrink:0}.lw-materials strong{font-size:36px;color:#f0d889}.lw-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lw-tabs button[aria-pressed=true],.lw-actions button[aria-pressed=true]{background:#315847;color:#fff8d9}.lw-card{padding:20px;border:1px solid #d5ddbc;border-radius:22px;background:#fffdf3;display:grid;gap:16px;align-content:start}.lw-card h2,.lw-card h3,.lw-card p{margin:0}.lw-card h2{font-size:21px}.lw-card p{line-height:1.7}.lw-build-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:16px}.lw-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lw-map button{padding:12px 8px;display:grid;gap:8px;justify-items:center;background:#eef3df;min-height:136px}.lw-map button[aria-pressed=true]{border:2px solid #577e4c;background:#e1eccb}.lw-map small{color:#758060;font-size:12px}.lw-plot-art{display:grid;place-items:center;width:64px;height:64px}.lw-plot-art>*{width:100%;height:100%;max-width:100%;max-height:100%}.lw-plot-art .ex-illustration{display:block}.lw-empty-plot{display:grid;place-items:center;font-size:30px;color:#91a56c;border:1px dashed #aabd8d;border-radius:18px}.lw-form-row,.lw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lw-field{display:grid;gap:8px;font-size:14px}.lw-field input,.lw-field select{width:100%;min-height:44px;padding:10px;border:1px solid #cdd6b7;border-radius:12px;background:#fffffa;font:inherit;color:inherit}.lw-actions{display:flex;gap:12px;flex-wrap:wrap}.lw-plan-preview{display:grid;gap:12px;font-size:14px}.lw-plan{display:grid;grid-template-columns:repeat(var(--cols),22px);gap:2px}.lw-plan i{height:22px;background:#b0c575;border-radius:3px}.lw-feedback{border-left:4px solid #a1b774;border-radius:8px;padding:14px 16px;background:#ecf1dc;line-height:1.7;overflow-wrap:anywhere}.lw-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lw-goals button{display:grid;gap:12px;padding:16px;text-align:left}.lw-goals small{font-size:13px;color:#788367}.lw-route-options,.lw-create-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lw-route-options article{display:grid;gap:16px;background:#f6f3dd;border:1px solid #e3dbb3;border-radius:18px;padding:20px}.lw-stats span{display:grid;gap:8px;background:#eef3df;border-radius:14px;padding:14px}.lw-stats strong{font-size:23px}.lw-details{border:1px solid #d5ddbc;border-radius:14px;padding:14px}.lw-details summary{min-height:32px;cursor:pointer}.lw-details li+li{margin-top:12px}.lw-puzzle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(100%,330px);justify-self:center}.lw-puzzle button{aspect-ratio:1;min-height:44px;min-width:0;padding:0;border-radius:10px;background:#f4f2de}.lw-puzzle button[data-state=wall]{background:#879e65;color:white}.lw-puzzle button[data-state=here]{background:#397755;color:white}.lw-puzzle button[data-state=path]{background:#e4d792}.lw-code{align-self:center;letter-spacing:.13em}.lw-works{display:grid;gap:12px}.lw-works article{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #dde3cd;padding:12px;border-radius:14px}.lw-journal{padding:0;list-style:none;display:grid;gap:12px;margin:0}.lw-journal li{border-bottom:1px dashed #d5ddbc;padding-bottom:12px}.lw-journal span{font-size:12px;color:#788367}.lw-workshop-entry{margin:16px 0;padding:20px;border:1px solid #cfdcb4;border-radius:20px;background:#edf2de}.lw-workshop-entry h2{margin:8px 0}.lw-workshop-entry p{margin:0;line-height:1.7}.lw-shell button:focus-visible{outline:3px solid #ba963c;outline-offset:3px}
@media(max-width:650px){.lw-shell{padding:16px}.lw-build-layout,.lw-create-layout{grid-template-columns:minmax(0,1fr)}.lw-build-layout>.lw-card:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lw-build-layout>.lw-card:nth-child(2)>h2,.lw-build-layout>.lw-card:nth-child(2)>.lw-eyebrow,.lw-build-layout>.lw-card:nth-child(2)>.lw-muted{grid-column:1/-1}.lw-hero{padding:22px}.lw-plot-art{width:56px;height:56px}}
@media(max-width:520px){.lw-shell{padding:12px;gap:12px}.lw-hero{padding:18px;gap:16px;align-items:flex-start}.lw-hero h1{font-size:24px}.lw-hero p{font-size:14px}.lw-materials{max-width:86px}.lw-materials small{font-size:11px;line-height:1.5}.lw-materials strong{font-size:28px}.lw-top>span{font-size:12px;max-width:140px}.lw-tabs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.lw-card{padding:16px}.lw-build-layout>.lw-card:nth-child(2){grid-template-columns:minmax(0,1fr)}.lw-map{gap:8px}.lw-map button{min-height:124px;padding:8px 4px;font-size:13px}.lw-plot-art{width:46px;height:46px}.lw-goals,.lw-route-options{grid-template-columns:minmax(0,1fr)}.lw-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lw-form-row>label:last-child{grid-column:1/-1}.lw-inline,.lw-commission,.lw-workshop-entry,.lw-section-title{align-items:flex-start;flex-direction:column}.lw-stats{gap:8px}.lw-stats span{padding:10px;font-size:12px}.lw-stats strong{font-size:19px}.lw-workshop-entry>button{width:100%}.lw-puzzle{gap:4px}.lw-puzzle button{font-size:14px}.lw-details{padding:12px}}

html[data-view="island"] body{padding-bottom:env(safe-area-inset-bottom)}
.lw-top{flex-wrap:wrap}.lw-top .task-top{margin:0;padding:0;display:flex;gap:8px}.lw-top .task-music{display:flex;flex-wrap:wrap;gap:8px}.lw-top .task-music button{font-size:13px;padding:10px;min-height:44px}
.lw-shell .lw-tabs{order:0;position:static;inset:auto;width:auto;height:auto;transform:none;margin:0;padding:0;box-shadow:none;border:0}

@media(min-width:651px) and (max-width:900px){.lw-shell{padding:16px}.lw-build-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}.lw-card{padding:16px}.lw-map{gap:8px}.lw-map button{min-height:116px;font-size:13px;padding:8px 4px}.lw-plot-art{width:44px;height:44px}.lw-hero{padding:20px}.lw-hero h1{font-size:27px}.lw-section-title{flex-wrap:wrap;gap:8px}.lw-section-title span{font-size:13px}}