:root{color-scheme:light;--world-sea:#c8e1da;--world-paper:#f4ead0;--world-ink:#26332d;--world-line:#6f654d}*{box-sizing:border-box}body{margin:0;background:var(--brand-paper);color:var(--brand-ink);font:14px/1.5 var(--font-sans)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.world-shell{padding-block:44px 70px}.world-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.world-intro h1{margin:8px 0 10px;font:500 clamp(3rem,5vw,5rem)/.94 var(--font-serif);letter-spacing:-.045em}.world-intro p{max-width:680px;margin:0;color:var(--brand-muted);font-size:16px}.draft-state{flex:none;padding:7px 11px;border:1px solid var(--brand-line);border-radius:999px;color:var(--brand-muted);font-size:11px;font-weight:700}.world-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);border:1px solid var(--brand-line);border-radius:14px;overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card)}.world-controls{align-self:stretch;min-height:0;overflow:auto;contain:size;border-right:1px solid var(--brand-line);background:var(--brand-paper)}.control-section{display:grid;gap:13px;padding:22px;border-bottom:1px solid var(--brand-line)}.section-title{display:flex;align-items:flex-start;gap:10px}.section-title>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--brand-green);color:white;font-size:11px;font-weight:800}.section-title h2{margin:1px 0 0;font-size:15px}.section-title p{margin:3px 0 0;color:var(--brand-muted);font-size:11px}.control-section label{display:grid;gap:5px;color:var(--brand-muted);font-size:11px;font-weight:700}.control-section :is(input,select,textarea){width:100%;min-height:40px;padding:8px 10px;border:1px solid #c8cabf;border-radius:7px;background:#fffef9;color:var(--brand-ink);font-size:13px;font-weight:500}.control-section textarea{resize:vertical}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.purpose-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.purpose-palette button{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid var(--brand-line);border-radius:7px;background:var(--color-surface);font-size:11px;font-weight:700;text-align:left}.purpose-palette button[aria-pressed="true"]{border-color:var(--brand-green);box-shadow:inset 0 0 0 1px var(--brand-green);background:color-mix(in srgb,var(--brand-green),transparent 92%)}.purpose-palette i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;color:#26332d;font-style:normal}.purpose-palette button[data-purpose="blank"] i{border:1px dashed #8d9087;background:repeating-linear-gradient(135deg,#fffef9 0 4px,#e4e5df 4px 6px)!important}.tile-inspector fieldset{display:grid;gap:11px;margin:0;padding:0;border:0}.tile-inspector fieldset:disabled{opacity:.45}.control-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 22px}.quiet-action,.export-actions button{display:grid;place-items:center;min-height:40px;padding:8px 10px;border:1px solid var(--brand-line);border-radius:7px;background:var(--color-surface);font-weight:700}.file-action{cursor:pointer}.file-action input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.world-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#f9f5e7}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--brand-line);background:#f7efd6}.stage-header h2{margin:3px 0 0;font:500 28px/1 var(--font-serif)}.mode-switch{display:flex;padding:3px;border:1px solid #b5af9d;border-radius:9px;background:#fffaf0}.mode-switch button{min-height:34px;padding:6px 13px;border:0;border-radius:6px;background:transparent;font-size:12px;font-weight:800}.mode-switch button[aria-pressed="true"]{background:var(--world-ink);color:white}.canvas-wrap{position:relative;min-height:650px;overflow:hidden;background:var(--world-sea)}#world-canvas{display:block;width:100%;height:100%;min-height:650px;touch-action:manipulation}.canvas-background{fill:#c8e1da}.background-pattern{fill:url(#ocean-waves)}.canvas-wrap[data-background="paper"] .canvas-background{fill:#f3e8c9}.canvas-wrap[data-background="paper"] .background-pattern{fill:none}.canvas-wrap[data-background="topographic"] .canvas-background{fill:#e8ebe3}.canvas-wrap[data-background="topographic"] .background-pattern{fill:url(#topo-lines)}.canvas-wrap[data-background="plain"] .canvas-background{fill:#f8f7f0}.canvas-wrap[data-background="plain"] .background-pattern{fill:none}.world-tile{cursor:pointer;outline:none}.world-tile .tile-shape{stroke:var(--world-line);stroke-width:2;vector-effect:non-scaling-stroke;transition:filter .15s,opacity .15s}.world-tile .tile-texture{pointer-events:none;stroke:none;fill:var(--tile-texture)}.world-tile[data-texture="grass"]{--tile-texture:url(#tile-grass)}.world-tile[data-texture="rocks"]{--tile-texture:url(#tile-rocks)}.world-tile[data-texture="sand"]{--tile-texture:url(#tile-sand)}.world-tile[data-texture="waves"]{--tile-texture:url(#tile-waves)}.world-tile[data-texture="brick"]{--tile-texture:url(#tile-brick)}.world-tile[data-texture="dots"]{--tile-texture:url(#tile-dots)}.world-tile[data-purpose="water"] .tile-shape{stroke:#4b8d8655;stroke-width:1}.world-tile:hover .tile-shape,.world-tile:focus-visible .tile-shape{filter:brightness(1.06) drop-shadow(0 4px 2px #24322d55)}.world-tile[aria-selected="true"] .tile-shape{stroke:var(--brand-coral);stroke-width:4}.world-tile text{pointer-events:none;text-anchor:middle;fill:var(--world-ink);font-family:var(--font-sans);font-weight:800;paint-order:stroke;stroke:#fff4dd;stroke-width:4;stroke-linejoin:round}.world-tile .tile-icon{font-size:17px}.world-tile .tile-name{font-size:10px}.world-tile .tile-value{font-size:8px;font-weight:650}.world-stage.is-explore .world-tile[data-purpose="water"]{opacity:.35}.world-stage.is-explore .world-tile[aria-selected="true"] .tile-shape{stroke:var(--world-line);stroke-width:2}.world-popup{position:absolute;z-index:3;width:min(280px,calc(100% - 30px));left:50%;top:50%;transform:translate(-50%,-50%);padding:18px;border:1px solid var(--world-line);border-radius:12px;background:#fffaf0;box-shadow:0 18px 50px #26332d45}.world-popup[hidden]{display:none}.world-popup button{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:19px}.world-popup h3{margin:5px 28px 2px 0;font:500 25px/1 var(--font-serif)}.world-popup strong{display:block;color:var(--brand-coral);margin-top:8px}.world-popup p{margin:8px 0 0;color:var(--brand-muted)}.popup-purpose{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-green)}.canvas-help{position:absolute;left:16px;bottom:16px;padding:8px 11px;border:1px solid #958c73;border-radius:8px;background:#fffaf0dd;backdrop-filter:blur(4px);font-size:11px;font-weight:700}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:12px 16px;border-top:1px solid var(--brand-line);background:#fffaf0}.world-legend{display:flex;flex-wrap:wrap;gap:7px 13px}.world-legend span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.world-legend i{width:11px;height:11px;border-radius:3px}.export-actions{display:flex;gap:7px}.export-actions button:first-child{background:var(--world-ink);color:white;border-color:var(--world-ink)}.education-note{display:flex;align-items:flex-start;gap:18px;margin-top:28px;padding:22px 24px;border:1px solid var(--brand-line);border-radius:10px;background:#eaf0e3}.education-note>span{font-size:25px;color:var(--brand-green)}.education-note strong{font-size:15px}.education-note p{margin:4px 0 0;color:var(--brand-muted);font-size:13px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:980px){.world-workspace{grid-template-columns:290px minmax(0,1fr)}.canvas-wrap,#world-canvas{min-height:570px}.control-section{padding:18px}}@media(max-width:760px){.world-shell{width:100%;padding:30px 14px 48px}.world-intro{align-items:flex-start;flex-direction:column}.world-intro h1{font-size:3.2rem}.world-workspace{display:flex;flex-direction:column}.world-controls{contain:none;border-right:0;border-bottom:1px solid var(--brand-line)}.world-stage{order:-1}.canvas-wrap,#world-canvas{min-height:430px}.stage-footer{align-items:flex-start;flex-direction:column}.export-actions{width:100%}.export-actions button{flex:1}.canvas-help{right:12px;left:12px}.purpose-palette{grid-template-columns:repeat(4,1fr)}.purpose-palette button{justify-content:center}.purpose-palette button span{display:none}}@media(max-width:440px){.stage-header{align-items:flex-start;flex-direction:column}.mode-switch{width:100%}.mode-switch button{flex:1}.control-pair{grid-template-columns:1fr}.purpose-palette{grid-template-columns:repeat(2,1fr)}.purpose-palette button span{display:inline}.export-actions{flex-wrap:wrap}.export-actions button:first-child{flex-basis:100%}}

.purpose-palette button:disabled{cursor:not-allowed;opacity:.48}.world-tile.is-hidden .tile-shape{fill:transparent;stroke:#6f654d;stroke-dasharray:5 4;opacity:.55}.world-tile.is-hidden .tile-texture{display:none}.world-stage.is-explore .world-tile.is-hidden{display:none}
.world-tile[data-size="small"] .tile-icon{font-size:13px}.world-tile[data-size="small"] .tile-name{font-size:8px}.world-tile[data-size="small"] .tile-value{font-size:7px}.world-tile[data-size="large"] .tile-name{font-size:11px}