:root{--ink:#f4ead8;--dim:#b7a8d8;--bg:#0d0918;--panel:#161028;--panel2:#1d1631;--line:#3a2f5c;--gold:#ffd23e;--pink:#ff4d9e;--green:#7dffa8;--red:#ff8f6b}*{box-sizing:border-box}html{touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;padding:14px 10px calc(24px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}.stage{max-width:920px;margin:0 auto}.masthead{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 10px;flex-wrap:wrap;gap:6px}.masthead h1{font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:clamp(22px,4vw,30px);letter-spacing:.04em;margin:0;color:var(--gold);text-transform:uppercase}.masthead .tag{color:var(--dim);font-size:11px;letter-spacing:.08em}.screen{position:relative;border:2px solid var(--line);background:#150d2e;overflow:hidden;border-radius:6px}.screen canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.hud{position:absolute;font-size:clamp(9px,1.5vw,13px);line-height:1.35}.hud-panel{background:#100a22e6;border:2px solid var(--ink);box-shadow:3px 3px #0000008c;padding:4px 9px}.hud-tl{top:10px;left:10px}.hud-tr{top:10px;right:10px;text-align:right}.hud-pot{position:absolute;top:56px;left:10px;background:#100a22e6;border:2px solid var(--gold);box-shadow:3px 3px #0000008c;padding:3px 9px;color:var(--gold);font-size:clamp(8px,1.3vw,12px)}.hud .sub{color:var(--dim);font-size:.82em;letter-spacing:.05em}.hud .debt{color:var(--red)}.hud-tr .wash{color:var(--green)}.deck{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;margin-top:10px}@media(max-width:680px){.deck{grid-template-columns:1fr}}.panel{background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:10px 12px}.panel h2{margin:0 0 8px;font-size:11px;letter-spacing:.16em;color:var(--dim);font-weight:600;text-transform:uppercase}.m-row{display:grid;grid-template-columns:1.1fr 1fr .7fr .6fr auto auto;gap:6px;align-items:center;padding:6px;border-bottom:1px solid var(--panel2);font-size:clamp(11px,2.6vw,13.5px)}.m-row:last-child{border-bottom:none}.m-row .num{text-align:right}.m-row.head{color:var(--dim);font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--line);padding:2px 6px}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--dim)}.btn{font:inherit;cursor:pointer;border:2px solid var(--ink);background:var(--gold);color:#241640;font-weight:700;letter-spacing:.06em;padding:4px 10px;box-shadow:2px 2px #0000008c;font-size:.85em;min-height:32px}.btn.sell{background:var(--pink);color:#fff}.btn.ghost{background:var(--panel2);color:var(--ink)}.btn.big{padding:8px 16px;font-size:1em;min-height:44px}.btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #0000008c}.btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:2px 2px #0000008c}.actions{display:flex;flex-direction:column;gap:8px}.actions .btn{width:100%}.log{margin-top:10px}.log div{font-size:clamp(10px,2.4vw,12.5px);padding:3px 0;color:var(--dim);border-bottom:1px dotted var(--panel2)}.log .warn{color:var(--red)}.log .good{color:var(--green)}.log .gold{color:var(--gold)}.mark{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);padding:9px 10px;margin-bottom:6px;text-align:left;font-size:12.5px}.mark .sub2{color:var(--dim);font-size:11px}.mark .rev{color:var(--pink);font-size:10px;letter-spacing:.08em}.screen.flash-good{animation:flashG .55s ease-out}.screen.flash-bad{animation:flashB .55s ease-out,shake .4s linear}@keyframes flashG{0%{box-shadow:0 0 0 3px #7dffa8e6,0 0 30px #7dffa880}to{box-shadow:none}}@keyframes flashB{0%{box-shadow:0 0 0 3px #ff5a46e6,0 0 30px #ff5a4680}to{box-shadow:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.cash-bump{animation:bump .45s ease-out}@keyframes bump{0%{color:var(--green);text-shadow:0 0 8px rgba(125,255,168,.8)}to{color:inherit;text-shadow:none}}@media(prefers-reduced-motion:reduce){.screen.flash-good,.screen.flash-bad,.cash-bump{animation:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080414d1;z-index:10;padding:16px}@media(max-width:680px){.overlay{position:fixed}}.dialog{background:var(--panel);border:3px solid var(--ink);box-shadow:6px 6px #0009;padding:18px 20px;max-width:400px;width:100%;text-align:center;max-height:100%;overflow-y:auto}.dialog h3{font-family:Impact,Arial Black,sans-serif;font-weight:400;letter-spacing:.05em;font-size:22px;margin:0 0 8px;color:var(--gold);text-transform:uppercase}.dialog p{margin:0 0 12px;font-size:13px;color:var(--dim);line-height:1.5}.dialog p b{color:var(--ink)}.dialog .row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dialog .stat{font-size:15px;color:var(--ink);margin:0 0 12px}.qty-row{display:flex;gap:6px;justify-content:center;align-items:center;margin:0 0 12px;flex-wrap:wrap}.qty-row .btn{min-width:44px}.qty-val{font-size:18px;color:var(--gold);min-width:70px;display:inline-block}.loc-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loc-list .btn{width:100%;padding:10px 6px}.fine{font-size:10px;color:var(--dim);letter-spacing:.06em;margin-top:10px}.mast-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.docs-btn{font-size:11px;padding:3px 10px;min-height:26px}.dialog.docs{max-width:470px;text-align:left}.dialog.docs h3{text-align:center}.dialog.docs h4{margin:14px 0 4px;font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:600}.dialog.docs p{margin:0 0 6px}.pay-table{border:1px solid var(--line);background:var(--panel2);padding:4px 10px;margin:6px 0 10px}.pay-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:13px}.pay-row:last-child{border-bottom:none}.pay-row .usd{color:var(--dim);font-size:11px}.presenter{display:flex;flex-direction:column;gap:2px;align-items:center;border:2px solid var(--line);border-radius:5px;padding:8px 12px;margin:0 0 12px;background:#08041466}.pre-eyebrow{font-size:9px;letter-spacing:.16em;color:var(--dim)}.pre-name{font-family:Impact,Arial Black,sans-serif;font-size:20px;letter-spacing:.04em}.pre-tag{font-size:11px;color:var(--dim);font-style:italic}
