:root{--mp-tray-bg: #f1ebe1;--mp-panel: #fbf7f0;--mp-shelf-item: #fffdf9;--mp-ink: #4a463f;--mp-ink-soft: #6b6256;--mp-hint: #b3a892;--mp-border: #e2d8c7;--mp-border-soft: #e7decf;--mp-accent: #9cb892;--mp-accent-ink: #fbf7f0;--mp-bin-bg: #fbefec;--mp-bin-border: #e7c9c3;--mp-bin-ink: #b5675c;--mp-counter: #c9837a;--mp-counter-edge: #b5675c;--mp-frame-fill: #ffffff;--mp-frame-edge: #c9bba6;--mp-frame-line: #e0d5c2;--mp-cube: #8fa9c2;--mp-cube-edge: #6b8299;--mp-cube-top: #aac1d4;--mp-cube-side: #708aa4;--mp-baseten: #d6b36b;--mp-baseten-edge: #cda85c;--mp-baseten-one: #d6b36b;--mp-baseten-one-edge: #cda85c;--mp-baseten-ten: #7fb0aa;--mp-baseten-ten-edge: #5f938c;--mp-baseten-hundred: #d29a7e;--mp-baseten-hundred-edge: #b87c5e;--mp-baseten-thousand: #a99ac4;--mp-baseten-thousand-edge: #8779a6;--mp-fill-1: #c9837a;--mp-fill-2: #d6b36b;--mp-fill-3: #8fa9c2;--mp-fill-4: #9cb892;--mp-fill-5: #b49bbc;--mp-fill-6: #d49e79;--mp-coin-silver: #c0b8a7;--mp-coin-gold: #cda85c;--mp-coin-ink: #5b513f;--mp-sheen: rgba(255, 255, 255, .45);--mp-note-5: #a98cc0;--mp-note-10: #7fa1c6;--mp-note-20: #d18f6c;--mp-note-50: #d9b45e;--mp-note-100: #7faa79;--mp-solid-base: #c7b79c;--mp-solid-top: #dacbaf;--mp-solid-side: #ac9d83;--mp-solid-edge: #8a7d68;--mp-grid-line: #e7decf;--mp-grid-dot: #ddd0bb;--mp-axis: #c9bba6;--mp-radius-sm: 10px;--mp-radius: 12px;--mp-radius-lg: 16px;--mp-control-h: 44px;--mp-shelf-w: 122px;--mp-topbar-h: 67px;--mp-font: "Nunito", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}#root{height:100%}body{font-family:var(--mp-font);background:var(--mp-tray-bg);color:var(--mp-ink)}button{font-family:inherit}.mp-app{display:flex;flex-direction:column;height:100vh;background:var(--mp-tray-bg);color:var(--mp-ink);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.mp-topbar{display:flex;align-items:center;gap:18px;padding:11px 18px;background:var(--mp-panel);border-bottom:1px solid var(--mp-border);flex-shrink:0}.mp-brand{display:flex;align-items:center;gap:11px}.mp-brand-name{font-weight:800;font-size:20px;letter-spacing:.2px}.mp-stages{display:flex;gap:4px;background:var(--mp-tray-bg);padding:5px;border-radius:14px}.mp-stage{border:none;padding:8px 13px;border-radius:var(--mp-radius-sm);font-weight:800;font-size:15px;cursor:pointer;line-height:1;background:transparent;color:var(--mp-ink-soft)}.mp-stage[aria-pressed=true]{background:var(--mp-accent);color:var(--mp-accent-ink)}.mp-actions{margin-left:auto;display:flex;gap:9px}.mp-btn{display:inline-flex;align-items:center;gap:7px;height:var(--mp-control-h);padding:0 16px;border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-panel);color:var(--mp-ink-soft);font-weight:700;font-size:15px;cursor:pointer}.mp-btn--bin{border-color:var(--mp-bin-border);background:var(--mp-bin-bg);color:var(--mp-bin-ink)}.mp-btn:disabled{opacity:.4;cursor:default}.mp-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a463f2e;display:flex;align-items:center;justify-content:center;z-index:10}.mp-confirm{background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:0 10px 30px #4a463f29;padding:24px;max-width:360px;text-align:center}.mp-confirm-title{font-weight:800;font-size:18px;margin:0 0 6px}.mp-confirm-body{color:var(--mp-ink-soft);font-weight:600;font-size:15px;margin:0 0 20px;line-height:1.4}.mp-confirm-actions{display:flex;gap:10px;justify-content:center}.mp-confirm-actions .mp-btn{cursor:pointer}.mp-body{display:flex;flex:1;min-height:0}.mp-shelf{width:var(--mp-shelf-w);flex-shrink:0;background:var(--mp-panel);border-right:1px solid var(--mp-border);padding:13px 11px;display:flex;flex-direction:column;gap:11px;overflow-y:auto;touch-action:none;transition:width .2s ease}.mp-shelf--collapsed{width:46px;padding:13px 7px;align-items:center;overflow:hidden}.mp-shelf-toggle{align-self:flex-end;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--mp-ink-soft);background:var(--mp-shelf-item);border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm);cursor:pointer}.mp-shelf--collapsed .mp-shelf-toggle{align-self:center}.mp-shelf-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-lg);background:var(--mp-shelf-item);color:var(--mp-ink-soft);cursor:grab;touch-action:none}.mp-shelf-item-label{font-size:12.5px;font-weight:700;text-align:center;line-height:1.15}.mp-tray-wrap{position:relative;flex:1;min-height:0}.mp-tray{display:block;width:100%;height:100%;touch-action:none}.mp-bgpicker{position:relative}.mp-bgpicker-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.mp-bgpicker-flyout{position:absolute;top:calc(100% + 8px);left:0;z-index:6;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:8px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #4a463f24}.mp-bgpicker-option{text-align:left;border:none;background:transparent;border-radius:var(--mp-radius-sm);padding:9px 11px;font-weight:700;font-size:14px;color:var(--mp-ink-soft);cursor:pointer}.mp-bgpicker-option[aria-pressed=true]{background:var(--mp-accent);color:var(--mp-accent-ink)}.mp-bgpicker-toggle{display:flex;align-items:center;gap:8px;margin-top:4px;padding:9px 11px;border-top:1px solid var(--mp-border);font-weight:700;font-size:14px;color:var(--mp-ink-soft)}.mp-bgpicker-toggle input{width:17px;height:17px;accent-color:var(--mp-accent)}.mp-subbar{display:flex;justify-content:center;align-items:center;gap:12px;padding:6px 18px;background:var(--mp-panel);border-bottom:1px solid var(--mp-border);flex-shrink:0}.mp-mode-btn{border:1px solid var(--mp-border);padding:8px 14px;border-radius:var(--mp-radius-sm);font-weight:700;font-size:14px;cursor:pointer;background:var(--mp-shelf-item);color:var(--mp-ink-soft)}.mp-mode-btn[data-active=true]{background:var(--mp-accent);color:var(--mp-accent-ink);border-color:var(--mp-accent)}.mp-toolbar-count{font-weight:800;font-size:13px;color:var(--mp-ink-soft);padding:0 4px}.mp-anntools{display:flex;align-items:center;gap:4px;background:var(--mp-tray-bg);padding:5px;border-radius:14px}.mp-anntool{border:none;padding:8px 12px;border-radius:var(--mp-radius-sm);font-weight:700;font-size:14px;cursor:pointer;background:transparent;color:var(--mp-ink-soft)}.mp-anntool[aria-pressed=true]{background:var(--mp-accent);color:var(--mp-accent-ink)}.mp-pen-colors{display:flex;gap:5px;padding-left:4px}.mp-pen-color{width:22px;height:22px;border-radius:50%;border:2px solid var(--mp-panel);cursor:pointer}.mp-pen-color.is-on{outline:2px solid var(--mp-ink-soft);outline-offset:1px}.mp-text-editor{position:absolute;transform:translate(-50%,-50%);min-width:96px;min-height:1.3em;font-family:var(--mp-font);font-size:26px;font-weight:700;line-height:1.3;color:var(--mp-ink);text-align:center;background:var(--mp-panel);border:1px solid var(--mp-accent);border-radius:var(--mp-radius-sm);padding:6px 10px;resize:none;overflow:hidden;white-space:pre;field-sizing:content}.mp-labels-editor{position:absolute;transform:translate(70px,-50%);display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--mp-panel);border:1px solid var(--mp-accent);border-radius:var(--mp-radius-sm);box-shadow:0 8px 24px #4a463f24}.mp-labels-editor-input{width:96px;font-family:var(--mp-font);font-size:14px;font-weight:700;color:var(--mp-ink);text-align:center;background:var(--mp-shelf-item);border:1px solid var(--mp-frame-edge);border-radius:var(--mp-radius-sm);padding:2px 6px}.mp-shelf-slot{display:flex;flex-direction:column;align-items:stretch;gap:5px}.mp-baseten-flyout{display:flex;flex-direction:column;gap:4px}.mp-baseten-chip{font-family:var(--mp-font);font-size:12px;font-weight:700;color:var(--mp-baseten-edge);text-align:center;background:var(--mp-shelf-item);border:1px solid var(--mp-baseten-edge);border-radius:var(--mp-radius-sm);padding:3px 6px;cursor:grab;touch-action:none}.mp-shelf-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.mp-shelf-menu-pop{z-index:6;width:176px;max-height:calc(100vh - 24px);overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:10px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #4a463f24}.mp-money{position:relative;display:flex;justify-content:center}.mp-money-toggle{font-family:var(--mp-font);font-size:11px;font-weight:700;color:var(--mp-ink-soft);background:var(--mp-shelf-item);border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm);padding:3px 6px;cursor:pointer}.mp-money-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.mp-money-pop{z-index:6;width:168px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:10px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #4a463f24}.mp-money-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mp-frame-edge);color:var(--mp-coin-ink);font-weight:800;font-size:12px;cursor:grab;touch-action:none;padding:0}.mp-money-chip--coin{width:34px;height:34px;border-radius:50%}.mp-money-chip--note{width:48px;height:30px;border-radius:var(--mp-radius-sm);color:var(--mp-accent-ink)}.mp-money-chip-label{pointer-events:none}.mp-gridpicker{position:relative;display:flex;justify-content:center}.mp-gridpicker-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm);background:var(--mp-shelf-item);color:var(--mp-ink-soft);cursor:pointer}.mp-gridpicker-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.mp-gridpicker-pop{z-index:6;padding:10px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #4a463f24}.mp-gridpicker-grid{display:grid;grid-template-columns:repeat(6,20px);grid-auto-rows:20px;gap:3px}.mp-gridpicker-cell{border:1px solid var(--mp-border-soft);border-radius:3px;background:var(--mp-tray-bg);padding:0;cursor:pointer}.mp-gridpicker-cell.is-on{background:var(--mp-accent);border-color:var(--mp-accent)}.mp-gridpicker-label{margin-top:8px;text-align:center;font-weight:700;font-size:13px;color:var(--mp-ink-soft)}.mp-trade-prompt{position:absolute;transform:translate(-50%,-100%);height:34px;padding:0 14px;border:1px solid var(--mp-baseten-edge);border-radius:var(--mp-radius);background:var(--mp-baseten);color:#5b513f;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 14px #4a463f24;white-space:nowrap}.mp-sel-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:calc(100% - 20px);gap:6px;padding:6px 10px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 4px 14px #4a463f1f;touch-action:none}.mp-toolbar-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm);background:var(--mp-shelf-item);color:var(--mp-ink-soft);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}@keyframes mp-die-roll{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-13deg) scale(.9)}65%{transform:rotate(9deg) scale(1.04)}to{transform:rotate(0) scale(1)}}.mp-die-rolling{animation:mp-die-roll .42s cubic-bezier(.2,.7,.2,1)}.mp-toolbar-btn--action{background:var(--mp-accent);border-color:var(--mp-accent);color:var(--mp-accent-ink);font-weight:800}.mp-toolbar-stepper{display:inline-flex;align-items:center;gap:4px}.mp-toolbar-stepper-value{min-width:18px;text-align:center;font-weight:800;font-size:15px;color:var(--mp-ink-soft)}.mp-toolbar-range-label{font-weight:700;font-size:12px;color:var(--mp-hint);padding:0 2px}.mp-toolbar-swatches,.mp-toolbar-shapes{display:inline-flex;align-items:center;gap:4px}.mp-toolbar-shape{text-transform:capitalize;font-size:12.5px}.mp-toolbar-shape[data-active=true]{background:var(--mp-accent);color:var(--mp-accent-ink);border-color:var(--mp-accent)}.mp-toolbar-denoms{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:380px}.mp-toolbar-denoms .mp-money-chip{cursor:pointer}.mp-toolbar-swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--mp-frame-edge);outline-offset:1px;cursor:pointer;padding:0}.mp-toolbar-btn--delete{border-color:var(--mp-bin-border);background:var(--mp-bin-bg);color:var(--mp-bin-ink);padding:0 10px}.mp-btn--bin-active{outline:2px solid var(--mp-bin-ink);outline-offset:1px}.mp-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:13px;color:var(--mp-hint);font-weight:700;pointer-events:none;background:#fbf8f2cc;padding:5px 13px;border-radius:20px}.mp-fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--mp-tray-bg) 90%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mp-fs-svg{width:min(88vw,82vh);height:min(88vw,82vh);touch-action:none}.mp-fs-close{position:absolute;top:18px;right:18px;font:inherit;font-weight:700;padding:8px 15px;border-radius:var(--mp-radius);background:var(--mp-panel);border:1px solid var(--mp-border);color:var(--mp-ink);cursor:pointer;box-shadow:0 4px 14px #4a463f24}.mp-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#4a463f38}.mp-help-panel{display:flex;flex-direction:column;width:min(920px,100%);max-height:88vh;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:0 14px 40px #4a463f38;overflow:hidden}.mp-help-header{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mp-border);flex-shrink:0}.mp-help-tabs{display:flex;gap:4px;background:var(--mp-tray-bg);padding:4px;border-radius:14px}.mp-help-tab{border:none;background:transparent;padding:8px 16px;border-radius:var(--mp-radius-sm);font-weight:800;font-size:15px;color:var(--mp-ink-soft);cursor:pointer}.mp-help-tab[aria-selected=true]{background:var(--mp-accent);color:var(--mp-accent-ink)}.mp-help-close{margin-left:auto;width:34px;height:34px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:var(--mp-shelf-item);color:var(--mp-ink-soft);font-size:16px;font-weight:800;cursor:pointer}.mp-help-body{padding:18px 22px 26px;overflow-y:auto}.mp-help-section{margin-bottom:22px}.mp-help-h{font-size:17px;font-weight:800;margin:0 0 10px;color:var(--mp-ink)}.mp-help-p,.mp-help-list{color:var(--mp-ink-soft);font-size:14.5px;font-weight:600;line-height:1.5;margin:0 0 8px}.mp-help-list{padding-left:20px}.mp-help-list li{margin-bottom:7px}.mp-help-list b,.mp-help-p b{color:var(--mp-ink);font-weight:800}.mp-help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.mp-help-card{display:flex;gap:12px;align-items:center;padding:12px;background:var(--mp-tray-bg);border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius)}.mp-help-thumb-wrap{flex-shrink:0;width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:var(--mp-panel);border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm)}.mp-help-thumb{width:68px;height:68px}.mp-help-card-name{font-weight:800;font-size:14.5px;margin-bottom:3px;color:var(--mp-ink)}.mp-help-card-how{font-weight:600;font-size:12.5px;line-height:1.4;color:var(--mp-ink-soft)}.mp-help-about{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 22px;gap:24px}.mp-help-made{font-size:42px;font-weight:800;color:var(--mp-ink);margin:0;line-height:1.2}.mp-help-heart{width:120px;height:112px}.mp-op-palette{position:absolute;top:10px;left:10px;z-index:4;display:flex;gap:6px;padding:4px;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 2px 8px #4a463f1a}.mp-op-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius-sm);background:var(--mp-shelf-item);color:var(--mp-ink);font-size:22px;font-weight:800;line-height:1;cursor:pointer}