@font-face{font-family:PixelBody;src:url(/fonts/pixelify-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:PixelHead;src:url(/fonts/press-start-2p.woff2) format("woff2");font-weight:400;font-display:swap}:root{--rm-bg: #222323;--rm-surface: #31222a;--rm-surface-2: #4a353c;--rm-slot-well: #1d1d21;--rm-ink: #fff3d6;--rm-ink-dim: #bbafa4;--rm-gold: #ffcf05;--rm-gold-edge: #d1aa39;--rm-gold-ink: #31222a;--rm-accent: #9585f1;--rm-accent-2: #52d2ff;--rm-good: #7da42d;--rm-warn: #f99b4e;--rm-danger: #e45c5f;--rm-bevel-light: #725a51;--rm-bevel-dark: #000000;--rm-border: #000000;--rm-shadow: 3px 3px 0 0 rgba(0, 0, 0, .55);--rm-title-shadow: 2px 2px 0 #000;--rm-wordmark-shadow: 3px 3px 0 #000, 0 0 12px var(--rm-glow-text);--rm-primary-bg: #584a7f;--rm-primary-ink: #f5f7fa;--rm-good-bg: #417455;--rm-good-ink: #e0faeb;--rm-danger-bg: #82211d;--rm-danger-ink: #ffdbff;--rm-active-bg: #3b3855;--rm-hover-veil: rgba(245, 247, 250, .07);--rm-app-bg-layers: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><rect width='80' height='80' fill='%23241b15'/><rect x='2' y='2' width='76' height='36' fill='%233a2e23'/><rect x='2' y='2' width='76' height='2' fill='%234a3b2d'/><rect x='42' y='42' width='76' height='36' fill='%233a2e23'/><rect x='42' y='42' width='76' height='2' fill='%234a3b2d'/><rect x='-38' y='42' width='76' height='36' fill='%233a2e23'/><rect x='-38' y='42' width='76' height='2' fill='%234a3b2d'/></svg>");--rm-glow-text: rgba(149, 133, 241, .55);--rm-scanline: rgba(0, 0, 0, .18);--rm-vignette: rgba(0, 0, 0, .55);--rm-font-body: "PixelBody", "Courier New", monospace;--rm-font-head: "PixelHead", "PixelBody", monospace;--rm-radius: 0;--rm-px: 2px}:root[data-theme=light]{--rm-bg: #ccc3b1;--rm-surface: #eadbc9;--rm-surface-2: #eadbc9;--rm-slot-well: #bbafa4;--rm-ink: #372423;--rm-ink-dim: #614a3c;--rm-gold: #ba882e;--rm-gold-edge: #854f12;--rm-gold-ink: #372423;--rm-accent: #7964ba;--rm-accent-2: #006f89;--rm-good: #518822;--rm-warn: #e98627;--rm-danger: #94363a;--rm-bevel-light: #fff3d6;--rm-bevel-dark: #9e8c79;--rm-border: #4a353c;--rm-shadow: 3px 3px 0 0 rgba(55, 36, 35, .28);--rm-title-shadow: 1px 1px 0 #4a353c;--rm-wordmark-shadow: 2px 2px 0 #4a353c;--rm-primary-bg: #7964ba;--rm-primary-ink: #f5f7fa;--rm-good-bg: #518822;--rm-good-ink: #f5f7fa;--rm-danger-bg: #94363a;--rm-danger-ink: #fff3d6;--rm-active-bg: #c7d6ff;--rm-hover-veil: rgba(55, 36, 35, .07);--rm-app-bg-layers: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><rect width='80' height='80' fill='%239e8c79'/><rect x='2' y='2' width='76' height='36' fill='%23ccc3b1'/><rect x='2' y='2' width='76' height='2' fill='%23eadbc9'/><rect x='42' y='42' width='76' height='36' fill='%23ccc3b1'/><rect x='42' y='42' width='76' height='2' fill='%23eadbc9'/><rect x='-38' y='42' width='76' height='36' fill='%23ccc3b1'/><rect x='-38' y='42' width='76' height='2' fill='%23eadbc9'/></svg>");--rm-glow-text: rgba(120, 100, 186, .3);--rm-scanline: rgba(94, 62, 40, .05);--rm-vignette: rgba(94, 62, 40, .2)}html,body{background:var(--rm-bg);color:var(--rm-ink);font-family:var(--rm-font-body);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--rm-accent);color:#fff}.rm-pixel,.rm-root img,canvas.rm-pixel{image-rendering:pixelated}.rm-root,.rm-scroll{scrollbar-width:thin;scrollbar-color:var(--rm-gold-edge) var(--rm-slot-well)}.rm-root ::-webkit-scrollbar,.rm-scroll::-webkit-scrollbar{width:12px;height:12px}.rm-root ::-webkit-scrollbar-track,.rm-scroll::-webkit-scrollbar-track{background:var(--rm-slot-well)}.rm-root ::-webkit-scrollbar-thumb,.rm-scroll::-webkit-scrollbar-thumb{background:var(--rm-surface-2);border:1px solid var(--rm-border);box-shadow:inset 1px 1px 0 0 var(--rm-bevel-light),inset -1px -1px 0 0 var(--rm-bevel-dark)}.rm-app-bg{position:relative;background:var(--rm-app-bg-layers)}.rm-app-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,var(--rm-scanline) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 50%,transparent 55%,var(--rm-vignette) 100%);pointer-events:none}.rm-panel{position:relative;background:var(--rm-surface);color:var(--rm-ink);border:1px solid var(--rm-border);border-radius:var(--rm-radius);box-shadow:inset 2px 2px 0 0 var(--rm-bevel-light),inset -2px -2px 0 0 var(--rm-bevel-dark)}.rm-window{position:relative;background:var(--rm-surface);color:var(--rm-ink);border:1px solid var(--rm-border);border-radius:var(--rm-radius);box-shadow:inset 2px 2px 0 0 var(--rm-bevel-light),inset -2px -2px 0 0 var(--rm-bevel-dark),var(--rm-shadow)}.rm-titlebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--rm-surface-2);border-bottom:2px solid var(--rm-gold-edge);box-shadow:inset 0 1px 0 0 var(--rm-bevel-light)}.rm-title{font-family:var(--rm-font-head);color:var(--rm-gold);text-shadow:var(--rm-title-shadow);letter-spacing:.5px}.rm-wordmark{font-family:var(--rm-font-head);color:var(--rm-gold);font-size:34px;line-height:1.1;text-align:center;text-shadow:var(--rm-wordmark-shadow)}.rm-divider{border:0;border-top:1px solid var(--rm-border);box-shadow:0 1px 0 0 var(--rm-bevel-light);margin:0}.rm-btn{font-family:var(--rm-font-body);font-size:14px;color:var(--rm-ink);background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius);padding:10px 16px;cursor:pointer;user-select:none;box-shadow:inset 2px 2px 0 0 var(--rm-bevel-light),inset -2px -2px 0 0 var(--rm-bevel-dark)}.rm-btn:hover{filter:brightness(1.12)}.rm-btn:active{box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light);transform:translate(1px,1px)}.rm-btn:disabled,.rm-btn[disabled]{filter:grayscale(.65) brightness(.6);cursor:not-allowed;transform:none}.rm-btn--primary{background:var(--rm-primary-bg);color:var(--rm-primary-ink);--_fill: var(--rm-primary-bg)}.rm-btn--gold{background:var(--rm-gold-edge);color:var(--rm-gold-ink);--_fill: var(--rm-gold-edge)}.rm-btn--good{background:var(--rm-good-bg);color:var(--rm-good-ink);--_fill: var(--rm-good-bg)}.rm-btn--danger{background:var(--rm-danger-bg);color:var(--rm-danger-ink);--_fill: var(--rm-danger-bg)}.rm-btn--ghost{background:transparent;box-shadow:none;border-color:transparent}.rm-btn--ghost:hover{background:var(--rm-hover-veil);filter:none}.rm-btn--primary,.rm-btn--gold,.rm-btn--good,.rm-btn--danger,.rm-btn--active{--rm-bevel-light: color-mix(in srgb, var(--_fill) 60%, #ffffff);--rm-bevel-dark: color-mix(in srgb, var(--_fill) 70%, #000000)}.rm-btn--active{background:var(--rm-active-bg);color:var(--rm-ink);--_fill: var(--rm-active-bg);box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light);outline:1px solid var(--rm-accent);outline-offset:-2px}.rm-input{font-family:var(--rm-font-body);font-size:14px;color:var(--rm-ink);background:var(--rm-slot-well);border:1px solid var(--rm-border);border-radius:var(--rm-radius);padding:6px 10px;outline:none;box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light)}.rm-input::placeholder{color:var(--rm-ink-dim)}.rm-input:focus{outline:2px solid var(--rm-accent);outline-offset:-1px}.rm-slot{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--rm-slot-well);border:1px solid var(--rm-border);border-radius:var(--rm-radius);box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light)}.rm-slot:hover{outline:2px solid var(--rm-accent);outline-offset:-2px}.rm-slot--active{outline:2px solid var(--rm-gold);outline-offset:-2px}.rm-portrait{background:var(--rm-slot-well);border:1px solid var(--rm-border);border-radius:var(--rm-radius);image-rendering:pixelated;box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light)}.rm-qty{position:absolute;bottom:1px;right:3px;font-size:11px;font-weight:700;color:var(--rm-gold);text-shadow:1px 1px 0 #000;pointer-events:none}.rm-tab{display:flex;align-items:center;justify-content:center;background:var(--rm-surface);color:var(--rm-ink-dim);border:1px solid var(--rm-border);border-radius:var(--rm-radius);cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--rm-bevel-light),inset -2px -2px 0 0 var(--rm-bevel-dark)}.rm-tab:hover{filter:brightness(1.1)}.rm-tab--active{background:var(--rm-surface-2);color:var(--rm-ink);box-shadow:inset 2px 2px 0 0 var(--rm-bevel-dark),inset -2px -2px 0 0 var(--rm-bevel-light);outline:1px solid var(--rm-gold);outline-offset:-2px}.rm-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080402b3;z-index:2000}.rm-tooltip{background:var(--rm-surface);color:var(--rm-ink);border:1px solid var(--rm-border);border-radius:var(--rm-radius);padding:6px 8px;font-size:12px;box-shadow:inset 1px 1px 0 0 var(--rm-bevel-light),inset -1px -1px 0 0 var(--rm-bevel-dark),var(--rm-shadow)}.rm-ctxmenu{display:flex;flex-direction:column;min-width:120px;background:var(--rm-surface);border:1px solid var(--rm-border);border-radius:var(--rm-radius);box-shadow:inset 1px 1px 0 0 var(--rm-bevel-light),inset -1px -1px 0 0 var(--rm-bevel-dark),var(--rm-shadow)}.rm-ctxbtn{background:transparent;color:var(--rm-ink);border:none;padding:6px 12px;text-align:left;cursor:pointer;font-family:var(--rm-font-body);font-size:13px}.rm-ctxbtn:hover{background:var(--rm-accent);color:#fff}
