/* A warm soup cart and a growing shared table; artwork uses only local CSS. */
.soup-home{--soup-ink:#573c2d;--soup-clay:#a95839;--soup-honey:#d3a65f;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:24px 48px;align-items:start;padding:28px 0 64px;color:var(--soup-ink)}
.soup-name{grid-column:1;grid-row:1;text-align:center;min-width:0}.soup-duty{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#a07d58}.soup-name h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:10px 0;letter-spacing:-.04em}.soup-name p{font-size:14px;color:#9b7c65}.soup-next{grid-column:2;grid-row:1/span 2;padding:28px;border:1px solid #ddcbb5;border-top:5px solid var(--soup-honey);border-radius:5px 5px 20px 20px;background:linear-gradient(130deg,#fff8e8,#f4e5cd);box-shadow:0 12px 30px #75462710;min-width:0}.soup-next-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a28a65;margin-bottom:22px}.soup-next-heading b{font:500 12px ui-monospace,monospace}.soup-next h2{font-size:29px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:12px}.soup-next>p{font-size:14px;line-height:1.55;color:#8f7058}.soup-start{margin-top:22px;min-height:58px;width:100%;display:flex;justify-content:space-between;border-radius:12px;background:var(--soup-clay);box-shadow:0 4px 0 #7e3e2c}.soup-start>span:last-child{font-size:24px}.soup-pocket{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #e2cdb2;font-size:10px;color:#a08a6b}.soup-pocket b{font-size:12px;color:#866249}
.soup-table-note{grid-column:1;grid-row:3;text-align:center;font-size:12px;line-height:1.6;padding:0 18px;color:#9c7b60}.soup-actions{grid-column:2;grid-row:3;display:flex;gap:8px;flex-wrap:wrap;align-self:center}.soup-actions .quiet{flex:1;min-height:44px;padding:12px 9px;background:#f6e8d1;border-color:#dfc8a9;color:#926a4e;font-size:11px}.soup-directory{grid-column:1/-1;grid-row:4;max-width:840px;width:100%;margin:20px auto 0}.soup-directory-title{text-align:center;margin-bottom:22px}.soup-directory-title h2{font-size:28px}.soup-directory-title p{font-size:12px;color:#ac9576;margin-top:6px}.soup-zone{border-bottom:1px solid #e0ceb5;padding:5px 0}.soup-zone>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 5px;cursor:pointer}.soup-zone>summary::-webkit-details-marker{display:none}.soup-route-number{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:3px solid #d2b587;border-radius:50%;background:#fff4da;color:#937245;font:16px ui-monospace,monospace}.soup-zone-served .soup-route-number{background:#efd38d;border-color:#c79854;color:#8f622c}.soup-zone summary>span:nth-child(2){flex:1}.soup-zone summary b{display:block;font-size:15px}.soup-zone summary small{display:block;font-size:10px;color:#ab9579;margin-top:4px}.soup-zone summary>i{font-size:22px;font-style:normal;color:#ac885b}.soup-delivery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:5px 0 18px}.soup-home .soup-delivery{height:auto;min-height:91px;min-width:0;background:#faf0dd;border:1px solid #e3d0ad;color:#957451;border-radius:9px;padding:10px 7px;display:flex;flex-direction:column;gap:5px;align-items:center;box-shadow:inset 0 2px 0 #ffffff88}.soup-delivery b{font:600 15px ui-monospace,monospace}.soup-delivery>span{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.soup-delivery small{font-size:10px;margin-top:auto;color:#a29268}.soup-home .soup-delivery.current{background:#f3d6a0;border-color:#cda56c;outline:2px solid #cda56c;outline-offset:-1px}.soup-home .soup-delivery.completed{background:#efe6c6;border-color:#d9c599}.soup-delivery:disabled{opacity:.5}.soup-secondary{grid-column:1/-1;border-top:1px solid #e8d7bd;max-width:840px;width:100%;margin:5px auto 0}.soup-secondary>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#a18460;font-size:12px}.soup-secondary>div{padding:12px 0}.soup-zone>summary:focus-visible,.soup-secondary>summary:focus-visible{outline:3px solid #ae7954;outline-offset:1px}
[dir=rtl] .soup-name h1,[dir=rtl] .soup-duty{letter-spacing:0}[dir=rtl] .soup-delivery>span{line-height:1.5}
@media(max-width:850px){.soup-home{grid-template-columns:minmax(0,1fr);max-width:550px;margin:auto;padding-top:14px;gap:16px}.soup-name,.soup-next,.soup-cart-scene,.soup-table-note,.soup-actions,.soup-directory,.soup-secondary{grid-column:1}.soup-name{grid-row:1}.soup-next{grid-row:2;padding:20px}.soup-cart-scene{grid-row:3;height:315px}.soup-table-note{grid-row:4}.soup-actions{grid-row:5}.soup-directory{grid-row:6;margin-top:12px}.soup-name h1{font-size:39px;margin:8px 0}.soup-name p{font-size:12px}.soup-duty{font-size:10px}.soup-next-heading{margin-bottom:12px}.soup-next h2{font-size:25px;margin-bottom:9px}.soup-next>p{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.soup-start{margin-top:15px;min-height:54px}.soup-pocket{margin-top:16px;padding-top:12px}.soup-delivery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:390px){.soup-home{padding-top:9px;gap:13px}.soup-name h1{font-size:34px}.soup-next{padding:16px}.soup-next h2{font-size:22px}.soup-next>p{font-size:12px}.soup-next-heading{font-size:10px}.soup-actions .quiet{font-size:10px}.soup-delivery-grid{gap:6px}.soup-delivery>span{font-size:9px}}
.soup-cart-scene{grid-column:1;grid-row:2;position:relative;isolation:isolate;height:340px;overflow:hidden;margin:0;border-radius:120px 120px 24px 24px;border:6px solid #fff8e7;background:#f5ddbd;box-shadow:0 12px 30px #9f6c3715;direction:ltr;perspective:700px}.soup-scene-sky{position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,#fff4ce 0 29px,transparent 30px),linear-gradient(#dbe5d2,#f6e4c8)}.soup-scene-houses{position:absolute;left:5%;right:5%;bottom:72px;display:flex;gap:30px;align-items:end;opacity:.45}.soup-scene-houses i{display:block;width:74px;height:119px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(90deg,transparent 0 13px,#b6bba0 14px 22px,transparent 23px 34px) 0 16px/100% 22px,#d5c4a8}.soup-scene-houses i:nth-child(2){height:154px;background-color:#c7cbb1}.soup-scene-houses i:nth-child(3){height:101px}.soup-scene-ground{position:absolute;left:0;right:0;bottom:0;height:75px;background:repeating-linear-gradient(0deg,transparent 0 23px,#b9a38840 24px 26px),#d4c29f;border-top:6px solid #ead6b2;transform:rotateX(14deg);transform-origin:bottom}
.soup-cart{position:absolute;width:230px;height:245px;left:calc(50% - 115px);bottom:32px}.soup-awning{position:absolute;left:-10px;right:-10px;top:15px;height:43px;background:repeating-linear-gradient(90deg,#be6f4e 0 25px,#f5dab0 25px 50px);border-radius:12px 12px 0 0;transform:perspective(250px) rotateX(18deg);border-top:5px solid #e6b887;box-shadow:0 6px 0 #a2653b18}.soup-awning:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:17px;border-radius:0 0 12px 12px;background:repeating-linear-gradient(90deg,#ad5b40 0 25px,#e9cca0 25px 50px)}.soup-cart-poles{position:absolute;left:0;right:0;top:39px;height:116px;border-left:6px solid #9c7752;border-right:6px solid #9c7752}.soup-counter{position:absolute;left:-10px;right:-10px;top:148px;height:12px;border-radius:5px;background:#c69962;box-shadow:0 5px 0 #9d744a}.soup-cart-body{position:absolute;top:160px;left:0;right:0;height:61px;border:5px solid #bc7651;border-radius:0 0 10px 10px;background:repeating-linear-gradient(90deg,#d39365 0 25px,#c7875c 26px 28px)}.soup-cart-body i{position:absolute;left:calc(50% - 24px);top:10px;width:48px;height:33px;border-radius:50%;background:#f6e6c2;border:3px solid #e5c591}.soup-cart-body i:after{content:"";position:absolute;left:10px;right:10px;top:10px;height:10px;border-radius:0 0 50% 50%;background:#b96d49}.soup-wheel{position:absolute;bottom:3px;width:37px;height:37px;border:8px solid #747a66;border-radius:50%;background:#d4cbaa;box-shadow:0 0 0 2px #5a6652}.soup-wheel-left{left:20px}.soup-wheel-right{right:20px}
.soup-pot{position:absolute;left:18px;top:96px;width:70px;height:53px;border-radius:8px 8px 20px 20px;background:linear-gradient(90deg,#adb6a0,#d8ddbd 45%,#a7b098);border:3px solid #919f88;box-shadow:inset 0 7px 0 #8c9b8555}.soup-pot:before,.soup-pot:after{content:"";position:absolute;top:7px;width:15px;height:20px;border:4px solid #8d9c88;border-radius:6px}.soup-pot:before{left:-16px}.soup-pot:after{right:-16px}.soup-pot i{position:absolute;left:-5px;right:-5px;top:-6px;height:12px;border-radius:50%;background:#b8c4a9;border:3px solid #93a286}.soup-menu-bowl{position:absolute;left:118px;top:113px;width:78px;height:34px;border-radius:4px 4px 39px 39px;background:linear-gradient(90deg,#e9c798,#fff3d2 35%,#eed4a8);border:3px solid #fdf2d7;box-shadow:0 4px 0 #81593420}.soup-surface{position:absolute;left:-3px;right:-3px;top:-9px;height:17px;border:4px solid #fff3d9;border-radius:50%;background:#d38945;box-shadow:inset 0 2px 3px #b66a3433}.soup-garnish{position:absolute;left:22px;top:-3px;width:9px;height:3px;background:#7b9552;border-radius:50%;transform:rotate(20deg);box-shadow:13px 0 0 #94a466,7px 5px 0 #638747}.soup-steam{position:absolute;left:130px;top:72px;width:60px;height:33px}.soup-steam i{position:absolute;left:4px;width:8px;height:30px;border-left:3px solid #fffdf3aa;border-radius:50%;animation:soup-steam-rise 3s ease-in-out infinite}.soup-steam i:nth-child(2){left:23px;top:-9px;animation-delay:-1s}.soup-steam i:nth-child(3){left:43px;top:4px;animation-delay:-2s}.soup-ladle{position:absolute;left:97px;top:81px;width:7px;height:57px;border-radius:4px;background:#768c78;transform:rotate(22deg)}.soup-ladle:after{content:"";position:absolute;left:-5px;bottom:-6px;width:20px;height:14px;border-radius:50%;background:#a7b79b;border:3px solid #7f967e}
.soup-flower{position:absolute;left:8%;bottom:54px;width:21px;height:23px;background:#b96c4b;border-radius:3px 3px 6px 6px}.soup-flower i{position:absolute;left:8px;top:-29px;width:4px;height:30px;background:#809056}.soup-flower i:after{content:"";position:absolute;left:-7px;top:-5px;width:18px;height:18px;border:5px solid #efce82;background:#aa7a40;border-radius:50%}.soup-picnic-cloth{position:absolute;left:5%;bottom:5px;width:93px;height:25px;border-radius:50%;background:repeating-conic-gradient(#d5a780 0 25%,#f3ddba 0 50%) 50%/16px 16px;transform:rotate(-6deg)}.soup-chair{position:absolute;right:3%;bottom:20px;width:40px;height:48px;border:5px solid #9a7851;border-top:16px solid #c7a16b;background:transparent}.soup-chair:after{content:"";position:absolute;left:-6px;right:-6px;bottom:14px;height:6px;background:#bb925e}.soup-lantern{position:absolute;left:8%;top:57px;width:26px;height:31px;border:4px solid #a98750;border-radius:7px;background:#f2d790;box-shadow:0 0 28px #fff2b4}.soup-lantern:before{content:"";position:absolute;left:7px;top:-27px;height:24px;border-left:2px solid #91794e}.soup-customer,.soup-friend{position:absolute;right:7%;bottom:61px;width:39px;height:79px}.soup-customer i,.soup-friend i{position:absolute;left:9px;top:0;width:23px;height:26px;background:#d7a179;border-radius:50%;border-top:7px solid #7d694c}.soup-customer b,.soup-friend b{position:absolute;left:4px;top:25px;width:34px;height:49px;border-radius:16px 16px 5px 5px;background:#839886;border-bottom:12px solid #817959}.soup-friend{left:5%;right:auto;bottom:36px;transform:scale(.85)}.soup-friend b{background:#b18775}.soup-shared-table{position:absolute;left:18%;right:9%;bottom:8px;height:24px;background:#ba9464;border-top:7px solid #e1bb82;border-left:8px solid #ba9464;border-right:8px solid #ba9464;border-radius:50% 50% 0 0}.soup-shared-table i{position:absolute;left:15%;top:-12px;width:24px;height:10px;border-radius:0 0 50% 50%;background:#f6e3bf}.soup-shared-table i:nth-child(2){left:47%}.soup-shared-table i:nth-child(3){left:78%}.soup-route-1 .soup-scene-sky{background:radial-gradient(ellipse at 12% 60%,#a7bf90 0 40px,transparent 41px),radial-gradient(ellipse at 89% 50%,#bbcda0 0 59px,transparent 60px),#e1e9ca}.soup-route-3 .soup-scene-sky{background:linear-gradient(#d4e1df 55%,#aac5be 56% 70%,#d8c69e 71%)}.soup-route-4 .soup-scene-houses{opacity:.25;transform:skewY(-4deg)}.soup-route-5 .soup-awning{background:repeating-linear-gradient(90deg,#ac7d59 0 25px,#f5dab0 25px 50px)}
@keyframes soup-steam-rise{0%{transform:translateY(6px) scaleX(.9);opacity:0}40%{opacity:.8}100%{transform:translateY(-13px) scaleX(1.3);opacity:0}}
@media(max-width:850px){.soup-cart-scene{grid-row:3;height:305px}.soup-cart{bottom:17px;transform:scale(.95);transform-origin:center bottom}.soup-customer{right:3%}.soup-scene-houses{gap:15px}}
@media(max-width:390px){.soup-cart-scene{height:280px}.soup-cart{bottom:17px;transform:scale(.88)}.soup-flower{left:5%}.soup-shared-table{left:13%}}
@media(prefers-reduced-motion:reduce){.soup-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.soup-steam i{opacity:.6}}