@font-face{font-family:VCR;src:url("/fonts/vcr-osd-mono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
#espresso-game{
.arcade{background:#151513;color:#efeee6;border:5px solid #30302b;outline:2px solid #11110f;border-radius:10px;box-shadow:3px 4px 0 #a9a192;padding:clamp(12px,1.4vw,24px)}.arcadeHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #858277;padding-bottom:12px;margin-bottom:12px;gap:8px}.arcadeHead h2{font-family:VCR,'Courier New',monospace;letter-spacing:1px;font-size:clamp(22px,3.6vw,43px);margin:0}.arcadeHead small{color:#a8a49c;line-height:1.35;font-size:clamp(9px,.85vw,13px);text-align:right}.gamegrid{display:grid;grid-template-columns:43% 1fr;gap:12px}.machinePanel{position:relative;border:2px solid #47463e;background:radial-gradient(ellipse at center,#262622 0%,#151513 74%);min-height:305px;display:flex;align-items:center;justify-content:center;overflow:hidden}.machine{height:100%;width:100%;max-height:360px}.lever{transform-origin:166px 57px;transition:transform .06s linear}.details{display:flex;flex-direction:column;gap:10px;min-width:0}.readout{border:2px solid #45443e;padding:12px 13px;flex:1}.readout label{display:block;font-size:clamp(10px,1vw,14px);color:#a9a79e;margin-bottom:8px}.readout strong{font-family:VCR,'Courier New',monospace;font-size:clamp(22px,3vw,39px);font-weight:700}.readout small{font-size:12px}.green{color:var(--mint)}.goldText{color:var(--gold)}.segments{height:14px;margin-top:14px;background:repeating-linear-gradient(to right,#575650 0 8px,transparent 8px 11px)}.pressureTrack{position:relative}.pressureTrack:before{content:'';position:absolute;inset:0;background:linear-gradient(to right,#ba4b44 0% 25%,#e39a19 25% 53.57%,#00ffd5 53.57% 75%,#e39a19 75% 86%,#ba4b44 86% 100%);-webkit-mask:repeating-linear-gradient(to right,#000 0 8px,transparent 8px 11px);mask:repeating-linear-gradient(to right,#000 0 8px,transparent 8px 11px)}.needle{position:absolute;width:3px;height:22px;background:#fff;top:-4px;left:0;box-shadow:0 0 4px #fff}.axis{display:flex;justify-content:space-between;color:#aaa89f;margin-top:5px;font-size:11px}.twoStats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twoStats .readout{min-width:0}.twoStats strong{font-size:clamp(19px,2.5vw,30px)}.shotTrack{height:12px;background:#48473f;margin-top:12px}.shotTrack span{display:block;height:100%;width:0;background:repeating-linear-gradient(to right,var(--gold) 0 8px,transparent 8px 11px)}.arcade button{width:100%;padding:15px 9px;background:var(--gold);border:3px solid #0c0c0b;outline:1px solid var(--gold);font-weight:1000;color:#131310;font-size:clamp(13px,1.3vw,19px);touch-action:none;user-select:none}.arcade button.secondary{background:#e9e2ce;outline-color:#e9e2ce}.arcade button:disabled{opacity:.43;cursor:default}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.status{margin:7px 0 0;color:var(--mint);font-size:11px;min-height:16px}.overlay{position:absolute;inset:0;background:#151513f4;color:#f3efe2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;z-index:2}.overlay.hidden{display:none}.overlay h3{font-family:VCR,'Courier New',monospace;font-size:clamp(16px,2vw,30px);margin:5px 0;color:var(--gold)}.overlay .face{font-size:38px}.overlay p{font-size:12px;line-height:1.5}.coffee{transition:height .08s}.visuallyhidden{position:absolute;clip:rect(0 0 0 0)}
&{--char:#171715;--cream:#f4f1e8;--gold:#bda25d;--mint:#00ffd5;--line:#57564e}button{font:inherit;cursor:pointer}.wrap{max-width:none;margin:0;padding:0}.arcade{box-shadow:3px 4px 0 #a9a192}.foot{margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#aaa79c;font-size:10px;line-height:1.4}.foot button{width:auto;flex-shrink:0;border:1px solid #777269;outline:0;background:#24241f;color:#e8e4d8;padding:7px 9px;font-size:10px}.foot button[aria-pressed="false"]{color:#aaa69c}.readout strong{font-size:clamp(23px,4.5vw,39px)}.twoStats strong{font-size:clamp(17px,3vw,30px)}.gamegrid{grid-template-columns:43% minmax(0,1fr)}.machinePanel{min-height:310px}.needle{z-index:2;pointer-events:none}#pressure{transition:color .12s;text-shadow:0 0 6px rgba(0,255,213,.35)} .status{font-weight:700;letter-spacing:.3px}.overlay{background:#151513f2}@media(max-width:560px){.wrap{padding:0;margin:0}.arcade{padding:10px;border-width:3px}.gamegrid{gap:7px;grid-template-columns:41% minmax(0,1fr)}.machinePanel{min-height:240px}.readout{padding:7px}.details{gap:6px}.twoStats{gap:5px}.readout strong{font-size:24px}.twoStats strong{font-size:17px}.readout small{font-size:10px}.arcadeHead h2{font-size:25px}.arcade button{font-size:12px}.foot{font-size:8px}.foot button{font-size:9px}.arcadeHead small{font-size:9px}}
.arcade,.arcade *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#hold{touch-action:none}.gauge{position:relative;width:100%;max-width:250px;margin:0 auto}.gaugeSvg{display:block;width:100%;height:auto}.gaugeVal{position:absolute;left:0;right:0;bottom:2%;text-align:center;line-height:1}.gauge .gaugeVal strong{font-size:clamp(16px,2.6vw,26px)}.gauge .needle{position:static;width:auto;height:auto;background:none;box-shadow:none}@media(max-width:560px){.gauge .gaugeVal strong{font-size:15px}.gauge .gaugeVal small{font-size:9px}}

#needle{transform-origin:100px 96px;transform:rotate(-120deg)}
#needle polygon{filter:drop-shadow(0 0 2px #fff)}
#pressureFill{display:none}

}