.sweety-wrap{width:100%;max-width:490px;padding:14px;border:1px solid #675260;border-radius:18px;background:linear-gradient(140deg,#302c3b,#252e32)}.sweety-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#e5d9e1;margin-bottom:12px}.sweety-hud b{margin-left:5px;color:#c9ff62;font-size:20px}#sweety-heart{font-size:27px;color:#ff8caf}.sweety-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:6px;border:1px solid #685967;border-radius:12px;background:#1c2029;touch-action:none}.sweety-cell{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:3px;border:1px solid #454451;border-radius:8px;background:#30333e;touch-action:none;user-select:none}.sweety-cell>svg{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 1px #0005)}.sweety-cell.jelly{background:#b7a073;border:2px solid #f5de9d;box-shadow:inset 0 0 0 3px #dbc896,inset 0 0 0 5px #8b796a}.sweety-cell.selected{outline:3px solid #ff8caf;outline-offset:1px;z-index:2}.sweety-cell.hint{outline:3px dashed #c9ff62;outline-offset:0;z-index:1}.sweety-cell:focus-visible{outline:3px solid #fff;outline-offset:1px;z-index:3}.sweety-cell.clearing>svg{animation:sweety-pop .33s ease-in forwards}.sweety-fish-meter{display:flex;align-items:center;gap:8px;color:#dfd0bb;font-size:11px;margin-top:10px}.sweety-fish-meter>b{margin-left:auto;white-space:nowrap;color:#c9ff62}.sweety-fish-icon{width:38px;flex-shrink:0}.sweety-fish-icon svg{display:block;width:100%}.sweety-credit{text-align:center;font-size:10px;letter-spacing:.7px;color:#baaeb9;margin:10px 0 0}.sweety-fish-swim{position:absolute;inset:0;z-index:4;pointer-events:none;animation:sweety-swim .33s ease-out}.sweety-fish-swim svg{width:100%;height:100%}.sweety-cell.fish-visit{background:#8ba5a1}@keyframes sweety-pop{50%{transform:scale(1.15)}100%{transform:scale(.3);opacity:.2}}@keyframes sweety-swim{from{transform:translateX(-25px) rotate(-15deg);opacity:.2}to{transform:translateX(0);opacity:1}}@media(max-width:760px){.sweety-wrap{padding:9px}.sweety-board{gap:3px;padding:4px}.sweety-cell{padding:1px}.sweety-hud{font-size:11px}.sweety-hud b{font-size:18px}.sweety-fish-meter{font-size:10px;gap:5px}}@media(max-width:360px){.sweety-wrap{padding:6px}.sweety-board{padding:3px;gap:2px}.sweety-hud{font-size:10px}.sweety-cell.jelly{box-shadow:inset 0 0 0 2px #dbc896}}@media(prefers-reduced-motion:reduce){.sweety-cell.clearing>svg,.sweety-fish-swim{animation:none}}
