.bout-page .arcade-intro h1{max-width:12ch;margin-inline:auto}.bout-cabinet{max-width:820px;margin-inline:auto}.bout-cabinet button{cursor:pointer}.bout-cabinet button:disabled{cursor:default;opacity:.48}.bout-cabinet button:focus-visible,.bout-cabinet .ring:focus-visible{outline:3px solid #edce83;outline-offset:3px}.bout-cabinet .ring:focus-visible{outline-offset:-3px}
.bout-cabinet .ring{position:relative;background:#e9e4d7;aspect-ratio:1.45;overflow:hidden;color:#183f33;isolation:isolate;border:6px solid #0b2a20;border-radius:8px}.bout-cabinet .meters{position:absolute;top:18px;left:5%;right:5%;display:flex;justify-content:space-between;gap:30px;z-index:2}.bout-cabinet .meters>div{width:42%;font-size:14px;line-height:1.3}.bout-cabinet .meters>div:last-child{text-align:right}.bout-cabinet meter{display:block;width:100%;height:13px;accent-color:#326044;margin-top:5px}.bout-cabinet .cue{position:absolute;top:24%;width:100%;padding-inline:8px;text-align:center;font-size:18px;font-weight:bold;letter-spacing:.035em;line-height:1.4}.bout-cabinet .ring-lines{position:absolute;inset:55% 0 12%;border-top:5px solid #b39455;border-bottom:5px solid #b39455;z-index:-1;background:linear-gradient(transparent 45%,#b3945580 46% 51%,transparent 52%)}
.bout-cabinet #goldy{position:absolute;width:37%;height:54%;object-fit:contain;left:4%;bottom:7%;image-rendering:pixelated;transform-origin:bottom center;transition:transform .16s}.bout-cabinet .target{position:absolute;width:30%;height:39%;right:7%;bottom:16%;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .12s}.bout-cabinet .target img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.bout-cabinet .target img[src$="murrays-bagels.png"]{max-width:149px}.bout-cabinet .versus{position:absolute;top:58%;left:46%;font:italic 30px Georgia;color:#887143}.bout-cabinet .ring.punch #goldy{transform:translateX(21%) rotate(5deg)}.bout-cabinet .ring.hit .target{transform:translateX(5%) rotate(7deg)}.bout-cabinet .ring.guarding #goldy{transform:translateX(-3%) scale(.92);filter:drop-shadow(0 0 5px #b39455)}.bout-cabinet .ring.warning .cue{color:#8b381f}.bout-cabinet .ring.dark-logo{background:#254637;color:#f7f4ee}.bout-cabinet .ring.dark-logo.warning .cue{color:#edbf79}
.bout-cabinet .overlay{position:absolute;inset:0;background:#0e2b22ee;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff7e4;z-index:4;padding:22px;overflow:auto}.bout-cabinet .overlay[hidden]{display:none}.bout-cabinet .overlay h3{font:42px/1.1 GMBookman,Georgia,serif;margin:12px 0;color:inherit}.bout-cabinet .overlay p{margin:7px 0;max-width:450px;line-height:1.45;color:inherit}.bout-cabinet .overlay button{background:#f7f4ee;color:#183f33;border:0;padding:12px 30px;font-weight:bold;margin:15px 0;min-height:48px}.bout-cabinet .best{font-size:12px}.bout-cabinet .controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:16px;margin-top:16px;border-top:2px solid #b18a46;background:#214a3b}.bout-cabinet .controls button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #dacda8;color:#fff7e4;background:#214436;padding:12px 8px;font-weight:bold;min-height:64px}.bout-cabinet .controls small{display:block;font-size:12px;font-weight:normal;opacity:.8}.bout-cabinet .controls button[aria-pressed=true]{background:#b39455;color:#102b22}.bout-cabinet .status{min-height:28px;text-align:center;font-size:14px;margin:0;padding:0 18px 12px;color:#fff7e4;background:#214a3b}.bout-cabinet .help{font-size:13px;line-height:1.7;color:#e1d7bd;border-top:1px solid #ffffff30;padding:14px 18px;margin:0}.bout-page .rivalry{text-align:center;font-size:13px;max-width:720px;margin:24px auto}
.bout-page .opps-section{padding:55px 0 10px;max-width:920px;margin:auto}.bout-page .opps-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.bout-page .opps-heading h2{font:clamp(32px,5vw,50px)/1.1 GMBookman,Georgia,serif;margin:12px 0 0}.bout-page .opps-heading>p{font-size:16px;line-height:1.6;color:#58615a}.bout-page .opps-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c9c9bc;border-left:1px solid #c9c9bc}.bout-page .opps-grid li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 15px 15px;border-right:1px solid #c9c9bc;border-bottom:1px solid #c9c9bc;gap:18px;min-width:0}.bout-page .opps-grid li.dark-logo{background:#254637;color:#f7f4ee}.bout-page .opps-grid img{height:100px;width:100%;max-width:145px;object-fit:contain}.bout-page .opps-grid p{margin:0;text-align:center;font-size:14px;line-height:1.4;color:inherit}.bout-page .opps-number{position:absolute;left:10px;top:7px;font:12px monospace;opacity:.7}
@media(max-width:650px){.bout-cabinet .game-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bout-cabinet .game-toolbar span{justify-content:center;font-size:13px}.bout-cabinet .game-toolbar button{margin-left:0;min-height:44px;font-size:14px}.bout-cabinet .ring{aspect-ratio:.86;border-width:4px}.bout-cabinet .meters{top:12px;gap:10px}.bout-cabinet .meters>div{font-size:12px}.bout-cabinet .cue{top:26%;font-size:14px}.bout-cabinet .target{padding:5px;width:31%;height:31%;bottom:20%}.bout-cabinet .versus{font-size:24px}.bout-cabinet .overlay{padding:12px}.bout-cabinet .overlay h3{font-size:28px;margin:9px 0}.bout-cabinet .overlay>p{font-size:14px}.bout-cabinet .overlay .eyebrow,.bout-cabinet .overlay .best{font-size:11px}.bout-cabinet .overlay button{margin:10px 0;padding:10px 25px}.bout-cabinet .controls{gap:6px;padding:10px 5px}.bout-cabinet .controls button{font-size:14px;padding:10px 5px}.bout-cabinet .status{font-size:13px;min-height:48px;padding:0 10px 10px}.bout-cabinet .help{font-size:12px;padding:12px}.bout-page .opps-heading{display:block}.bout-page .opps-heading>p{margin-top:20px}.bout-page .opps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bout-page .opps-grid img{height:85px;max-width:125px}}
@media(prefers-reduced-motion:reduce){.bout-cabinet .ring *{transition:none!important}.bout-cabinet .ring.punch #goldy,.bout-cabinet .ring.hit .target,.bout-cabinet .ring.guarding #goldy{transform:none}}