.supply-page{--supply-cream:#f4e3c2;--supply-muted:#c7b995;--supply-gold:#e7bd76;--supply-ink:#352b27;padding:16px 20px 22px;background:linear-gradient(180deg,#182033a6,#181d2ae6);color:var(--supply-cream);overflow:auto;overscroll-behavior:contain}
.supply-content{width:100%;max-width:590px;margin:auto;display:flex;flex-direction:column;gap:14px;flex:0 0 auto;min-width:0}.supply-heading{display:flex;align-items:center;gap:13px}.supply-heading-art{width:62px;height:62px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 4px #0005)}.supply-heading h1{font:900 clamp(24px,5vw,32px) var(--serif,serif);letter-spacing:2px;line-height:1.4}.supply-kicker{font-size:11px;color:var(--supply-gold);margin-bottom:4px!important;letter-spacing:1px}.supply-status{display:flex;gap:9px;align-items:center;padding:10px 12px;background:#141d2be0;border:1px solid #a783464d;border-radius:8px;min-height:58px}.supply-status>div{flex:1;min-width:0}.supply-status strong{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}.supply-status small{display:block;font-size:10px;color:var(--supply-muted);line-height:1.5;margin-top:3px}.supply-status .timer{flex:none;white-space:nowrap}.supply-avatar{width:34px;height:38px;overflow:hidden;flex:none;border-radius:50%;background:#4a4655;border:1px solid #b59860;display:flex;align-items:flex-start;justify-content:center}.supply-avatar .supply-portrait{width:35px;height:47px;object-fit:contain}.supply-avatar .kitchen-atlas{width:37px;height:49px;flex:none}
.supply-paper{padding:16px;border:1px solid #b49462;border-radius:12px 4px 12px 4px;background:linear-gradient(125deg,#443a31f5,#252d3af7);box-shadow:inset 0 0 0 3px #f6e1b10b,0 7px 20px #0a10263d}.supply-balance{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #c0a47345;gap:10px}.supply-balance>span{font-size:12px;color:var(--supply-muted)}.supply-balance strong{font:800 25px Georgia,serif;color:var(--supply-gold)}.supply-balance strong small{font:11px var(--sans,sans-serif);margin-left:5px}.supply-intro{font-size:13px;line-height:1.65;margin-bottom:10px!important}.supply-explanation{font-size:11px;line-height:1.65;color:var(--supply-muted);margin-bottom:13px!important}.supply-options{display:flex;flex-direction:column;gap:9px}.supply-option{width:100%;display:flex;align-items:center;gap:12px;min-height:82px;padding:12px;text-align:left;border:1px solid #baa27370;border-radius:8px;background:linear-gradient(115deg,#f5e5c6,#dbc69f);color:var(--supply-ink);box-shadow:0 3px 0 #13172c80;touch-action:manipulation}.supply-option:not(:disabled):hover{filter:brightness(1.06);border-color:#ffe5a0}.supply-option:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 0 #13172c80}.supply-option:disabled{opacity:.65;filter:saturate(.65);cursor:default}.supply-option-art{width:45px;height:48px;object-fit:contain;flex:none}.supply-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.supply-option-copy>strong{font-size:15px;font-weight:900;line-height:1.4;overflow-wrap:anywhere}.supply-option-copy>b{font-size:12px;font-weight:800;line-height:1.5}.supply-option-copy>small{font-size:11px;line-height:1.55;color:#695642;overflow-wrap:anywhere}.supply-arrow{font-size:26px;color:#816d4e;flex:none}.supply-location{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--supply-gold);margin-bottom:12px}.supply-location img{width:24px;height:26px;object-fit:contain}.supply-recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px}.supply-recipient>span{color:var(--supply-muted)}.supply-recipient>strong{font-size:13px;text-align:right;overflow-wrap:anywhere;min-width:0}.supply-recipient small{display:block;color:var(--supply-muted);font-size:10px;font-weight:400;margin-top:3px}.supply-card-face{width:49px;height:67px;flex:none;border:1px solid #967343;border-radius:5px;background:#fff5d8;display:flex;flex-direction:column;padding:4px;align-items:center;justify-content:center;box-shadow:0 2px 2px #5a43222b}.supply-card-face>b{font:900 13px Georgia,serif;align-self:flex-start}.supply-card-face img{width:40px;height:41px;object-fit:contain}.supply-option-copy .supply-cost{color:#6f432b}.supply-skip{display:flex;justify-content:space-between;align-items:center;min-height:48px;gap:10px;padding:10px 12px;border:1px solid #b1955b66;border-radius:6px;color:var(--supply-cream);background:#1e273485;text-align:left}.supply-skip strong{font-size:13px}.supply-skip span{font-size:11px;color:var(--supply-muted)}.supply-confirm{width:100%;min-height:48px;margin-top:6px;padding:12px;font-size:15px;line-height:1.5}.supply-notice{color:var(--supply-gold);font-size:12px;line-height:1.6;text-align:center;margin-top:12px!important}.supply-wait{text-align:center;padding:12px 5px 18px}.supply-wait-mark{font:700 28px Georgia,serif;color:var(--supply-gold);display:block;margin-bottom:8px}.supply-wait h2,.supply-rest h2{font-size:18px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:9px!important}.supply-wait p,.supply-rest p{font-size:13px;line-height:1.7}.supply-wait small,.supply-rest small{display:block;font-size:11px;line-height:1.7;color:var(--supply-muted);margin-top:7px}.supply-rest{padding:3px 0 16px}.supply-footer{font-size:10px;line-height:1.8;color:var(--supply-muted);padding:0 4px}.supply-footer p+p{margin-top:4px!important}.supply-page button:focus-visible{outline:3px solid #fae19f;outline-offset:3px}
@media(max-width:400px){.supply-page{padding:10px 12px 16px}.supply-content{gap:10px}.supply-paper{padding:12px}.supply-heading-art{width:49px;height:51px}.supply-heading h1{font-size:24px}.supply-heading{gap:10px}.supply-option{padding:10px;gap:9px}.supply-option-copy>strong{font-size:14px}.supply-option-art{width:37px;height:43px}.supply-status{padding:8px 10px}.supply-status strong{font-size:12px}.supply-kicker{font-size:10px}.supply-balance{padding-bottom:8px;margin-bottom:10px}.supply-equipment-option{min-height:99px}}
@media(max-height:650px){.supply-content{margin:0 auto;gap:10px}.supply-heading-art{width:45px;height:47px}.supply-heading h1{font-size:24px}.supply-page{padding-top:9px}.supply-status{min-height:52px}.supply-footer{padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){.supply-option{transition:none}.supply-option:not(:disabled):active{transform:none}}