@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800;900&family=IBM+Plex+Mono:wght@500;700&family=Rye&display=swap');
:root{--wood:#3a2014;--wood-dark:#170d09;--cream:#f0dca7;--brass:#d6a63d;--red:#8f2921;--teal:#74e7df;--ink:#1a100b}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(circle at 50% 0,#59331c 0,transparent 38%),repeating-radial-gradient(circle at 0 0,#f6e6b514 0 .8px,transparent .9px 7px),linear-gradient(155deg,#21140e,#0e0a08);font-family:"Barlow Condensed",sans-serif}.pennywire-panel{min-height:72px;padding:8px clamp(14px,4vw,62px);display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,150px) minmax(90px,150px) minmax(160px,1.3fr) minmax(110px,1fr);align-items:stretch;background:#101a18;border-bottom:4px solid #060c0b;box-shadow:inset 0 1px #74e7df66,0 8px 22px #0008;font:700 9px "IBM Plex Mono",monospace;text-transform:uppercase}.pennywire-panel>div,.pennywire-panel>button{min-width:0;padding:8px 16px;display:flex;flex-direction:column;justify-content:center;border:0;border-right:1px solid #74e7df2b;color:#9eb5ae;background:transparent;text-align:left}.pennywire-panel>button{cursor:pointer;color:var(--teal)}.pennywire-panel>button:last-child{text-align:right;align-items:flex-end;border-right:0}.pennywire-panel strong{color:var(--teal);font-size:22px;line-height:1}.pennywire-panel button strong,.pennywire-panel__machine strong{margin-top:5px;color:#f1d486;font-size:13px}.room{min-height:calc(100vh - 150px);padding:clamp(28px,5vw,72px) 20px 90px}.machine-wrap{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:minmax(330px,650px) minmax(260px,1fr);gap:clamp(34px,7vw,85px);align-items:center}.cabinet{position:relative;padding:20px;border:3px solid #0b0705;border-radius:46% 46% 16px 16px/7% 7% 16px 16px;background:repeating-linear-gradient(92deg,#6b3f24 0 8px,#53301d 9px 15px,#78472a 16px 19px);box-shadow:inset 0 0 0 5px #9d6234,inset 0 0 0 8px #21110a,16px 22px 30px #0009}.cabinet__crown{text-align:center;padding:20px 12px 14px;color:var(--cream);text-shadow:2px 3px 0 #160b07}.cabinet__crown small,.cabinet__crown p{font:700 9px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase}.cabinet__crown h1{margin:7px 0 9px;font:400 clamp(45px,7vw,72px)/.85 Rye,serif;color:#f3cc60;letter-spacing:.02em}.playfield{position:relative;aspect-ratio:600/760;border:5px solid #180d08;background:radial-gradient(circle at 50% 12%,#fff4d2,#d7bd82 64%,#aa7b42);box-shadow:inset 0 0 30px #4d2a13,0 0 0 3px #c3913e;overflow:hidden}.playfield canvas{display:block;width:100%;height:100%;touch-action:none}.glass-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,#fff0 0 57%,#fff3 58%,#fff0 63%)}.lane-values{position:absolute;z-index:2;left:5%;right:5%;bottom:2.5%;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.lane-values b{text-align:center;color:#f5d66f;font:700 18px/1 "IBM Plex Mono";text-shadow:1px 2px #2a1108}.control-deck{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:18px 6px 7px}.control-deck>*{min-width:0;min-height:58px;border:2px solid #160b06;color:var(--cream);background:#25130d;box-shadow:inset 0 1px #e4b95b66,3px 4px #160a06}.control-deck button{padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 11px "IBM Plex Mono";text-transform:uppercase;cursor:pointer}.control-deck strong{font-size:15px;color:#f0c75e}.control-deck button:disabled{opacity:.5}.readout{padding:7px;display:grid;place-items:center;background:#111a17;color:var(--teal);font-family:"IBM Plex Mono"}.readout span{font-size:10px;text-transform:uppercase}.readout b{font-size:13px}.readout small{font-size:8px;text-transform:uppercase}.instructions{display:flex;justify-content:center;align-items:center;gap:17px;padding:10px;color:#e3c17c;font:700 10px "IBM Plex Mono";text-transform:uppercase}.instructions p{margin:0}.machine-note .eyebrow{color:#e0b956;font:700 9px "IBM Plex Mono";letter-spacing:.13em;text-transform:uppercase}.machine-note h2{margin:18px 0 26px;font:900 clamp(48px,6vw,78px)/.82 "Barlow Condensed";text-transform:uppercase}.machine-note>p:not(.eyebrow,.origin){font-size:21px;line-height:1.35;color:#dfcfac}.machine-note dl{margin:30px 0;border-block:1px solid #d9b55d66}.machine-note dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d9b55d33}.machine-note dl div:last-child{border:0}.machine-note dt{font:700 9px "IBM Plex Mono";text-transform:uppercase;color:#ac9568}.machine-note dd{margin:0;font-weight:700}.origin{color:#a99879;font-size:14px;line-height:1.4}.payment-modal{width:min(430px,calc(100% - 24px));padding:0;border:2px solid #d6a63d;color:var(--cream);background:#17100b;box-shadow:0 24px 70px #000}.payment-modal::backdrop{background:#080604d9;backdrop-filter:blur(4px)}.payment-modal form{position:relative;padding:30px;display:grid;gap:17px}.payment-modal h2{margin:0;color:#f3cc60;font:400 34px Rye,serif}.payment-modal p{margin:0;font:600 12px "IBM Plex Mono"}.payment-modal .close{position:absolute;right:10px;top:7px;border:0;color:#e8d5a7;background:none;font-size:28px;cursor:pointer}.amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.amounts button,.payment-modal section button,.payment-modal section a{padding:10px 6px;border:1px solid #d6a63d;color:#f4ddaa;background:#3b2115;font:700 11px "IBM Plex Mono";text-align:center;text-decoration:none;cursor:pointer}.amounts button:disabled{opacity:.3}.payment-modal section{display:grid;gap:12px;text-align:center}.payment-modal img{width:min(250px,100%);margin:auto;border:8px solid white}.payment-modal section>strong{font:700 24px "IBM Plex Mono";color:var(--teal)}.payment-modal textarea{width:100%;height:70px;resize:none;color:#b9d6ce;background:#0d1715;border:1px solid #476d65;font:9px "IBM Plex Mono"}.control-deck button:focus-visible,.pennywire-panel button:focus-visible,.payment-modal button:focus-visible,.payment-modal a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(max-width:780px){.pennywire-panel{grid-template-columns:1fr 1fr 1fr;padding-inline:10px}.pennywire-panel__machine{display:none!important}.pennywire-panel>button:first-child{grid-column:1}.pennywire-panel>button:last-child{grid-column:3;grid-row:1}.machine-wrap{grid-template-columns:1fr;max-width:620px}.machine-note{order:-1}.machine-note h2{font-size:52px}.cabinet{padding:13px}.room{padding-inline:11px}.instructions{font-size:8px}}@media(max-width:450px){.pennywire-panel>div,.pennywire-panel>button{padding-inline:7px}.pennywire-panel strong{font-size:18px}.cabinet__crown{padding-top:15px}.amounts{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}