:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#382a31;background:#fff7fa;--pink:#e94f8b;--pink-dark:#b83268;--line:#efdce4;--muted:#8c7681}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,#ffe2ee,transparent 34%),radial-gradient(circle at 85% 85%,#eee7ff,transparent 35%),#fff8fb}.game-shell{width:min(820px,100%);padding:22px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 90px rgba(92,42,67,.16)}button{font:inherit}.game-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--pink),#8157dc);font-size:24px;font-weight:900;box-shadow:0 10px 24px rgba(233,79,139,.25)}.brand div{display:grid}.brand strong{font-size:20px}.brand small{color:var(--muted)}.game-header button{padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:#725d68;background:#fff;cursor:pointer}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.score-grid article{padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fffafd}.score-grid small{display:block;color:var(--muted);font-size:12px}.score-grid strong{font-size:24px}.table{position:relative;overflow:hidden;padding:25px 18px 36px;border-radius:24px;background:linear-gradient(180deg,#ffeef5,#fff 68%)}.status{text-align:center}.status span{display:block;font-size:18px;font-weight:850}.status small{color:var(--muted)}.cups{height:270px;display:flex;align-items:end;justify-content:center;gap:clamp(14px,7vw,68px);padding:20px 10px 10px}.cup-slot{position:relative;width:150px;height:190px;border:0;background:transparent;cursor:pointer;transition:transform .25s ease}.cup-slot:disabled{cursor:default}.cup-slot:hover:not(:disabled){transform:translateY(-5px)}.cup{position:absolute;z-index:3;left:12px;right:12px;bottom:24px;height:136px;border-radius:20px 20px 42px 42px;background:linear-gradient(135deg,#fa6fa5,#c73f7a);box-shadow:inset 12px 0 20px rgba(255,255,255,.18),inset -12px 0 18px rgba(104,18,56,.18),0 14px 22px rgba(146,47,91,.18);transform-origin:center bottom;transition:transform .42s cubic-bezier(.2,.9,.2,1)}.cup::before{content:"";position:absolute;left:-7px;right:-7px;top:-8px;height:22px;border-radius:50%;background:#ff91ba;box-shadow:inset 0 -7px 0 #ad2d65}.cup-slot.reveal .cup{transform:translateY(-78px) rotate(-5deg)}.ball{position:absolute;z-index:2;left:50%;bottom:25px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7b7,#ffc637 40%,#d98900 78%);box-shadow:0 8px 12px rgba(90,52,10,.25);transform:translateX(-50%) scale(0);transition:transform .18s}.cup-slot.has-ball .ball{transform:translateX(-50%) scale(1)}.cup-slot b{position:absolute;z-index:4;left:50%;bottom:75px;transform:translateX(-50%);color:#fff;font-size:22px}.cups.is-shuffling .cup-slot{animation:shuffle .34s ease-in-out 5 alternate}.cups.is-shuffling .cup-slot:nth-child(2){animation-delay:.08s}.cups.is-shuffling .cup-slot:nth-child(3){animation-delay:.16s}.cup-slot.correct .cup{box-shadow:0 0 0 5px rgba(45,166,103,.18),0 18px 30px rgba(45,166,103,.2)}.cup-slot.wrong .cup{box-shadow:0 0 0 5px rgba(215,65,91,.16),0 18px 30px rgba(215,65,91,.18)}.table-edge{height:13px;border-radius:50%;background:linear-gradient(90deg,#82485e,#c77896,#82485e);box-shadow:0 14px 22px rgba(83,41,57,.2)}.game-actions{display:grid;justify-items:center;gap:8px;margin-top:18px}.game-actions .primary{min-width:220px;padding:13px 18px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--pink),#bd3e77);font-weight:850;cursor:pointer;box-shadow:0 12px 25px rgba(233,79,139,.25)}.game-actions .primary:disabled{opacity:.55;cursor:default}.game-actions p{margin:0;color:var(--muted);font-size:12px}@keyframes shuffle{to{transform:translateX(28px) rotate(2deg)}}@media(max-width:650px){.game-shell{padding:15px;border-radius:20px}.score-grid{grid-template-columns:repeat(2,1fr)}.cups{height:220px;gap:2px}.cup-slot{width:31%;height:165px}.cup{left:5px;right:5px;height:112px}.cup-slot b{bottom:64px}.game-header{align-items:flex-start}.game-header button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}