@font-face{font-family:JiaLiDaYuan;src:url(/fonts/jialidayuan.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#f2f2f2;font-family:JiaLiDaYuan,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}button{font-family:inherit}img{max-width:100%}.action-btn{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 30px;font-family:inherit;font-weight:500;display:inline-flex}.action-btn--muted{color:#000;background:#0000001a}.action-btn--danger{color:#fff;background:#c9232b}.action-btn:active{opacity:.92;transform:scale(.98)}.action-btn__title{white-space:nowrap;font-size:24px;line-height:normal}.action-btn__sub{color:#0009;white-space:nowrap;font-size:16px;line-height:normal}.screen{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.screen__body{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(16px,3.5cqh,42px);width:100%;height:100%;padding:clamp(48px,8cqh,72px) 0 clamp(24px,4cqh,40px);display:flex}.screen__body--idle{justify-content:flex-start;gap:0;padding-top:96px}.screen__body--finished{justify-content:center;gap:10px;padding:40px 0}.idle-header{flex-direction:column;flex-shrink:0;align-items:center;gap:19px;width:100%;display:flex}.idle-header__title{text-align:center;color:#0009;width:100%;margin:0;font-size:24px;font-weight:500}.idle-header__status{justify-content:center;align-items:center;gap:19px;width:100%;display:flex}.idle-header__icon{object-fit:contain;flex-shrink:0;width:48px;height:48px;display:block}.idle-header__label{color:#000;letter-spacing:7.2px;text-align:center;width:164px;margin:0;font-size:36px;font-weight:700;line-height:normal}.idle-header__label--offline{color:#00000073;letter-spacing:4px;width:auto;min-width:164px}.idle-hint{text-align:center;color:#0009;letter-spacing:2px;flex-shrink:0;width:303px;margin:auto 0 40px;font-size:20px;font-weight:500}.idle-hint--offline{color:#c9232bd9;letter-spacing:1px;width:min(320px,88%)}.stats-header{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:100%;padding:0 24px;display:flex}.stats-header__block{flex-direction:column;align-items:flex-start;gap:10px;width:158px;display:flex}.stats-header__label{text-align:center;color:#0009;letter-spacing:2px;width:100%;margin:0;font-size:20px;font-weight:500}.stats-header__value{text-align:center;color:#000;font-variant-numeric:tabular-nums;letter-spacing:.04em;width:100%;margin:0;font-size:36px;font-weight:700;line-height:normal}.using-header{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:100%;display:flex}.using-header__label{color:#0009;width:100%;margin:0;font-size:20px;font-weight:500}.using-header__timer{color:#000;letter-spacing:2.4px;width:100%;margin:0;font-size:48px;font-weight:700}.stall-image{flex:0 auto;max-height:46cqh;position:relative}.stall-image--idle{aspect-ratio:252/351;width:min(252px,68%);margin:80px auto 0}.stall-image--occupied{aspect-ratio:558/762;width:min(279px,72%)}.stall-image img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.used-line{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:flex-end;gap:8px;margin:0;display:flex}.used-line__label{color:#0009;letter-spacing:2px;font-size:20px;font-weight:500}.used-line__time{color:#000;letter-spacing:2.4px;font-size:24px;font-weight:700}.mascot-block{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;width:min(210px,60%);min-height:0;display:flex}.mascot-block--using{gap:0;width:min(286px,78%)}.speech-bubble{flex-shrink:0;width:192px;height:81.5px;position:relative}.speech-bubble__shape{width:100%;height:auto;display:block;position:absolute;inset:0 0 4.53%}.speech-bubble__text{color:#000;white-space:nowrap;justify-content:center;align-items:center;margin:0;font-size:24px;font-weight:500;display:flex;position:absolute;inset:0 0 18%}.mascot-block__art{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.mascot-block__tomato{object-fit:contain;pointer-events:none;width:100%;height:auto;max-height:100%;display:block}.using-art{aspect-ratio:286/300;width:100%;max-width:286px;max-height:38cqh;position:relative}.using-art__tomato{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.using-hint,.waiting-hint{color:#0009;text-align:center;flex-shrink:0;width:235px;margin:0;font-size:20px;font-weight:500;line-height:32px}.waiting-hint{width:min(336px,90%)}.finished-actions{width:100%;margin-top:24px}.confetti{object-fit:contain;pointer-events:none;flex-shrink:0;width:200px;height:200px;display:block}.confetti--bottom{transform:rotate(180deg)}.finished-copy{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.finished-line{white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.finished-line__muted{color:#0009;letter-spacing:2px;font-size:20px;font-weight:500}.finished-line__strong{color:#000;letter-spacing:4.8px;font-size:24px;font-weight:700}.screen__actions{flex-shrink:0;justify-content:center;align-items:center;gap:23px;width:100%;display:flex}.screen__actions--single{min-height:69px}.action-btn-placeholder{width:170px;height:69px}.app-shell{box-sizing:border-box;background:#f2f2f2;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:16px 12px 24px;display:flex}.phone-frame{aspect-ratio:402/874;background:#fff;border-radius:24px;width:min(100%,402px);max-height:calc(100vh - 48px);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f;container-type:size}.phone-frame .screen{position:absolute;inset:0}.toast{z-index:20;color:#fff;text-align:center;pointer-events:none;background:#000000c7;border-radius:10px;max-width:80%;padding:12px 18px;font-size:14px;line-height:1.4;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}.status-hint{text-align:center;color:#c9232b;width:min(100%,402px);margin:0;font-size:12px}@media (width<=480px){.app-shell{background:#fff;justify-content:flex-start;gap:0;padding:0}.phone-frame{aspect-ratio:auto;width:100%;height:100vh;max-height:none;box-shadow:none;border-radius:0}}