:root{--putty: #c8c4b8;--bg: #eef0e2;--page-grad: repeating-radial-gradient( circle at 82% 16%, transparent 0 47px, rgba(43, 46, 40, .043) 47px 48px ), repeating-radial-gradient( circle at 12% 90%, transparent 0 55px, rgba(43, 46, 40, .04) 55px 56px ), linear-gradient(#f1f2e8, #e3e5d4 60%, #eef0e2);--surface: #ffffff;--surface2: #f8f9ee;--line: #d7d8c6;--line2: #b9bda8;--text: #2b2e28;--ink: #2b2e28;--muted: #51564a;--faint: #73786a;--accent: #6b7a2e;--accentHi: #586324;--onaccent: #ebecdf;--rust: #c25b3a;--rustHi: #a84828;--onrust: #ebecdf;--gold: #cf9131;--olive-deep: #3f4a16;--navbg: #404040;--navtext: #dfe3c4;--navtext-hi: #f7f4e6;--btnfont: "Archivo", sans-serif;--btnradius: 8px;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--font-display: "Archivo", sans-serif;--font-wordmark: "Bebas Neue", sans-serif;--maxw: 1180px;--shadow-card: 0 16px 30px -24px rgba(43, 46, 40, .55);--shadow-plate: 0 30px 60px -34px rgba(56, 50, 31, .6);--chip-dark: rgba(43, 46, 40, .6);--biome-forest: #6b7a2e;--biome-jungle: #3f7d4f;--biome-snow: #cdd6e0;--biome-desert: #c9a45a;--biome-ocean: #5c7f95}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;background:var(--page-grad)}::selection{background:#6b7a2e47}a{color:inherit}input,textarea,button{font-family:inherit}textarea{resize:none}code{font-family:var(--font-mono)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;outline:none;cursor:pointer;touch-action:none}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#2b2e2829}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface2);box-shadow:0 1px 3px #2b2e2859}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#2b2e2829}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--surface2);cursor:pointer}@keyframes wd-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes wd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wd-anim{animation:none!important}}.eyebrow{display:flex;align-items:center;gap:8px;font:400 12px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow .dot{width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}.mono{font-family:var(--font-mono)}.label{font:400 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.display{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--text)}.section{max-width:var(--maxw);margin:0 auto}.btn{font:800 13px var(--btnfont);letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:var(--btnradius);cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}.btn-accent{color:var(--onaccent);background:var(--accent);border:1px solid rgba(0,0,0,.85);padding:11px 18px}.btn-accent:hover{background:var(--accentHi)}.btn-rust{color:var(--onrust);background:var(--rust);border:1px solid rgba(0,0,0,.85);padding:11px 18px}.btn-rust:hover{background:var(--rustHi)}.btn-ghost{color:var(--text);background:transparent;border:1px solid var(--line2);padding:11px 16px}.btn-ghost:hover{border-color:var(--ink)}.btn-link{font:700 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:6px 0}.btn-link:hover{color:var(--text)}.btn:disabled{opacity:.6;cursor:default}.chip{font:400 12px var(--font-mono);color:var(--muted);background:transparent;border:1px solid var(--line2);border-radius:100px;padding:7px 14px;cursor:pointer;transition:.14s}.chip:hover{color:var(--text);border-color:var(--ink)}.chip.active{color:var(--onaccent);background:var(--accent);border-color:var(--accent)}.seg{display:flex;gap:4px;padding:4px;background:var(--surface2);border:1px solid var(--line);border-radius:10px}.seg button{flex:1;font:800 13px var(--btnfont);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-radius:7px;padding:10px;cursor:pointer;transition:.15s}.seg button.active{color:var(--onaccent);background:var(--accent)}.panel-match{position:relative;min-height:0}.match-fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}@media (max-width: 900px){.panel-match{position:static}.match-fill{position:static;overflow:visible}}.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px;box-shadow:var(--shadow-card)}.map-card{position:relative;border-radius:16px;overflow:hidden;border:3px solid var(--ink);background:#2b2e28;min-height:452px;display:flex;box-shadow:var(--shadow-plate)}.stat-chip{display:flex;flex-direction:column;gap:2px;background:var(--chip-dark);border:none;border-radius:4px;padding:6px 12px}.stat-chip .k{font:400 9px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#c8cbb6}.stat-chip .v{font:400 14px/1 var(--font-mono);color:#eef0e2}.stat-chip .v.accent{color:var(--gold)}.biome-bar{display:flex;height:8px;border-radius:5px;overflow:hidden;border:1px solid var(--ink);background:var(--putty)}.biome-bar>span{height:100%}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px;line-height:1}.icon-btn:hover{color:var(--text)}@media (max-width: 980px){.gallery-head{display:none!important}.gallery-row{grid-template-columns:54px 1fr auto!important}.col-opt{display:none!important}}@media (max-width: 900px){.grid-2{grid-template-columns:1fr!important}}@media (max-width: 700px){.nav-links{display:none!important}.nav-burger{display:flex!important}.nav-wordmark{display:none!important}.nav-icon{display:flex!important}.nav-new{display:none!important}}.mp-frame{border:3px solid var(--ink, #2b2e28);border-radius:14px;overflow:hidden;background:var(--ink, #2b2e28);box-shadow:var(--shadow-plate, 0 30px 60px -34px rgba(56, 50, 31, .6));display:flex;flex-direction:column}.mp-topbar{display:flex;align-items:stretch;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(238,240,226,.14);min-height:40px}.mp-tabs{display:flex;align-items:stretch}.mp-tab{font:600 11px var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#9aa08e;background:none;border:none;border-right:1px solid rgba(238,240,226,.14);padding:0 14px;cursor:pointer;position:relative}.mp-tab:hover:not(:disabled){color:#eef0e2}.mp-tab:disabled{opacity:.4;cursor:default}.mp-tab.on{color:#eef0e2}.mp-tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent, #6b7a2e)}.mp-meta{display:flex;align-items:center;gap:12px;padding:0 12px;font:500 10px var(--font-mono, ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#9aa08e;white-space:nowrap}.mp-meta .v{color:#eef0e2}.mp-stagewrap{background:var(--ink, #2b2e28);display:flex;justify-content:center;padding:0}.mp-stage{position:relative;width:min(100%,76vh);aspect-ratio:1 / 1;overflow:hidden;background:var(--ink, #2b2e28)}.mp-stage img.mp-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mp-zoomlayer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.mp-zoomctl{position:absolute;right:10px;top:10px;z-index:5;display:flex;flex-direction:column}.mp-zoomctl button{width:30px;height:30px;font:600 15px var(--font-mono, ui-monospace, monospace);color:#eef0e2;background:#2b2e28b8;border:1px solid rgba(238,240,226,.25);border-top-width:0;cursor:pointer;line-height:1}.mp-zoomctl button:first-child{border-top-width:1px}.mp-zoomctl button:hover:not(:disabled){background:#2b2e28e6}.mp-zoomctl button:disabled{opacity:.4;cursor:default}.mp-tab-view{font-size:12px;padding:0 20px;letter-spacing:.16em}.mp-ticks{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;z-index:4}.mp-ticks i{position:absolute;width:11px;height:11px;border:0 solid rgba(240,238,232,.38);mix-blend-mode:difference}.mp-ticks i:nth-child(1){top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.mp-ticks i:nth-child(2){top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.mp-ticks i:nth-child(3){bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.mp-ticks i:nth-child(4){bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.mp-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(238,240,226,.14);padding:7px 8px;min-height:38px}.mp-togglerow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mp-toggle{display:inline-flex;align-items:center;gap:6px;font:600 10px var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#9aa08e;background:none;border:1px solid rgba(238,240,226,.2);padding:5px 9px;cursor:pointer}.mp-toggle i{width:7px;height:7px;border:1px solid currentColor;display:inline-block}.mp-toggle:hover{color:#eef0e2}.mp-toggle.on{color:#eef0e2;border-color:var(--accent, #6b7a2e)}.mp-toggle.on i{background:var(--accent, #6b7a2e);border-color:var(--accent, #6b7a2e)}.mp-hint{font:500 9.5px var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#9aa08e;text-align:right;padding-right:4px;white-space:nowrap}.mp-3d-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:600 11px var(--font-mono, ui-monospace, monospace);letter-spacing:.22em;color:var(--muted, #a89a82);z-index:2;pointer-events:none}.mp-compass{display:inline-flex;align-items:center;gap:4px}.mp-compass svg{display:block}.mp-base{opacity:0;transition:opacity .25s ease-out}.mp-base.loaded{opacity:1}.mp-rendering{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font:400 12px var(--font-mono, monospace);letter-spacing:.08em;color:#c8cbb6;pointer-events:none}