#cameraFlash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:30}.ringside-camera .hud,.ringside-camera footer,.ringside-camera .touch-controls,.ringside-camera #toast,.ringside-camera .pause{opacity:0!important;pointer-events:none!important}.ringside-camera #impact{top:12%;font-size:clamp(30px,5vw,60px)}
.customize-link{background:none;border:0;border-top:1px solid #71848d55;padding:8px 0;color:#d5dfdf;text-align:left;font-size:10px;letter-spacing:1.2px;min-height:32px}.fighter-details .customize-link{grid-column:1/-1}
.shop-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:'heading heading' 'preview shop';gap:20px;padding:24px 40px;background:linear-gradient(90deg,transparent 35%,#07121ee8);overflow:hidden}.shop-heading{grid-area:heading;display:flex;align-items:center;gap:22px;padding-right:180px}.shop-heading h2{font:800 32px 'Barlow Condensed',Impact;margin:0}.shop-heading #wallet{margin-left:auto;color:#d9dcb1;font-size:20px;font-variant-numeric:tabular-nums}.shop-browser{grid-area:shop;display:flex;flex-direction:column;min-height:0;gap:14px;padding:10px 0}.shop-tabs{display:flex;border-bottom:1px solid #73828a66}.shop-tabs button{flex:1;border:0;background:transparent;color:#a4b3bc;padding:12px 7px;font-size:11px;letter-spacing:1px;border-bottom:2px solid transparent}.shop-tabs button[aria-selected=true]{border-color:#e6e8dd;color:#e6e8dd}#shopItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 14px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}.shop-item{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #7b8f9944;background:transparent;color:#d9e0df;text-align:left;padding:13px 5px;min-width:0}.shop-item.chosen{background:#cdd7d512;box-shadow:inset 2px 0 #e5e8dd}.shop-item strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.shop-item small{display:block;font-size:9px;color:#94a8b3;margin-top:5px}.item-swatch{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;color:#e0e4d7;background:linear-gradient(125deg,var(--a) 60%,var(--b) 61%,var(--b) 74%,var(--a) 75%)}.shop-purchase{border-top:1px solid #73828a66;padding:13px 0 0;display:grid;gap:9px}.shop-purchase>strong{font:700 22px 'Barlow Condensed',Impact}.shop-purchase .primary{transform:none;width:100%;min-width:0;padding:14px;background:#d7dfd3}.shop-purchase small{font-size:9px;color:#aab8bd;min-height:12px;letter-spacing:.7px}
#end{overflow:auto;align-items:flex-start;padding:25px}.newspaper.dialog{width:min(850px,100%);color:#22251f;background:#e9e4d4;border:0;box-shadow:0 12px 65px #0007;padding:26px 34px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;overflow:visible}.paper-masthead{grid-column:1/-1;font:bold clamp(23px,4vw,45px) Georgia,serif;text-align:center;border-top:3px solid #22251f;border-bottom:1px solid #22251f;padding:9px 0;letter-spacing:-1px}.paper-edition{grid-column:1/-1;text-align:center;font-size:9px;letter-spacing:3px}.newspaper #newsHeadline{grid-column:1/-1;font:900 clamp(25px,4vw,48px)/1.05 Georgia,serif;font-style:normal;letter-spacing:-1px;text-align:center;margin:4px 0 8px;overflow-wrap:anywhere}.newspaper #newsPhoto{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1) contrast(1.1);grid-row:4/7;border:1px solid #32362c}.newspaper #newsStory{font:15px/1.5 Georgia,serif;color:#34372d;margin:0}.newspaper #newsReward{font-size:11px;letter-spacing:1px;border-top:1px solid #32362c;padding-top:12px;color:#303e2b}.newspaper #result{font:700 24px 'Barlow Condensed',Impact;margin:0;color:#252b24}.newspaper #resultText{font-size:11px;color:#565b4b;margin:0}.newspaper .stats{margin:0;gap:15px;grid-column:1/-1;border-block:1px solid #31392c66;padding:10px 0}.newspaper .stats strong{font-size:21px;color:#283724}.newspaper .stats span{font-size:8px;color:#59634f}.newspaper .primary,.newspaper .secondary{min-width:0;margin:0;transform:none;background:#25382d;color:#e9eddc;border:0;padding:14px;font-size:11px}.newspaper .secondary{background:transparent;border:1px solid #25382d;color:#25382d}
/* Small screens scroll menu content instead of cropping or overlapping it. */
@media(max-width:700px){.shop-screen{padding:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(135px,25svh) minmax(260px,1fr);grid-template-areas:'heading' 'preview' 'shop';gap:10px;overflow-y:auto;background:linear-gradient(0deg,#06121f 12%,#07121fce 55%,transparent 78%)}.shop-heading{gap:12px;padding-right:0;flex-wrap:wrap}.shop-heading h2{font-size:25px}.shop-heading #wallet{font-size:17px}.shop-heading .back{flex-basis:100%;padding-top:24px}.shop-browser{padding:0;min-height:285px;gap:8px}#shopItems{max-height:220px}.shop-item{padding:10px 5px}.shop-item strong{font-size:10px}.shop-tabs button{font-size:9px;padding:9px 5px}.shop-purchase .primary{padding:11px}.shop-purchase>strong{font-size:18px}#end{padding:12px}.newspaper.dialog{padding:16px;gap:10px;grid-template-columns:1fr 1fr}.newspaper #newsPhoto{grid-column:1/-1;grid-row:auto;max-height:210px}.newspaper #newsStory,.newspaper #newsReward,.newspaper #result,.newspaper #resultText{grid-column:1/-1}.newspaper #newsStory{font-size:12px}.paper-edition{font-size:7px;letter-spacing:1.5px}.newspaper .stats{gap:8px}.newspaper .primary,.newspaper .secondary{font-size:9px;padding:12px}.main-menu button{padding:9px 20px;font-size:25px}.title-stack h1 img{max-height:34svh}.title-stack h1{margin-bottom:12px}}
@media(max-height:560px) and (min-width:701px){.shop-screen{padding:12px 25px;gap:8px}.shop-heading h2{font-size:24px}.shop-tabs button{padding:8px}.shop-item{padding:9px 5px}.shop-purchase{padding-top:8px;gap:6px}.shop-purchase .primary{padding:10px}.title-stack h1 img{max-height:32svh}.main-menu button{font-size:22px;padding:7px 20px}#selectPanel .fighter-details{max-height:none}.newspaper.dialog{margin:0 auto}}
@media(max-width:360px){#selectPanel{padding-inline:10px}.fighter-details{padding:9px!important;gap:9px!important}.glove-heading b{display:none}.shop-screen{padding-inline:10px}.hud{width:calc(100% - 12px)}.names{font-size:12px}.touch-controls{left:8px;right:8px}.dpad{grid-template-columns:repeat(3,39px)}.touch-controls button{min-width:39px}.touch-punches{grid-template-columns:repeat(2,48px)}}
