.rebatida,.rebatida *,.rebatida *:before,.rebatida *:after{box-sizing:border-box}.rebatida{--ink: #eef3ff;--ink-dim: #9fb0d6;--panel: rgba(24, 30, 54, .7);--panel-brd: rgba(255, 255, 255, .1);--accent: #38bdf8;color-scheme:dark;width:100%;min-width:0;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(10px,2.4vmin,16px);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}.rebatida__hud{display:grid;grid-template-columns:minmax(0,auto) 1fr auto;align-items:center;gap:clamp(6px,1.6vmin,12px);min-width:0}.rebatida__brand{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden}.rebatida__logo{width:clamp(28px,6.5vmin,38px);height:clamp(28px,6.5vmin,38px);flex-shrink:0;border-radius:11px;background:linear-gradient(145deg,#7fdcff,#2b7fff);box-shadow:inset 0 1px #ffffff80,0 0 16px -2px #38bdf8b3}.rebatida__title{display:flex;flex-direction:column;line-height:1;min-width:0}.rebatida__name{font-weight:800;font-size:clamp(16px,4vmin,21px);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rebatida__tag{font-size:clamp(9px,2vmin,11px);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rebatida__scores{display:flex;justify-content:center;gap:clamp(4px,1.4vmin,9px);min-width:0}.rebatida__stat{min-width:0;padding:clamp(4px,1.2vmin,7px) clamp(6px,1.6vmin,10px);border-radius:11px;background:var(--panel);border:1px solid var(--panel-brd);display:flex;flex-direction:column;align-items:center;line-height:1}.rebatida__stat-label{font-size:clamp(7px,1.8vmin,9px);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin-bottom:4px}.rebatida__stat-value{font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(14px,3.8vmin,19px);letter-spacing:.04em;color:#ff9a5c}.rebatida__stat:nth-child(1) .rebatida__stat-value,.rebatida__stat:nth-child(3) .rebatida__stat-value{color:var(--ink)}.rebatida__controls{display:flex;gap:6px;flex-shrink:0}.rbtn{width:clamp(32px,7.5vmin,40px);height:clamp(32px,7.5vmin,40px);display:grid;place-items:center;border-radius:11px;border:1px solid var(--panel-brd);background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .12s ease}.rbtn svg{width:55%;height:55%}.rbtn:active{transform:scale(.92)}.rbtn--accent{background:linear-gradient(160deg,#7fdcff,#2b7fff);border-color:transparent;color:#041a2e;box-shadow:0 5px 16px -5px #38bdf8cc}.rbfield{position:relative;width:100%;border-radius:clamp(12px,3vmin,18px);overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,rgba(56,189,248,.08),transparent 60%),linear-gradient(180deg,#141a30,#0b0f1e);box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 60px -22px #000c;touch-action:none;cursor:none}.brick{position:absolute;border-radius:4px;box-shadow:inset 0 1px #fff6,inset 0 -3px 6px #0000004d}.ball{position:absolute;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#7fdcff 75%);box-shadow:0 0 12px 2px #7fdcffe6;will-change:left,top}.paddle{position:absolute;transform:translate(-50%);border-radius:99px;background:linear-gradient(90deg,#7fdcff,#2b7fff);box-shadow:0 0 16px -2px #38bdf8e6,inset 0 1px #fff9;will-change:left}.rbfield__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0b0f1ead;backdrop-filter:blur(2px)}.rbfield__card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.rbfield__result{margin:0;font-weight:900;font-size:clamp(20px,6.4vmin,30px)}.rbfield__result.is-win{background:linear-gradient(92deg,#7fffb0,#7fdcff);-webkit-background-clip:text;background-clip:text;color:transparent}.rbfield__result.is-lose{color:#ff9a5c}.start{border:none;border-radius:999px;padding:clamp(11px,2.8vmin,15px) clamp(26px,7vmin,36px);font:inherit;font-weight:800;font-size:clamp(14px,3.8vmin,18px);color:#041a2e;background:linear-gradient(160deg,#7fdcff,#2b7fff);box-shadow:0 8px 24px -8px #38bdf8e6;cursor:pointer;transition:transform .12s ease}.start:active{transform:scale(.94)}.rebatida__foot{text-align:center;font-size:clamp(10px,2.6vmin,12px);color:var(--ink-dim);margin:0}.rebatida-atrium{box-sizing:border-box;min-height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vmin,20px);background:radial-gradient(85% 55% at 50% 0%,#16233f 0%,transparent 55%),radial-gradient(90% 60% at 50% 100%,#0d1428 0%,transparent 60%),#080c18}