.board__round{font-family:var(--font-display);color:var(--blue);margin-bottom:16px;font-weight:700}.board__grid{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.bowl{aspect-ratio:1/1.04;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;place-items:center;padding:0;display:grid;position:relative}.bowl:nth-child(10n){border-right:0}.bowl__img{aspect-ratio:1;background:url(/assets/bowl-empty.webp) 50%/contain no-repeat;border-radius:50%;width:64%;transition:transform .2s,box-shadow .2s,opacity .2s}.bowl--selected .bowl__img,.bowl--filled .bowl__img{background-image:url(/assets/bowl-full.webp)}.bowl--selected .bowl__img{box-shadow:0 0 0 3px var(--white), 0 0 0 6px var(--blue), 0 18px 30px #1b1d2640;animation:.35s ease-out bowl-fill}.bowl--filled{cursor:default}.bowl--filled .bowl__img{opacity:.45}.bowl__badge{aspect-ratio:1;width:22%;max-width:24px;color:var(--white);background:50%/70% no-repeat;border-radius:50%;place-items:center;display:none;position:absolute;bottom:10%;right:12%}.bowl--filled .bowl__badge{background-color:#b5b6c4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");display:grid}@media (hover:hover){.bowl--empty:hover .bowl__img{opacity:.85;box-shadow:0 0 0 3px var(--white), 0 0 0 6px #8fa6ea;background-image:url(/assets/bowl-full.webp)}.bowl--empty:hover .bowl__badge,.bowl--selected:hover .bowl__badge{display:grid}.bowl--empty:hover .bowl__badge{background-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.bowl--selected:hover .bowl__img{box-shadow:0 0 0 3px var(--white), 0 0 0 6px #f08a8c}.bowl--selected:hover .bowl__badge{background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}}.bowl:focus-visible{outline-offset:-4px}@keyframes bowl-fill{0%{transform:scale(.85)}60%{transform:scale(1.06)}}.board__status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:32px;font-size:16px;display:flex}.board__progress{align-items:center;gap:16px;display:flex}.board__progress b{color:var(--blue)}.board__track{background:var(--track);border-radius:3px;width:clamp(140px,14vw,260px);height:6px;position:relative;overflow:hidden}.board__track span{background:var(--blue);border-radius:3px;transition:width .3s;position:absolute;inset:0 auto 0 0}.board__legend{flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;display:flex}.board__legend li{align-items:center;gap:8px;display:flex}.board__legend li:before{content:"";border-radius:50%;width:18px;height:18px}.board__legend .is-filled:before{background:#b5b6c4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/70% no-repeat}.board__legend .is-selected:before{border:2px solid var(--blue);background:var(--lavender)}.board__legend .is-empty{color:#b5b6c4}.board__legend .is-empty:before{background:var(--track)}.board__cart{border-radius:var(--radius-box);background:var(--lavender);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:32px;padding:clamp(20px,1.6vw,32px);display:flex}.board__msg h3{font-size:var(--fs-h4);font-weight:600}.board__msg p{max-width:440px;margin-top:8px;font-size:16px}.board__pay{align-items:center;gap:20px;display:flex}.board__sum{text-align:right;line-height:1.1;display:grid}.board__sum strong{font-family:var(--font-display);color:var(--ink);font-size:28px;font-weight:700}.board__sum small{color:var(--muted);font-size:14px;font-weight:500}.board__error{color:var(--red);flex-basis:100%;font-size:14px}.board__sticky{z-index:30;right:var(--page-gutter);max-width:calc(100vw - 2 * var(--page-gutter));background:var(--yellow);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:row-reverse;align-items:center;gap:16px;padding:12px 12px 12px 24px;font-size:14px;font-weight:500;animation:.25s ease-out sticky-up;display:flex;position:fixed;bottom:24px}.board__sticky small{text-align:right;max-width:90px;color:var(--ink)}.board__sticky .btn{width:auto}@keyframes sticky-up{0%{transform:translateY(120%)}}@media (width<=767px){.board__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bowl:nth-child(10n){border-right:1px solid var(--line)}.bowl:nth-child(5n){border-right:0}.board__status,.board__progress{flex-direction:column;align-items:flex-start}.board__progress{order:-1;gap:8px;width:100%}.board__track{width:100%}.board__legend{flex-direction:column}.board__pay{flex-direction:column-reverse;align-items:stretch;gap:8px;width:100%}.board__pay .btn{width:100%}.board__sum{text-align:center}.board__sum strong{display:none}.board__sticky{left:var(--page-gutter);text-align:center;gap:8px;padding:16px;display:grid;bottom:12px}.board__sticky small{text-align:center;max-width:none}.board__sticky .btn{width:100%}}.board-skeleton{aspect-ratio:10/4.5;border-radius:var(--radius-box);background:linear-gradient(90deg,#f4f5f8,#eceef4,#f4f5f8)}@media (width<=767px){.board-skeleton{aspect-ratio:5/9}}