:root{--bg: #0b110d;--panel: #121b15;--ink: #d8efdf;--muted: #8aa994;--accent: #5a9c6a;--accent-bright: #7fe0a0;--warn: #d8a24a;--lose: #d86a6a;--win: #7fe0a0}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.q-wrap{max-width:700px;margin:0 auto;padding:18px 16px 48px}.q-header h1{margin:0;font-size:28px;letter-spacing:.5px;color:var(--accent-bright)}.q-sub{margin:4px 0 10px;color:var(--muted);font-size:14px}.q-moderow{display:flex;align-items:center;gap:8px}.q-modelabel{font-size:13px;color:var(--muted);margin-right:auto}.q-title{font-size:20px;margin:8px 0 2px;color:var(--ink)}.q-target{font-size:13px;color:var(--muted);margin-bottom:8px}.q-canvas{width:100%;height:auto;border:1px solid #243429;border-radius:8px;background:#0d1410;display:block}.q-budgetbar{height:10px;background:#1c2922;border-radius:6px;overflow:hidden;margin:10px 0 4px}.q-budgetfill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .2s ease}.q-budgettext{font-size:12px;color:var(--muted);margin-bottom:10px}.q-controls{background:var(--panel);border:1px solid #243429;border-radius:8px;padding:12px}.q-methods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.q-nrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.q-nrow label{font-size:13px;color:var(--muted);min-width:92px}.q-nrow input[type=range]{flex:1;accent-color:var(--accent)}.q-nvalue{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.q-cost{font-size:13px;color:var(--muted);margin-bottom:10px}.q-btn{font:inherit;border-radius:6px;border:1px solid #2c3f33;background:#16221b;color:var(--ink);padding:7px 12px;cursor:pointer}.q-btn:hover{border-color:var(--accent)}.q-btn.method.active{background:var(--accent);color:#06110a;border-color:var(--accent-bright);font-weight:600}.q-btn.primary{width:100%;background:var(--accent);color:#06110a;font-weight:600;border-color:var(--accent-bright);padding:10px}.q-btn.primary:disabled{opacity:.5;cursor:not-allowed}.q-btn.ghost{padding:5px 10px;font-size:13px}.q-readout{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:12px 0;font-variant-numeric:tabular-nums;font-size:14px}.q-line{color:var(--ink)}.message{min-height:20px;padding:8px 10px;border-radius:6px;font-size:14px;color:var(--muted)}.message.win{background:#7fe0a024;color:var(--win)}.message.lose{background:#d86a6a24;color:var(--lose)}.message.warn{background:#d8a24a24;color:var(--warn)}