:root{--yellow: #FFC233;--yellow-deep: #F2A900;--yellow-soft: #FFE6A6;--ink: #1B1B1B;--chalk: #FFF8E7;--road: #3A3A3A;--green: #19B36B;--red: #E5484D;--paper: #FFFDF7;--sand: #F3EBD6;--muted: #5C5647;--line: rgba(27, 27, 27, .12);--font-head: "Lemonada", "Tajawal", system-ui, sans-serif;--font-body: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 10px;--r: 16px;--r-lg: 24px;--hard: 4px 4px 0 var(--ink);--shadow: 0 1px 0 rgba(27,27,27,.06), 0 10px 24px -14px rgba(27,27,27,.35);--ease: cubic-bezier(.2, .8, .2, 1);--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--chalk);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.25;margin:0}h1{font-size:1.45rem}h2{font-size:1.12rem}h3{font-size:1rem}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:6px}.shell{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 24px + var(--safe-b))}.main--narrow{max-width:520px}.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{display:flex;flex-direction:column;gap:20px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.78rem}.bold{font-weight:700}.center{text-align:center}.mt{margin-top:16px}.mt-lg{margin-top:28px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.topbar{position:sticky;top:0;z-index:30;background:var(--yellow);border-bottom:2px solid var(--ink)}.topbar__in{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;min-height:60px}.wordmark{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-head);font-size:1.25rem}.wordmark img{width:34px;height:34px}.loc-chip{display:flex;align-items:center;gap:6px;min-width:0;flex:1;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:5px 12px;text-decoration:none;font-size:.9rem;line-height:1.3}.loc-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-chip svg{flex:none}.topnav{display:none;gap:4px}.topnav a{text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:700;position:relative}.topnav a.active{background:var(--ink);color:var(--yellow)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:999px;border:2px solid var(--ink);background:var(--paper);cursor:pointer;text-decoration:none}.pagehead{display:flex;align-items:center;gap:10px;padding:16px 0 8px}.pagehead h1{flex:1}.bottomnav{position:fixed;inset:auto 0 0;z-index:30;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--ink);color:var(--chalk);display:grid;grid-template-columns:repeat(4,1fr)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:.78rem;color:#bdb6a6;position:relative}.bottomnav a.active{color:var(--yellow)}.bottomnav a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--yellow)}.badge{position:absolute;top:6px;inset-inline-start:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;line-height:18px;text-align:center}.topnav .badge{top:-2px;inset-inline-start:auto;inset-inline-end:-4px}@media (min-width: 860px){.bottomnav{display:none}.topnav{display:flex}.main{padding-bottom:48px}.loc-chip{flex:0 1 340px}h1{font-size:1.7rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;cursor:pointer;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-weight:800;font-size:1rem;text-decoration:none;box-shadow:var(--hard);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn--block{width:100%}.btn--dark{background:var(--ink);color:var(--yellow);box-shadow:4px 4px 0 var(--yellow-deep)}.btn--ghost{background:transparent;box-shadow:none}.btn--light{background:var(--paper);box-shadow:none}.btn--danger{background:var(--paper);color:var(--red);border-color:var(--red);box-shadow:none}.btn--sm{min-height:38px;padding:0 14px;font-size:.9rem;box-shadow:none}.link{background:none;border:0;padding:0;cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:700;font-size:.92rem}.input,.textarea,.select{width:100%;min-height:50px;padding:10px 14px;border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--paper);font-size:1rem;outline:none}.textarea{min-height:84px;resize:vertical}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 3px var(--yellow)}.input.err,.textarea.err{border-color:var(--red)}.ferr{color:var(--red);font-size:.85rem;font-weight:500}.phone-in{display:flex;gap:8px;direction:ltr}.phone-in .select{width:104px;flex:none}.pw-wrap{position:relative}.pw-wrap .input{padding-inline:14px;padding-right:72px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;font-weight:700;font-size:.85rem;cursor:pointer;padding:8px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:.82rem;color:var(--muted)}.checks .ok{color:var(--green);font-weight:700}.otp{display:flex;gap:8px;direction:ltr;justify-content:center}.otp input{width:46px;height:56px;text-align:center;font-size:1.4rem;font-weight:800;border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--paper)}.otp input:focus{box-shadow:0 0 0 3px var(--yellow);outline:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:2px solid var(--ink);border-radius:999px;padding:3px;background:var(--paper)}.seg button{border:0;background:none;border-radius:999px;min-height:40px;font-weight:700;cursor:pointer}.seg button.on{background:var(--ink);color:var(--yellow)}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap;text-decoration:none}.chip.on{background:var(--ink);color:var(--yellow)}.card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);padding:16px}.card--flat{border-width:1px;border-color:var(--line)}.road{height:6px;background:repeating-linear-gradient(90deg,var(--yellow) 0 22px,transparent 22px 36px);border-radius:3px}.notice{border-radius:var(--r-sm);padding:10px 14px;background:var(--yellow-soft);border:1px solid var(--yellow-deep);font-size:.92rem}.notice--err{background:#fde8e8;border-color:var(--red);color:#8b1d20;white-space:pre-line}.notice--ok{background:#e3f6ec;border-color:var(--green);color:#0d6b3e}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.pill--open{background:#e3f6ec;color:#0d6b3e}.pill--closed{background:#fde8e8;color:#8b1d20}.pill--status{background:var(--ink);color:var(--yellow)}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border:2px solid var(--ink);border-radius:var(--r);background:var(--paper);cursor:pointer;font-weight:700;font-size:.9rem;text-align:center}.module.on{background:var(--yellow);box-shadow:var(--hard)}.module__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--sand);overflow:hidden}.module__icon img{width:100%;height:100%;object-fit:cover}@media (min-width: 600px){.modules{grid-template-columns:repeat(6,1fr)}}.banners{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.banners::-webkit-scrollbar{display:none}.banner{scroll-snap-align:start;aspect-ratio:2.4 / 1;border-radius:var(--r);overflow:hidden;border:2px solid var(--ink);background:var(--ink);color:var(--yellow);position:relative;display:block;text-decoration:none}.banner img{width:100%;height:100%;object-fit:cover}.banner__fallback{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--font-head);font-size:1.15rem}@media (min-width: 860px){.banners{grid-auto-columns:calc(50% - 6px)}}.store-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.store-grid{grid-template-columns:1fr 1fr}}@media (min-width: 980px){.store-grid{grid-template-columns:1fr 1fr 1fr}}.store-card{display:flex;gap:12px;align-items:center;padding:12px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);text-decoration:none}.store-card.is-closed{opacity:.78}.store-card__logo{width:64px;height:64px;flex:none;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.store-card h3{font-family:var(--font-body);font-size:1.02rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.store-hero{position:relative;margin:0 -16px}.store-hero__cover{height:150px;background:var(--ink);overflow:hidden}.store-hero__cover img{width:100%;height:100%;object-fit:cover;opacity:.85}.store-hero__body{position:relative;margin:-40px 16px 0}.store-hero__logo{width:76px;height:76px;border-radius:18px;overflow:hidden;border:2px solid var(--ink);background:var(--paper);flex:none}@media (min-width: 860px){.store-hero{margin:16px 0 0}.store-hero__cover{height:220px;border-radius:var(--r-lg);border:2px solid var(--ink)}}.sticky-tools{position:sticky;top:60px;z-index:20;background:var(--chalk);padding:10px 0 4px}.item-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.item-grid{grid-template-columns:1fr 1fr}}@media (min-width: 980px){.item-grid{grid-template-columns:1fr 1fr 1fr}}.item-card{display:flex;gap:12px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);align-items:stretch;cursor:pointer;text-align:start;width:100%}.item-card:hover{border-color:var(--ink)}.item-card__img{width:92px;height:92px;flex:none;border-radius:12px;overflow:hidden;background:var(--sand)}.item-card__img img{width:100%;height:100%;object-fit:cover}.item-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-card__name{font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-weight:800}.price s{color:var(--muted);font-weight:500;font-size:.85em;margin-inline-start:6px}.add-btn{margin-top:auto;align-self:flex-end;width:36px;height:36px;border-radius:999px;border:2px solid var(--ink);background:var(--yellow);display:grid;place-items:center;font-size:1.3rem;font-weight:800;line-height:1}.stock-out{color:var(--red);font-weight:700;font-size:.82rem}.overlay{position:fixed;inset:0;z-index:60;background:#1b1b1b8c;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s var(--ease)}.sheet{width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--chalk);border-radius:var(--r-lg) var(--r-lg) 0 0;border:2px solid var(--ink);border-bottom:0;animation:up .22s var(--ease)}.sheet__scroll{overflow-y:auto;padding:0 16px 16px}.sheet__grab{width:44px;height:5px;border-radius:3px;background:var(--road);opacity:.4;margin:8px auto}.sheet__foot{padding:12px 16px calc(12px + var(--safe-b));border-top:1px solid var(--line);background:var(--paper)}.sheet__img{aspect-ratio:16 / 10;border-radius:var(--r);overflow:hidden;background:var(--sand);margin-bottom:12px}.sheet__img img{width:100%;height:100%;object-fit:cover}@media (min-width: 640px){.overlay{align-items:center}.sheet{border-radius:var(--r-lg);border-bottom:2px solid var(--ink)}}@keyframes up{0%{transform:translateY(30px);opacity:0}}@keyframes fade{0%{opacity:0}}.opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);cursor:pointer}.opt.on{border:2px solid var(--ink);background:var(--yellow-soft);padding:9px 11px}.opt input{accent-color:var(--ink);width:18px;height:18px}.stepper{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}.stepper button{width:40px;height:40px;border:0;background:none;font-size:1.25rem;font-weight:800;cursor:pointer}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper output{min-width:28px;text-align:center;font-weight:800}.stepper--sm button{width:32px;height:32px;font-size:1.05rem}.line{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.line:last-child{border-bottom:0}.line__img{width:60px;height:60px;border-radius:10px;overflow:hidden;flex:none;background:var(--sand)}.line__img img{width:100%;height:100%;object-fit:cover}.sum{display:flex;flex-direction:column;gap:6px}.sum div{display:flex;justify-content:space-between;gap:12px}.sum .total{border-top:2px solid var(--ink);padding-top:10px;margin-top:4px;font-weight:800;font-size:1.1rem}.two-col{display:grid;gap:16px}@media (min-width: 900px){.two-col{grid-template-columns:1.4fr 1fr;align-items:start}.two-col>:last-child{position:sticky;top:80px}}.paybar{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:10}@media (min-width: 860px){.paybar{bottom:16px}}.cart-float{position:fixed;z-index:25;inset-inline:16px;bottom:calc(var(--nav-h) + var(--safe-b) + 10px);display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;background:var(--ink);color:var(--yellow);border-radius:999px;padding:12px 20px;font-weight:800;box-shadow:4px 4px 0 var(--yellow-deep);max-width:560px;margin:0 auto}@media (min-width: 860px){.cart-float{bottom:20px}}.order-card{display:block;text-decoration:none}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.timeline li{position:relative;padding:0 30px 18px 0;color:var(--muted)}[dir=ltr] .timeline li{padding:0 0 18px 30px}.timeline li:before{content:"";position:absolute;inset-inline-start:0;top:5px;width:14px;height:14px;border-radius:50%;border:2px solid var(--road);background:var(--paper)}.timeline li:after{content:"";position:absolute;inset-inline-start:7px;top:21px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:after{display:none}.timeline li.done{color:var(--ink);font-weight:700}.timeline li.done:before{background:var(--green);border-color:var(--green)}.timeline li.now:before{background:var(--yellow);border-color:var(--ink);box-shadow:0 0 0 4px var(--yellow-soft)}.rider{display:flex;gap:12px;align-items:center}.rider__img{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid var(--ink);flex:none}.map{height:46dvh;min-height:280px;border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;position:relative;background:var(--sand)}.map__pin{position:absolute;left:50%;top:50%;z-index:500;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.map .leaflet-container{width:100%;height:100%;font-family:var(--font-body)}.sk{background:linear-gradient(90deg,var(--sand) 0,#FBF3DF 50%,var(--sand) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:var(--r-sm)}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.sk,.overlay,.sheet{animation:none}}.toast{position:fixed;z-index:80;inset-inline:16px;top:72px;margin:0 auto;max-width:440px;padding:12px 16px;border-radius:var(--r-sm);background:var(--ink);color:var(--chalk);font-weight:700;box-shadow:var(--shadow);animation:fade .2s;white-space:pre-line}.toast--err{background:var(--red);color:#fff}.offline-bar{background:var(--road);color:var(--chalk);text-align:center;font-size:.85rem;padding:6px 12px}.auth{max-width:440px;margin:0 auto;padding:24px 0 40px}.auth__mark{width:64px;height:64px;margin-bottom:12px}.footer{border-top:2px solid var(--ink);background:var(--ink);color:#bdb6a6;padding:20px 16px calc(var(--nav-h) + 28px + var(--safe-b));font-size:.88rem}.footer a{color:var(--yellow)}@media (min-width: 860px){.footer{padding-bottom:24px}}.footer__in{max-width:1120px;margin:0 auto;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:center}.menu{display:flex;flex-direction:column}.menu a,.menu button{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-decoration:none;font-weight:700;cursor:pointer;text-align:start}.menu>:last-child{border-bottom:0}[dir=ltr] .flip-rtl{transform:scaleX(-1)}.banner{padding:0;cursor:pointer;width:100%}.btn.is-disabled{opacity:.55;pointer-events:none;box-shadow:none}.store-hero__cover:empty{height:110px;background:linear-gradient(var(--road),var(--road)) center / 100% 4px no-repeat,var(--ink);background-image:repeating-linear-gradient(90deg,var(--yellow) 0 26px,transparent 26px 44px);background-size:100% 4px;background-position:center 42%;background-color:var(--ink)}@media (min-width: 860px){.store-hero__cover:empty{height:140px}}.ph{--bg: var(--yellow);--fg: var(--ink);--lane: var(--ink);position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:var(--bg);color:var(--fg)}.ph.t-yellow{--bg: var(--yellow);--fg: var(--ink);--lane: var(--ink)}.ph.t-ink{--bg: var(--ink);--fg: var(--yellow);--lane: var(--yellow)}.ph.t-road{--bg: var(--road);--fg: var(--chalk);--lane: var(--yellow)}.ph.t-sand{--bg: var(--sand);--fg: var(--ink);--lane: var(--road)}.ph.t-green{--bg: #D7F2E4;--fg: #0D6B3E;--lane: var(--green)}.ph.t-chalk{--bg: var(--paper);--fg: var(--ink);--lane: var(--yellow-deep)}.ph__mono{font-family:var(--font-head);font-weight:700;font-size:1.6rem;font-size:clamp(1.2rem,38cqw,3.4rem);line-height:1;transform:translateY(-6%)}.ph{container-type:inline-size}.ph__lane{position:absolute;inset-inline:14%;bottom:13%;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--lane) 0 8px,transparent 8px 13px);opacity:.7}.ph svg{width:40%;height:40%;opacity:.6}.ph--soft .ph__mono{font-size:clamp(1.1rem,30cqw,3rem)}img.is-loading{opacity:0}img.is-loaded{opacity:1;transition:opacity .3s var(--ease)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 20px 32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.empty .illo{width:min(200px,60vw);height:auto;margin-bottom:4px}.empty__title{font-family:var(--font-body);font-weight:800;font-size:1.15rem}.empty__text{color:var(--muted);max-width:34ch;font-size:.95rem}.empty .btn{margin-top:8px}.store-card,.item-card,.module{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s}@media (hover: hover){.store-card:hover{transform:translateY(-2px);box-shadow:var(--hard)}.module:not(.on):hover{transform:translateY(-2px)}}.store-card:active,.item-card:active,.module:active{transform:scale(.98)}.add-btn{transition:transform .15s var(--ease),background .15s}.item-card:active .add-btn{transform:scale(.9);background:var(--ink);color:var(--yellow)}.badge{animation:pop .3s var(--ease)}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:none}}.bottomnav a svg{transition:transform .2s var(--ease)}.bottomnav a.active svg{transform:translateY(-2px)}.cart-float{animation:up .25s var(--ease)}.chip{transition:background .15s,color .15s}@media (prefers-reduced-motion: reduce){.store-card,.item-card,.module,.add-btn,.badge,.cart-float,.bottomnav a svg,img.is-loaded{animation:none;transition:none}}.stack-lg>section>h2,.stack>h2{font-size:1.15rem}.store-card h3{font-size:1rem}.item-card__img,.store-card__logo{box-shadow:inset 0 0 0 1px #1b1b1b0f}.store-card__logo{border-color:var(--ink)}.price bdi{unicode-bidi:isolate;direction:ltr}.sbox{position:relative}.sbox__field{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-sm);color:var(--muted);transition:transform .18s var(--ease)}.sbox__field:focus-within{transform:translateY(-2px);box-shadow:0 0 0 3px var(--yellow);color:var(--ink)}.sbox__input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:46px;font-size:1rem;color:var(--ink)}.sbox__input::-webkit-search-cancel-button{display:none}.sbox__x{width:28px;height:28px;flex:none;display:grid;place-items:center;cursor:pointer;border:0;border-radius:50%;background:var(--sand);color:var(--ink)}.sbox__list{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:40;list-style:none;margin:0;padding:6px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);max-height:60dvh;overflow-y:auto}.sbox__group{display:block;padding:8px 10px 4px;font-size:.78rem;font-weight:800;color:var(--muted)}.sbox__opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);cursor:pointer;animation:sbox-in .2s var(--ease) both;animation-delay:calc(var(--i, 0) * 24ms)}.sbox__opt.is-active{background:var(--yellow-soft);box-shadow:inset 0 0 0 2px var(--ink)}.sbox__name{display:block;font-weight:500;line-height:1.3}.sbox__sub{display:block;font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbox__hit{background:none;color:inherit;font-weight:800;box-shadow:inset 0 -.38em 0 var(--yellow)}@keyframes sbox-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.area-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.area-grid{grid-template-columns:1fr 1fr}}.area-card{display:flex;align-items:center;gap:10px;padding:12px;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);animation:sbox-in .22s var(--ease) both;animation-delay:calc(var(--i, 0) * 30ms);transition:transform .18s var(--ease),border-color .18s}.area-card:hover{border-color:var(--ink);transform:translateY(-2px)}.area-card__pin{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink)}.area-card__name{font-weight:700}.area-card__hit{background:none;color:inherit;font-weight:800;box-shadow:inset 0 -.38em 0 var(--yellow)}.area-bar{display:flex;flex-wrap:wrap;gap:8px}.area-bar__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--yellow);border:2px solid var(--ink);font-size:.92rem;animation:sbox-in .22s var(--ease) both}.area-bar__chip small{color:#1b1b1ba8}.area-bar__x{width:24px;height:24px;flex:none;display:grid;place-items:center;cursor:pointer;border:0;border-radius:50%;background:#1b1b1b1f;color:var(--ink);transition:transform .15s var(--ease)}.area-bar__x:hover{transform:scale(1.12)}.store-grid--in .store-grid__cell{animation:sbox-in .26s var(--ease) both;animation-delay:calc(var(--i, 0) * 34ms)}@media (prefers-reduced-motion: reduce){.sbox__field,.area-card,.area-bar__x{transition:none}.sbox__opt,.area-card,.area-bar__chip,.store-grid--in .store-grid__cell{animation:none;opacity:1;transform:none}}