*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}body{background:#fff;margin:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto}.scene1{background-position:50%;background-size:cover;width:100vw;height:100vh;position:relative;overflow:hidden}.navbar{z-index:10;box-sizing:border-box;align-items:center;gap:2.17%;width:98%;height:8.3%;display:flex;position:absolute;top:1.17%;left:1%}.navbar-left{justify-content:center;align-items:center;width:20%;height:100%;display:flex}.navbar-title{color:#fff;text-shadow:0 1px 4px #0006;font-size:35px;font-weight:700}.navbar-center{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.navbar-count{color:#fff;text-shadow:0 1px 4px #0006;font-size:30px;font-weight:600}.help-btn{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-left:8px;padding:0;font-size:14px;font-weight:700;line-height:1}.help-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{text-align:left;background:#fff;border-radius:16px;width:80vw;max-width:340px;padding:28px 24px}.help-modal h2{text-align:center;margin:0 0 16px;font-size:20px}.help-modal ul{color:#333;margin:0 0 20px;padding-left:20px;font-size:14px;line-height:1.8}.help-close{color:#fff;cursor:pointer;background:#962823;border:none;border-radius:10px;width:100%;padding:10px;font-size:16px;font-weight:600;display:block}.navbar-right{justify-content:center;align-items:center;width:20%;height:100%;display:flex}.checkout-btn{color:#fff;cursor:pointer;background:#962823;border:none;border-radius:16px;width:100%;height:70%;font-size:35px;font-weight:700;transition:opacity .2s;box-shadow:0 2px 8px #00000040}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.menu-grid{box-sizing:border-box;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:3% 7%;width:98%;height:47.46%;display:grid;position:absolute;top:12.35%;left:1%}.menu-item-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.menu-item-btn:active{transform:scale(.92)}.menu-item-btn:disabled{opacity:.45;cursor:not-allowed}.menu-item-icon{object-fit:cover;width:100%;height:100%;display:block}.bowl-area{pointer-events:none;width:100vw;height:50vw;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bowl{pointer-events:auto;background:radial-gradient(#fff5e6eb 0%,#f0dcbee0 100%);border-radius:50%;width:100%;height:200%;position:relative;overflow:visible;box-shadow:inset 0 4px 24px #00000026,0 0 20px #0000001a}.badge{object-fit:cover;pointer-events:auto;border-radius:50%;transition:left .3s ease-out;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards badge-pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.badge-vanish{animation:.2s ease-in forwards badge-vanish!important}@keyframes badge-vanish{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.scene2{background:#fafafa;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow-y:auto}.receipt{text-align:center;background:#fff;border-radius:8px;width:300px;margin:24px 0;padding:24px;box-shadow:0 2px 16px #0000001f}.receipt h1{margin:0 0 12px;font-size:22px}.receipt-line{border-top:1px dashed #ccc;margin:12px 0}.receipt-list{margin:0;padding:0;list-style:none}.receipt-list li{color:#333;justify-content:space-between;padding:6px 0;font-size:16px;display:flex}.item-name{font-weight:500}.item-count{color:#888}.total{color:#666;margin:4px 0 16px;font-size:15px}.empty{color:#999;padding:20px 0}.action-row{gap:12px;margin-bottom:12px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:20px;flex:1;padding:10px 0;font-size:15px;font-weight:600}.confirm-btn{color:#fff;background:#43a047}.order-btn{color:#fff;background:#1e88e5}.back-btn{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:20px;width:100%;padding:10px 28px;font-size:15px;font-weight:600}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:12px;max-width:90vw;padding:20px;box-shadow:0 4px 30px #00000040}.receipt-modal{flex-direction:column;align-items:center;max-height:85vh;display:flex}.modal-hint{color:#888;margin:0 0 12px;font-size:14px}.receipt-image-scroll{-webkit-overflow-scrolling:touch;border:1px solid #eee;border-radius:6px;max-height:65vh;overflow-y:auto}.receipt-image{width:320px;max-width:80vw;height:auto;display:block}.qr-modal{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-text{color:#333;margin:0;font-size:16px;font-weight:500}.qr-image{object-fit:contain;border-radius:8px;width:220px;height:220px}.modal-close{color:#fff;cursor:pointer;background:#666;border:none;border-radius:18px;margin-top:12px;padding:8px 32px;font-size:14px}.app{width:100%;height:100%}