:root{--brass-dark:#3a2c17;--brass:#8a6a2f;--brass-light:#c9a24a;--brass-hi:#f0d488;--iron:#232019;--iron-dark:#16140f;--panel:#2b2419;--amber:#ffb02e;--amber-hi:#fff2c9;--amber-dim:#7a4d10;--red:#ff3b30;--red-dim:#6e1a14;--green:#4dff6e;--green-dim:#1a6e2a;--text:#e8d9b0;--text-dim:#a9926a;font-family:Georgia,Trebuchet MS,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-height:100%;color:var(--text);background:radial-gradient(at 50% -10%,#2a2318 0%,#14110b 60%,#0a0906 100%);margin:0;padding:0;overflow-x:hidden}.app{flex-direction:column;gap:16px;max-width:980px;margin:0 auto;padding:14px 10px 40px;display:flex}@media (width>=640px){.app{gap:24px;padding:24px 16px 60px}}.topbar{border:2px solid var(--brass);background:linear-gradient(#3a3020,#1e1910);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:inset 0 0 20px #0009,0 4px 12px #00000080}@media (width>=640px){.topbar{flex-direction:row;justify-content:space-between;padding:14px 22px}}.brand{letter-spacing:5px;color:var(--brass-hi);text-shadow:0 0 8px #f0d48866,0 1px #000;font-size:18px;font-weight:700}@media (width>=640px){.brand{letter-spacing:6px;font-size:22px}}.stats{gap:20px;display:flex}@media (width>=640px){.stats{gap:28px}}.stat{flex-direction:column;align-items:center;min-width:52px;display:flex}.stat-label{letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:9px}.stat-value{color:var(--amber);text-shadow:0 0 6px #ffb02e80;font-size:17px;font-weight:700}@media (width>=640px){.stat-value{font-size:20px}}.board{border:3px solid var(--iron-dark);background:repeating-linear-gradient(90deg,#1c1811 0 2px,#201b13 2px 40px);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2.5vw,28px);padding:18px 6px;display:flex;overflow-x:auto;box-shadow:inset 0 0 40px #000000b3}@media (width>=640px){.board{padding:30px 20px}}.valve{flex-direction:column;flex:none;align-items:center;gap:8px;width:clamp(66px,20vw,140px);display:flex}.valve-index{letter-spacing:1.5px;color:var(--text-dim);white-space:nowrap;font-size:10px}@media (width>=640px){.valve-index{letter-spacing:2px;font-size:11px}}.valve-dial{font:inherit;color:inherit;border:5px solid var(--brass);width:clamp(56px,17vw,120px);height:clamp(56px,17vw,120px);box-shadow:0 0 0 3px var(--iron-dark), inset 0 0 18px #000c, 0 6px 10px #0009;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#4a3a1e,#241d12 70%,#100d08 100%);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:box-shadow .25s,transform .15s;display:flex;position:relative}@media (width>=640px){.valve-dial{border-width:6px}}.valve-dial:hover:not(:disabled){transform:scale(1.03)}.valve-dial:focus-visible{outline:3px solid var(--amber-hi);outline-offset:6px}.valve-dial:disabled{cursor:default}.valve-disc{background:radial-gradient(circle at 40% 35%,#d8bb72,#8a6a2f 65%,#4a3a1e 100%);border-radius:50%;justify-content:center;align-items:center;width:70%;height:70%;display:flex;box-shadow:inset 0 0 10px #00000080,0 1px 2px #0006}.valve-disc svg{width:66%;height:66%}.valve-disc.blank{background:radial-gradient(circle at 40% 35%,#caa85f,#7d5f28 65%,#40320f 100%)}.valve-dial:after{content:"";pointer-events:none;border:3px solid #0000;border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:-6px}.valve-dial.status-idle:after{border-color:var(--amber-dim)}.valve-dial.status-amber:after{border-color:var(--amber);box-shadow:0 0 18px 4px #ffb02ea6}.valve-dial.status-red:after{border-color:var(--red);box-shadow:0 0 18px 4px #ff3b30a6}.valve-dial.status-green:after{border-color:var(--green);box-shadow:0 0 22px 6px #4dff6ebf}.valve-label{color:var(--text-dim);letter-spacing:1px;min-height:13px;font-size:10px}@media (width>=640px){.valve-label{min-height:14px;font-size:11px}}.tray{border:2px solid var(--brass);background:linear-gradient(#241f15,#17130d);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}@media (width>=640px){.tray{gap:12px;padding:16px 20px}}.tray-label{letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;text-align:center;font-size:10px}@media (width>=640px){.tray-label{letter-spacing:2px;font-size:11px}}.tray-discs{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width>=640px){.tray-discs{gap:16px}}.tray-disc-wrap{flex-direction:column;align-items:center;gap:5px;display:flex}.tray-disc{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:3px solid var(--brass-dark);background:radial-gradient(circle at 40% 35%,#d8bb72,#8a6a2f 65%,#4a3a1e 100%);border-radius:50%;justify-content:center;align-items:center;width:clamp(48px,14vw,68px);height:clamp(48px,14vw,68px);padding:0;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.tray-disc svg{width:64%;height:64%}.tray-disc:hover:not(:disabled){transform:translateY(-3px)}.tray-disc:focus-visible{outline:3px solid var(--amber-hi);outline-offset:4px}.tray-disc.selected{border-color:var(--amber);box-shadow:0 0 14px 3px #ffb02e99}.tray-disc.exhausted{opacity:.35;filter:grayscale(.6)}.tray-disc:disabled{cursor:not-allowed}.tray-disc-count{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;font-size:9px}@media (width>=640px){.tray-disc-count{font-size:10px}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (width>=640px){.controls{gap:16px}}.btn{letter-spacing:1.5px;color:var(--text);border:2px solid var(--brass);cursor:pointer;touch-action:manipulation;text-transform:uppercase;background:linear-gradient(#4a3a1e,#241d12);border-radius:8px;padding:12px 22px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .2s}@media (width>=640px){.btn{letter-spacing:2px;padding:12px 26px;font-size:14px}}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #00000080}.btn:focus-visible{outline:3px solid var(--amber-hi);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{border-color:var(--amber);color:var(--amber-hi);background:linear-gradient(#7a5a1e,#3a2c10)}.message{color:var(--text-dim);text-align:center;min-width:180px;font-size:12px}.tally{justify-content:center;gap:10px;margin-top:6px;font-size:13px;font-weight:700;display:flex}@media (width>=640px){.tally{justify-content:flex-start}}.tally-green{color:var(--green)}.tally-red{color:var(--red)}.tally-amber{color:var(--amber)}@media (width>=640px){.message{text-align:left;min-width:200px;font-size:13px}}.run-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.btn-small{letter-spacing:1px;border-color:var(--brass-dark);color:var(--text-dim);padding:8px 14px;font-size:11px}@media (width>=640px){.btn-small{padding:8px 16px;font-size:12px}}.btn-danger{border-color:var(--red);color:#ffd9d6;background:linear-gradient(#5e1a15,#2e0d0a)}.run-confirm-text{color:var(--text-dim);font-size:12px}.overlay{z-index:10;background:#080705d9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.show{display:flex}.win-card{border:3px solid var(--green);text-align:center;background:linear-gradient(#3a3020,#1e1910);border-radius:14px;max-width:90vw;padding:32px 30px;box-shadow:0 0 40px #4dff6e66}@media (width>=640px){.win-card{padding:40px 50px}}.win-title{letter-spacing:3px;color:var(--green);text-shadow:0 0 12px #4dff6e99;margin-bottom:10px;font-size:24px}@media (width>=640px){.win-title{letter-spacing:4px;font-size:28px}}.win-sub{color:var(--text-dim);margin-bottom:24px;font-size:13px}@media (width>=640px){.win-sub{font-size:14px}}