.ramen-game{position:relative;width:min(100%,530px);margin:0 auto;color:#3c3340}
.ramen-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.ramen-hud>div{padding:7px 6px;border:2px solid #d6a99a;border-radius:14px;background:#fff8eb;box-shadow:0 3px 0 #e7c0ac;text-align:center}
.ramen-hud small{display:block;font-size:11px;font-weight:800;color:#826b69}
.ramen-hud strong{display:block;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.ramen-hud [data-complaints]{color:#d05250}
.ramen-queue{display:grid;grid-template-columns:repeat(var(--ticket-count,2),minmax(0,1fr));gap:8px;min-height:122px;margin-bottom:10px}
.ramen-ticket{display:grid;grid-template-rows:25px minmax(29px,auto) 22px 7px 15px;justify-items:center;align-items:center;min-width:0;padding:7px 5px;border:2px solid #bdac96;border-radius:9px 9px 17px 17px;background:linear-gradient(#fffcef,#f4e9ce);box-shadow:0 4px 0 #a99078;color:#493d39;font-family:inherit;cursor:pointer;touch-action:manipulation}
.ramen-ticket.is-selected{border-color:#ec7061;background:#fff2dc;box-shadow:0 4px 0 #e9ad91}
.ramen-ticket-face{font-size:25px;line-height:1}
.ramen-ticket strong{overflow:hidden;max-width:100%;font-size:12px;line-height:1.2;text-align:center}
.ramen-ticket>span:nth-of-type(2){font-size:11px;font-weight:800;white-space:nowrap}
.ramen-ticket small{font-size:10px;font-weight:700;color:#735b59}
.ramen-patience{display:block;overflow:hidden;width:92%;height:6px;border-radius:9px;background:#e6d5bb}
.ramen-patience i{display:block;height:100%;border-radius:inherit;background:#75bf9a;transition:width .12s linear}
.ramen-patience i.is-low{background:#e96d65}
.ramen-wait{grid-column:1/-1;align-self:center;text-align:center;color:#665760}
.ramen-counter{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:3px solid #865c55;border-radius:20px;background:repeating-linear-gradient(90deg,#b77b5d 0 28px,#b0795c 28px 55px);box-shadow:inset 0 3px 0 #e5b592,0 5px 0 #8f655b}
.ramen-pot-panel,.ramen-bowl-panel{display:grid;justify-items:center;align-content:start;min-width:0;padding:9px 6px;border:2px solid #d5b4a0;border-radius:15px;background:#fff9ec;text-align:center}
.ramen-pot,.ramen-bowl{position:relative;display:grid;place-items:center;width:110px;height:89px;margin-bottom:5px;border:7px solid #445059;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8d6d9,#5a9dab 72%);box-shadow:inset 0 0 0 5px #23343c,0 5px 0 #c5a599}
.ramen-pot:before,.ramen-pot:after{content:'';position:absolute;top:37%;width:13px;height:25px;border:5px solid #51575d;border-radius:9px;z-index:-1}
.ramen-pot:before{left:-20px}.ramen-pot:after{right:-20px}
.ramen-pot.is-cooking{background:radial-gradient(circle at 42% 35%,#d5f7d6,#77b4b5 65%,#4a909f)}
.ramen-pot.is-ready{box-shadow:inset 0 0 0 5px #23343c,0 0 0 4px #76db94,0 5px 0 #c5a599}
.ramen-pot.is-late{box-shadow:inset 0 0 0 5px #23343c,0 0 0 4px #ed8171,0 5px 0 #c5a599}
.ramen-steam{position:absolute;top:-33px;font-size:24px;color:#a7b6b7;opacity:.4}
.ramen-pot.is-cooking .ramen-steam{opacity:1;animation:ramen-steam 1s ease-in-out infinite alternate}
.ramen-pot-icon{font-size:38px;filter:drop-shadow(0 2px 1px #29434f55)}
.ramen-bowl{border-color:#344a55;background:radial-gradient(circle at 36% 30%,#f6d8a1,var(--broth-color,#e6cfaa) 70%);box-shadow:inset 0 0 0 5px #ecf7ee,0 5px 0 #c5a599}
.ramen-bowl-food{font-size:42px;filter:drop-shadow(0 2px 2px #634e3988)}
.ramen-pot-panel>strong,.ramen-bowl-panel>strong{min-height:21px;font-size:14px}
.ramen-bowl-panel p{min-height:32px;max-width:100%;margin:4px 0 0;font-size:11px;line-height:1.4;color:#665d61}
.ramen-heat{overflow:hidden;width:90%;height:10px;margin:3px 0 8px;border:1px solid #958987;border-radius:6px;background:linear-gradient(90deg,#eac785 0 32%,#86cb9b 32% 74%,#e7877b 74%)}
.ramen-heat span{display:block;width:0;height:100%;border-right:3px solid #293c4c;background:#4b4e5855}
.ramen-pot-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}
.ramen-pot-buttons .button{min-width:0;min-height:37px;padding:5px 2px;font-size:13px;white-space:nowrap}
.ramen-ingredients{display:grid;gap:7px;margin:13px 0 8px}
.ramen-group{display:grid;grid-template-columns:50px repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.ramen-group-title{display:grid;place-items:center;border:2px solid #d2bea4;border-radius:12px;background:#f9f0dd;font-size:13px;font-weight:900}
.ramen-group button{min-width:0;min-height:56px;padding:3px;border:2px solid #d6bdaf;border-radius:12px;background:#fffdfa;color:#514454;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;touch-action:manipulation}
.ramen-group button span{display:block;font-size:22px;line-height:1.2}
.ramen-group button[aria-pressed=true]{border-color:#e47b65;background:#ffe6d1;box-shadow:inset 0 0 0 1px #e47b65}
.ramen-group button:disabled{opacity:.55}
.ramen-game .toy-status{min-height:2.4em;margin:6px 0;text-align:center}
.ramen-serve{margin:0 0 9px}
.ramen-serve .button{width:100%;min-height:47px;font-size:17px}
.ramen-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ramen-controls .button{min-width:0;padding:7px 2px;font-size:14px;white-space:nowrap}
.ramen-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:18px;border-radius:20px;background:#342c34a8;backdrop-filter:blur(2px)}
.ramen-overlay[hidden]{display:none}
.ramen-dialog{width:min(100%,350px);padding:23px 20px;border:3px solid #855d4a;border-radius:22px;background:#fff9e9;box-shadow:0 9px 0 #453b4180;text-align:center}
.ramen-dialog h2{margin:0 0 11px;color:#553c3b;font-size:25px}
.ramen-dialog p{margin:0 0 17px;font-size:15px;line-height:1.6;color:#594c52}
.ramen-dialog .button{min-width:145px}
.ramen-game button:focus-visible{outline:3px solid #e95562;outline-offset:2px}
@keyframes ramen-steam{to{transform:translateY(-8px);opacity:.4}}
@media(max-width:480px){.toy-page:has(.ramen-game) .toy-card{padding:14px 11px}.toy-page:has(.ramen-game) .toy-card h1{font-size:22px}.toy-page:has(.ramen-game) .toy-instruction{margin:5px 0 10px;line-height:1.4}.ramen-hud{gap:6px;margin-bottom:8px}.ramen-hud>div{padding:5px 3px}.ramen-hud strong{font-size:16px}.ramen-queue{min-height:107px;gap:5px;margin-bottom:8px}.ramen-ticket{grid-template-rows:22px 26px 19px 6px 13px;padding:5px 3px}.ramen-ticket-face{font-size:21px}.ramen-ticket strong{font-size:10px}.ramen-ticket>span:nth-of-type(2){font-size:10px}.ramen-ticket small{font-size:9px}.ramen-counter{gap:7px;padding:8px}.ramen-pot-panel,.ramen-bowl-panel{padding:6px 3px}.ramen-pot,.ramen-bowl{width:91px;height:72px;border-width:6px}.ramen-pot-icon{font-size:31px}.ramen-bowl-food{font-size:35px}.ramen-steam{top:-27px;font-size:18px}.ramen-ingredients{margin:11px 0 6px}.ramen-group{gap:5px;grid-template-columns:43px repeat(3,minmax(0,1fr))}.ramen-group button{min-height:48px;font-size:11px}.ramen-group button span{font-size:18px}.ramen-group-title{font-size:11px}.ramen-dialog{padding:19px 15px}.ramen-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ramen-steam,.ramen-pot.is-cooking .ramen-steam{animation:none}}