.topbar{gap:14px}.top-controls{display:flex;align-items:center;gap:7px}.top-controls .icon-button{width:39px;height:41px;font-size:23px}.sound-button svg{display:block;width:23px;height:23px;margin:auto}.sound-button[aria-pressed=false]{color:#c8ac92}.brand h1{font-size:clamp(20px,2.5vw,32px)}.scores{gap:18px;padding:10px 14px}
.arcade-reward{top:19%;left:9%;right:9%;gap:3px;padding:14px 9px;border:2px solid #ffe49c;border-radius:15px;background:linear-gradient(130deg,#493044f2,#251b2df5 60%,#3c2d31f2);box-shadow:0 7px 0 #1a102380,0 0 0 4px #f6d57618,0 0 30px #f6d57633;animation:arcade-reward 1.15s ease-out both;overflow:hidden}
.arcade-reward:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:#fff5cf;box-shadow:0 0 18px #ffe69b}
.arcade-reward .reward-kicker{font-size:9px;letter-spacing:2.1px;color:#cdbbce;font-weight:bold}.arcade-reward .reward-label{font-size:clamp(14px,2vw,23px);letter-spacing:1px;line-height:1.25;color:#ffe5a1;font-weight:900;text-shadow:0 2px 0 #160c20}.arcade-reward strong{font-size:clamp(30px,4vw,47px);font-weight:900;line-height:1.12;color:#fff1bc;text-shadow:0 3px 0 #392034,0 0 16px #ffde8d55}.reward-detail{font-size:9px;letter-spacing:.65px;color:#dec9bb;margin-top:2px}
.arcade-reward.cascade-reward{border-color:#a2f2d1;background:linear-gradient(130deg,#31514bf5,#1e2c2df5 60%,#344332f2);box-shadow:0 7px 0 #10272380,0 0 0 4px #83dcc11c,0 0 30px #83dcc144}.cascade-reward .reward-kicker{color:#abd4d0}.cascade-reward .reward-label{color:#b5ffe1}.cascade-reward strong{color:#ddfff0;text-shadow:0 3px 0 #193b32,0 0 18px #83dcc16b}
.chain-finale{left:7%;right:7%;bottom:8%;padding:10px 7px;text-align:center;background:#1c302cf2;border:1px solid #a1e5c8;border-radius:10px;color:#d5ffeb;font-weight:bold;font-size:clamp(10px,1.35vw,15px);letter-spacing:.7px;box-shadow:0 3px 14px #101b2c77;animation:chain-finale 1.35s ease-out both}
.combo-meter{text-align:center;padding:9px 7px;border:1px solid #c9a86366;border-radius:9px;background:linear-gradient(135deg,#dcbf6c16,#20172480);display:flex;flex-direction:column;gap:3px}.combo-meter>span{font-size:10px;letter-spacing:.8px;color:#f1d48b;font-weight:bold}.combo-meter strong{font-size:23px;color:#ffe8ab;line-height:1.1}.combo-meter small{font-size:9px;line-height:1.35;color:#cdb7a1}.combo-meter.chain{border-color:#8cd9bb66;background:linear-gradient(135deg,#83dcc119,#172b2680)}.combo-meter.chain>span,.combo-meter.chain strong{color:#bcf4d9}
@keyframes arcade-reward{0%{opacity:0;transform:translateY(9px) scale(.72)}17%{opacity:1;transform:translateY(0) scale(1.06)}27%,78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-9px) scale(.98)}}
@keyframes chain-finale{0%{opacity:0;transform:translateY(7px)}15%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding-bottom:14px}.brand{grid-column:1;grid-row:1}.brand h1{font-size:clamp(22px,5.5vw,29px)}.scores{grid-column:1;grid-row:2;justify-self:start;flex-direction:row;padding:7px 11px;gap:24px}.scores>div{flex-direction:row;align-items:baseline;gap:7px}.scores strong{font-size:18px}.scores span{font-size:8px}.top-controls{grid-column:2;grid-row:1/3;flex-direction:column;gap:6px}.top-controls .icon-button{width:35px;height:35px;font-size:21px}.sound-button svg{width:21px;height:21px}.arcade-reward{top:16%;padding:11px 6px;left:8%;right:8%}.arcade-reward .reward-kicker{font-size:8px;letter-spacing:1.3px}.arcade-reward .reward-label{font-size:17px}.arcade-reward strong{font-size:34px}.reward-detail{font-size:8px}.chain-finale{font-size:10px;padding:8px 5px}.combo-meter{grid-column:1/4;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:7px 10px;text-align:left}.combo-meter>span{font-size:10px}.combo-meter strong{grid-column:2;grid-row:1/3;font-size:23px}.combo-meter small{grid-column:1;font-size:9px}}
@media(prefers-reduced-motion:reduce){.arcade-reward{animation:reduced-reward .2s linear both}.chain-finale{animation:reduced-reward .4s linear both}}
