.butter-rice{place-items:center;width:100%;height:100%;min-height:240px;display:grid;position:relative;container-type:size}.butter-rice:before{content:"";pointer-events:none;background:radial-gradient(closest-side at 42% 44%,#e3b04b21,#e3b04b00);width:min(150cqh,100cqw);height:100cqh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.butter-rice__plate{aspect-ratio:1;touch-action:none;cursor:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:min(94cqw,94cqh);position:relative}.butter-rice__plate:before{content:"";border-radius:50%;position:absolute;inset:5% 3% 4%;box-shadow:4cqh 7cqh 12cqh #0009,1cqh 2cqh 3cqh #0000008c}.butter-rice__food{filter:saturate(1.1)brightness(1.07)contrast(1.02);position:absolute;inset:0}.butter-rice__photo,.butter-rice__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.butter-rice__knob{pointer-events:none;width:34px;height:25px;transform:translate3d(var(--kx,0px), var(--ky,0px), 0) translate(-50%, -62%) rotate(-14deg) scale(var(--ks,1));will-change:transform;transition:opacity .2s;position:absolute;top:0;left:0}.butter-rice__knob i{background:linear-gradient(100deg,#ffffff8c 0 14%,#fff0 30%),repeating-linear-gradient(96deg,#be8c2800 0 5px,#be8c281a 5px 6px),linear-gradient(150deg,#fff4c8 10%,#f2d27a 90%);border-radius:7px 8px 7px 9px;position:absolute;inset:0;box-shadow:inset 0 1px #fffc,inset -2px -2px 3px #d29e3a80,0 1px #e6b752,0 3px #e0b04c,0 5px #d29e3a,0 6px 1px #b9862c,3px 12px 10px #00000080}.butter-rice__knob:after{content:"";z-index:-1;background:radial-gradient(closest-side,#ffe2828c,#ffe28200);border-radius:50%;position:absolute;inset:70% -8% -42% -6%}.butter-rice__knob[data-down="1"]{--ks:.9}@media (prefers-reduced-motion:reduce){.butter-rice__knob{transition:none}}
.brt{border:1px solid var(--nk-line);background:radial-gradient(60% 80% at 30% 50%, color-mix(in oklab, var(--nk-gold) 8%, transparent), transparent 70%), color-mix(in oklab, var(--nk-surface) 70%, transparent);border-radius:1.5rem;align-items:center;gap:1.25rem;padding:clamp(1rem,3vw,2rem);display:grid}.brt[data-layout=band]{grid-template-columns:minmax(0,1fr)}@media (min-width:48rem){.brt[data-layout=band]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.brt[data-layout=stack]{background:0 0;border:0;padding:0}.brt[data-layout=stack] .brt-copy{text-align:center;order:2;justify-items:center}.brt-copy{justify-items:start;gap:.85rem;display:grid}.brt-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;line-height:1.4}.brt-hint{color:var(--nk-muted);align-items:center;gap:.45rem;display:inline-flex}.brt-hint svg{color:var(--nk-gold)}.brt-meter{background:var(--nk-raised);border-radius:999px;width:min(100%,18rem);height:.5rem;overflow:hidden}.brt-meter span{border-radius:inherit;background:linear-gradient(90deg, #c8902f, var(--nk-gold), #f7dc92);transform-origin:100%;height:100%;transition:transform .3s var(--ease-out-expo);display:block}.brt-status{min-height:1.9em;color:var(--nk-muted);font-size:.9rem;font-weight:700}.brt-status strong{font-family:var(--font-display);background:linear-gradient(180deg, #fff3cc, var(--nk-gold) 55%, #a8741f);color:#0000;animation:brt-pop .6s var(--ease-out-expo) both;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;display:inline-block}@keyframes brt-pop{0%{opacity:0;transform:translateY(8px)scale(.85)}}.brt-again{border:1px solid var(--nk-line);height:2.4rem;color:var(--nk-muted);border-radius:999px;align-items:center;gap:.4rem;padding:0 .95rem;font-size:.85rem;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.brt-again:hover{color:var(--nk-gold);border-color:color-mix(in oklab, var(--nk-gold) 55%, var(--nk-line))}.brt-plate{height:260px}@media (min-width:48rem){.brt-plate{height:320px}}