.juice-world{--juice-bg:#FFF1E3;--juice-ink:#2B2233;position:relative;isolation:isolate;contain:layout paint;width:100%;max-width:320px;min-height:356px;padding:13px 13px 11px;background:var(--juice-bg);color:var(--juice-ink);border:3px solid #FFC93C;border-radius:24px;box-shadow:0 5px 0 #D9A73944;overflow:hidden;font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;line-height:1.45;transition:background-color .3s}.juice-world *{box-sizing:border-box}.juice-heading{position:relative;z-index:2;text-align:center;line-height:1.4}.juice-label{display:block;font-size:9px;font-weight:600;color:#765645;letter-spacing:.03em;margin-bottom:3px}.juice-title{font-size:19px;font-weight:750;letter-spacing:-.03em;display:block;color:#663B34}.juice-scene{position:relative;height:181px;margin-top:3px}.juice-pot{position:absolute;left:0;right:0;bottom:-10px;z-index:2;transform-origin:50% 77%;will-change:transform}.juice-pot svg{width:100%;height:auto;max-height:205px;display:block;overflow:visible}.pot-illustration{display:block;overflow:visible}.juice-sun{position:absolute;width:39px;height:39px;border-radius:50%;background:#FFC93C;left:10px;top:18px;box-shadow:0 0 0 7px #FFC93C22;transition:background .3s,transform .3s}.juice-world[data-phase=sunset] .juice-sun{background:#FF8C55;transform:translateY(31px)}.juice-world[data-phase=night] .juice-sun{background:#FFF3B2;box-shadow:-8px 0 0 0 #63382F inset,0 0 0 6px #FFF3B217}.juice-night-stars{position:absolute;right:4px;top:16px;font-size:20px;letter-spacing:9px;color:#FFFBE0;display:none}.juice-world[data-phase=night] .juice-night-stars{display:block}.juice-world[data-phase=night] .juice-title{color:#FFF5D8}.juice-world[data-phase=night] .juice-label{color:#FFD2A8}.juice-speech{position:absolute;z-index:4;left:30px;right:0;top:2px;max-width:210px;margin:auto;padding:5px 8px;border:1.5px solid #E2B58D;border-radius:12px;background:#FFFEF4;color:#7E4B3B;font-size:9px;font-weight:600;text-align:center;line-height:1.45;box-shadow:0 2px 0 #E4BC9922;pointer-events:none}.juice-speech:after{content:"";position:absolute;bottom:-5px;left:49%;width:7px;height:7px;background:#FFFEF4;border-right:1.5px solid #E2B58D;border-bottom:1.5px solid #E2B58D;transform:rotate(45deg)}.juice-speech.speaking{border-color:#FF9C48;color:#713629;background:#FFF9DE}.juice-speech.speaking:after{background:#FFF9DE;border-color:#FF9C48}.juice-points{position:absolute;z-index:6;right:12px;top:64px;padding:1px 8px;background:#FFFEF1;border:2px solid #FFC93C;border-radius:11px;font-size:22px;line-height:1.25;font-weight:900;color:#FF5A4E;text-shadow:0 1px #FFFFFF;box-shadow:0 3px 0 #DE9D3033;pointer-events:none}.juice-points[hidden]{display:none}.juice-particles{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none}.juice-particle{position:absolute;left:52%;top:61%;font-style:normal;font-size:17px;line-height:1;color:var(--particle-color);pointer-events:none}.juice-particle.dot{width:7px;height:7px;border-radius:3px;background:var(--particle-color)}.juice-goal{position:relative;z-index:3;padding:0 3px;margin:3px 0 9px}.juice-next{display:flex;justify-content:space-between;gap:5px;align-items:baseline;font-size:9px;line-height:1.4;margin-bottom:5px}.juice-next>span{max-width:70%;color:#69493C}.juice-next>strong{font-size:10px;white-space:nowrap;color:#A34B2D}.juice-meter{height:10px;border:1.5px solid #D6A96F;background:#FFFEF6;border-radius:7px;overflow:hidden}.juice-meter>span{display:block;width:0;height:100%;border-radius:5px;background:#FFC93C;box-shadow:0 2px 0 #FFE595 inset;transition:width .18s ease-out}.juice-missions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative;z-index:3;padding-top:9px;border-top:1px dashed #C69D7966}.juice-order{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}.juice-order-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#FFFBF1;border:1.5px solid #D5AA7B;font-size:12px;font-weight:800;color:#B47A40;line-height:1;box-shadow:0 2px 0 #CFAD8522}.juice-order:nth-child(2) .juice-order-icon{border-radius:50%}.juice-order-label{font-size:8px;line-height:1.25;color:#6C503F;white-space:nowrap;letter-spacing:-.04em}.juice-order>strong{font-size:8px;line-height:1.2;font-weight:650;color:#977657}.juice-order.done .juice-order-icon{background:#FFC93C;color:#713F26;border-color:#D88F28;box-shadow:0 2px 0 #A7632733}.juice-order.done>strong{color:#9B4A27;font-weight:750}.juice-world[data-phase=night] .juice-next>span,.juice-world[data-phase=night] .juice-order-label{color:#FFE9CE}.juice-world[data-phase=night] .juice-next>strong{color:#FFD07A}.juice-world[data-motion=standard]:not([data-lite=true]) .pot-steam{animation:juice-simmer 2.5s ease-in-out infinite;transform-origin:50% 50%}.juice-world[data-motion=off] *{animation:none!important;transition:none!important}.juice-world[data-lite=true] .pot-steam{animation:none}.juice-world[data-effects=off] .juice-particles{display:none}
@keyframes juice-simmer{0%,100%{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media(max-width:740px){.juice-world{max-width:none;min-height:146px;height:150px;padding:9px 11px 9px 133px;border-radius:20px;border-width:2.5px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 4px 0 #D9A73933}.juice-heading{text-align:left;min-height:30px}.juice-label{font-size:7px;margin:0 0 1px}.juice-title{font-size:15px;line-height:1.25}.juice-scene{position:absolute;left:0;top:4px;width:132px;height:132px;margin:0}.juice-pot{left:-10px;right:-10px;bottom:-6px}.juice-pot svg{max-height:134px;width:152px}.juice-sun{width:22px;height:22px;left:8px;top:17px;box-shadow:0 0 0 4px #FFC93C22}.juice-world[data-phase=sunset] .juice-sun{transform:translateY(21px)}.juice-night-stars{font-size:11px;letter-spacing:3px;right:0;top:12px}.juice-speech{left:18px;right:3px;top:1px;max-width:111px;padding:3px 5px;font-size:7px;line-height:1.35;border-width:1px;border-radius:8px}.juice-speech:after{width:5px;height:5px;bottom:-3.5px;border-width:1px}.juice-points{font-size:16px;right:0;top:48px;padding:1px 5px;border-radius:8px;border-width:1.5px}.juice-particle{font-size:13px}.juice-particle.dot{width:5px;height:5px}.juice-goal{margin:2px 0 0;padding:0}.juice-next{font-size:8px;margin-bottom:4px;gap:3px}.juice-next>strong{font-size:9px}.juice-meter{height:8px;border-width:1px}.juice-missions{gap:3px;padding-top:5px}.juice-order{gap:2px}.juice-order-icon{width:17px;height:17px;font-size:9px;border-width:1px;border-radius:5px}.juice-order-label{font-size:7px;letter-spacing:-.08em}.juice-order>strong{font-size:7px}.juice-world[data-phase=night] .juice-sun{box-shadow:-5px 0 0 0 #63382F inset}}
@media(prefers-reduced-motion:reduce){.juice-world,.juice-world *{animation:none!important;transition:none!important}}

.juice-world[data-phase=night] .juice-order>strong{color:#FFD5B1}.juice-world[data-phase=night] .juice-order.done>strong{color:#FFE392}.juice-world[data-phase=night] .juice-missions{border-color:#F4C39C55}

/* Text and artwork own separate grid cells; resizing never overlays a label. */
.juice-world{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'speech' 'art' 'goal' 'missions';gap:7px;height:auto;min-height:0;padding:12px}
.juice-heading{grid-area:heading;min-width:0}
.juice-title{overflow-wrap:anywhere}
.juice-speech{grid-area:speech;position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:5px 7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.juice-speech:after{display:none}
.juice-scene{grid-area:art;position:relative;inset:auto;width:100%;height:160px;margin:0;min-width:0;overflow:hidden}
.juice-pot{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 60%}
.juice-pot svg{width:100%;height:100%;max-height:100%;object-fit:contain}
.juice-goal{grid-area:goal;margin:0;min-width:0}
.juice-next{flex-wrap:wrap;gap:2px 8px;font-size:10px}
.juice-next>span{max-width:100%;overflow-wrap:anywhere}
.juice-next>strong{font-size:10px;margin-left:auto}
.juice-missions{grid-area:missions;min-width:0}
.juice-order-label{white-space:normal;font-size:9px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
.juice-order>strong{font-size:9px}
.juice-points{top:10px;right:5px;font-size:18px}
@media(max-width:740px){
 .juice-world{grid-template-columns:76px minmax(0,1fr);grid-template-areas:'art heading' 'art goal' 'speech speech';gap:3px 10px;height:auto;min-height:0;padding:7px 10px;align-items:center}
 .juice-heading{text-align:left;min-height:0;line-height:1.3}
 .juice-label{display:none}
 .juice-title{font-size:14px;line-height:1.4}
 .juice-scene{width:76px;height:64px;align-self:center}
 .juice-pot{inset:0}
 .juice-pot svg{width:100%;height:100%;max-height:100%}
 .juice-speech{position:relative;inset:auto;max-width:none;padding:3px 6px;font-size:10px;line-height:1.4}
 .juice-goal{padding:0;margin:0}
 .juice-next{font-size:10px;line-height:1.4}
 .juice-next>strong{font-size:10px}
 .juice-meter{height:8px}
 .juice-missions{display:none}
 .juice-sun{width:16px;height:16px;top:3px;left:3px}
 .juice-night-stars{font-size:10px;right:0;top:2px;letter-spacing:2px}
 .juice-points{font-size:13px;top:1px;right:0;padding:1px 3px}
}