:root{--ink: #3d3226;--ink-soft: #6b5c4a;--paper: #fdf6e3;--paper-warm: #f7e9c8;--accent: #4fb286;--accent-deep: #2f7d5c;--water: #7eb6e2;--silt: #cdb17c;--danger: #d9704f;--radius: 14px;--shadow: 0 4px 0 rgba(61, 50, 38, .18);--font: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#1a2410;font-family:var(--font);color:var(--ink);overscroll-behavior:none;touch-action:none}#viewport{display:block;width:100%;height:100%}#ui-root{position:fixed;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.boot-status{position:fixed;inset:0;display:grid;place-content:center;gap:.75rem;justify-items:center;background:#1a2410;color:var(--paper-warm);font-size:.95rem;letter-spacing:.02em;transition:opacity .4s ease}.boot-status[hidden]{display:none}.boot-status__bar{width:min(18rem,60vw);height:6px;border-radius:999px;background:#fdf6e32e;overflow:hidden}.boot-status__fill{height:100%;width:0%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.legend{position:fixed;left:1rem;bottom:1rem;width:15rem;padding:.7rem .85rem .75rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);font-size:.8rem;line-height:1.35}.legend[hidden]{display:none}.legend__title{font-weight:650;letter-spacing:.01em}.legend__description{margin-top:.1rem;color:var(--ink-soft);font-size:.74rem}.legend__ramp{height:.6rem;margin-top:.55rem;border-radius:999px;box-shadow:inset 0 0 0 1px #3d322638}.legend__ends{display:flex;justify-content:space-between;margin-top:.2rem;color:var(--ink-soft);font-size:.68rem}.legend__hint{margin-top:.5rem;padding-top:.45rem;border-top:1px solid rgba(61,50,38,.12);color:var(--ink-soft);font-size:.68rem}kbd{display:inline-block;min-width:1.1em;padding:.05em .3em;border-radius:4px;background:var(--paper-warm);box-shadow:0 1px #3d322640;font:inherit;font-weight:650;text-align:center}.hud{position:fixed;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.hud__row{display:flex;gap:.4rem}.hud__chip{padding:.3rem .6rem;border-radius:999px;background:var(--paper);box-shadow:var(--shadow);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.hud__chip--muted{opacity:.5}.hud__tools{display:flex;gap:.35rem}.hud__tool{display:flex;gap:.35rem;align-items:center;padding:.35rem .55rem;border:none;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);font:inherit;font-size:.78rem;color:var(--ink-soft);cursor:pointer;transition:background .14s ease,color .14s ease}.hud__tool--active{background:var(--accent);color:#fff}.hud__tool--active kbd{background:#ffffffd9}.hud__tool em{font-style:normal;opacity:.75}.hud__readout{min-height:1.2rem;padding:.25rem .6rem;border-radius:999px;background:var(--paper);box-shadow:var(--shadow);font-size:.76rem;font-weight:600}.hud__readout:empty{display:none}.hud__readout--ok{color:var(--accent-deep)}.hud__readout--warn{color:#9a6f1c}.hud__readout--bad{color:var(--danger)}.toast{position:fixed;left:50%;bottom:2.2rem;transform:translate(-50%);padding:.55rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.85rem;font-weight:600}.toast[hidden]{display:none}.hydrograph{position:fixed;right:1rem;bottom:1rem;padding:.7rem .8rem .55rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.hydrograph[hidden]{display:none}.hydrograph__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.35rem}.hydrograph__heading{display:flex;align-items:baseline;gap:1rem;font-size:.82rem;font-weight:650}.hydrograph__stat{color:var(--accent-deep);font-variant-numeric:tabular-nums}.hydrograph__close{flex-shrink:0;width:1.6rem;height:1.6rem;border:none;border-radius:999px;background:#3d32261a;font:inherit;font-size:1rem;line-height:1.6rem;text-align:center;color:var(--ink-soft);cursor:pointer}.hydrograph__key{display:flex;gap:.9rem;margin-top:.3rem;color:var(--ink-soft);font-size:.7rem}.hydrograph__swatch{display:inline-block;width:1.1rem;height:0;margin-right:.3rem;vertical-align:middle;border-top:2px solid var(--accent-deep)}.hydrograph__swatch--dashed{border-top-style:dashed;border-top-color:#3d322680}.score{position:fixed;top:1rem;right:1rem;width:15rem;padding:.65rem .8rem .7rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);font-size:.78rem}.score__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-weight:650}.score__head strong{font-size:1.35rem;color:var(--accent-deep);font-variant-numeric:tabular-nums;line-height:1}.score__row{display:grid;grid-template-columns:5.6rem 1fr 1.5rem .8rem;align-items:center;gap:.35rem;margin-top:.3rem}.score__label{color:var(--ink-soft);font-size:.72rem}.score__track{height:.42rem;border-radius:999px;background:#3d32261f;overflow:hidden}.score__track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .5s ease}.score__value{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.score__trend{font-size:.62rem}.score__trend--up{color:var(--accent-deep)}.score__trend--down{color:var(--danger)}.hud__keys{padding:.3rem .6rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);color:var(--ink-soft);font-size:.68rem;line-height:1.6}.tutorial{position:fixed;left:50%;top:1rem;transform:translate(-50%);display:flex;gap:.8rem;align-items:center;max-width:min(34rem,70vw);padding:.6rem .7rem .6rem .9rem;border-radius:var(--radius);background:var(--paper-warm);box-shadow:var(--shadow);font-size:.82rem;line-height:1.4}.tutorial[hidden]{display:none}.tutorial p{margin:0}.tutorial button{flex-shrink:0;padding:.3rem .6rem;border:none;border-radius:999px;background:#3d32261a;font:inherit;font-size:.72rem;color:var(--ink-soft);cursor:pointer}.overview{position:fixed;inset:0;z-index:20;display:grid;place-content:center;background:#1a241099}.overview[hidden]{display:none}.overview__panel{width:min(70vh,70vw,640px);padding:.9rem 1rem 1rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.overview__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.95rem;font-weight:650}.overview__description{margin-top:.15rem;color:var(--ink-soft);font-size:.76rem}.overview__canvas-wrap{position:relative;margin-top:.6rem;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #3d322638}.overview__canvas-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.overview__marker{position:absolute;width:.7rem;height:.7rem;transform:translate(-50%,-50%);pointer-events:none}.overview__marker--outlet{border-radius:50%;background:var(--water);box-shadow:0 0 0 2px var(--paper),0 0 4px #0006}.overview__marker--landmark{width:1.25rem;height:1.25rem}.overview__marker--landmark svg,.overview__key-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 1.5px rgba(61,50,38,.55))}.overview__marker--landmark[hidden]{display:none}.overview__key-icon{display:inline-block;width:.8rem;height:.8rem}.overview__marker--player svg{display:block;overflow:visible;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.overview__nodes{position:absolute;inset:0;pointer-events:none}.overview__node{position:absolute;width:.4rem;height:.4rem;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffd9}.overview__node--wood,.overview__swatch--wood{background:#8a6236}.overview__node--stone,.overview__swatch--stone{background:#9aa3a8}.overview__node--spade,.overview__swatch--spade{background:#e5a12f}.overview__node--spade{width:.62rem;height:.62rem;box-shadow:0 0 0 1.5px var(--paper),0 0 4px #00000073}.overview__key{display:flex;flex-wrap:wrap;gap:.1rem .85rem;margin-top:.5rem;font-size:.72rem;opacity:.75}.overview__key span{display:inline-flex;align-items:center;gap:.3rem}.overview__swatch{width:.5rem;height:.5rem;border-radius:50%;box-shadow:0 0 0 1px #3d322659}.overview__swatch--outlet{background:var(--water)}.overview__ramp{height:.55rem;margin-top:.6rem;border-radius:999px;box-shadow:inset 0 0 0 1px #3d322638}.overview__ramp[hidden]{display:none}.overview__hint{margin-top:.5rem;color:var(--ink-soft);font-size:.68rem}.overview__close{width:1.6rem;height:1.6rem;border:none;border-radius:999px;background:#3d32261a;font:inherit;font-size:1rem;line-height:1.6rem;text-align:center;color:var(--ink-soft);cursor:pointer}