html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#bcdcef;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app canvas{touch-action:none;display:block}#loading{color:#22494c;background:#bcdcef;place-items:center;font-size:18px;display:grid;position:fixed;inset:0}#place{top:max(12px, env(safe-area-inset-top));color:#f7f1e6;white-space:nowrap;opacity:0;pointer-events:none;background:#22494c;border:2px solid #f7f1e6;border-radius:4px;padding:6px 14px;font-size:15px;font-weight:600;transition:opacity .4s,transform .4s;position:fixed;left:50%;transform:translate(-50%,-8px)}#place.shown{opacity:1;transform:translate(-50%)}#top-right{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));color:#1f2a2d;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;display:flex;position:fixed}#stats{background:#fff9;border-radius:3px;padding:2px 6px}#quality{font:inherit;color:#1f2a2d;background:#fffc;border:0;border-radius:4px;padding:6px 10px}#credits{left:max(8px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));color:#1f2a2d;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#ffffff8c;border-radius:3px;max-width:calc(100vw - 30px);padding:2px 6px;font-size:10px;position:fixed;overflow:hidden}.stick-base{pointer-events:none;background:#ffffff40;border:2px solid #fff9;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:fixed}.stick-knob{background:#fffc;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button{font:inherit;cursor:pointer}.hidden{display:none!important}.money{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));color:#22494c;background:#f7f1e6;border-radius:4px;padding:6px 12px;font-size:15px;font-weight:700;position:fixed}.money .delta{margin-left:8px;animation:1.5s forwards rise}.money .up{color:#1e8449}.money .down{color:#c0392b}@keyframes rise{to{opacity:0;transform:translateY(-14px)}}.net{color:#fff;background:#c0392b;border-radius:4px;padding:6px 12px;font-size:13px;display:none;position:fixed;top:56px;left:50%;transform:translate(-50%)}.net.shown{display:block}.actions{right:max(14px, env(safe-area-inset-right));bottom:max(70px, calc(env(safe-area-inset-bottom) + 60px));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.action{color:#f7f1e6;background:#22494c;border:2px solid #f7f1e6;border-radius:24px;min-height:48px;padding:10px 18px;font-size:15px;font-weight:700}.tools{left:max(10px, env(safe-area-inset-left));bottom:max(30px, calc(env(safe-area-inset-bottom) + 26px));gap:6px;display:flex;position:fixed}.tool,.chip{color:#1f2a2d;background:#f7f1e6eb;border:0;border-radius:6px;min-height:44px;padding:8px 14px;font-size:14px}.chip.primary{color:#f7f1e6;background:#22494c;font-weight:700}.emote-bar{left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;gap:6px;max-width:90vw;display:flex;position:fixed;bottom:84px}.chat-log{left:max(10px, env(safe-area-inset-left));pointer-events:none;max-width:min(420px,70vw);font-size:13px;position:fixed;bottom:140px}.chat-log .line{color:#fff;background:#1f2a2d99;border-radius:4px;margin-top:3px;padding:3px 8px;transition:opacity 1s}.chat-log .line.old{opacity:0}.chat-form{left:10px;right:10px;bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px));gap:6px;display:flex;position:fixed}.chat-form input{border:0;border-radius:6px;flex:1;min-height:44px;padding:0 12px;font-size:16px}.order{color:#1f2a2d;box-sizing:border-box;background:#f7f1e6f5;border-radius:8px;width:min(440px,100vw - 20px);padding:12px;position:fixed;top:64px;left:50%;transform:translate(-50%)}.order .want{font-size:16px;font-weight:700}.order .tray{margin:6px 0;font-size:14px}.order .items{grid-template-columns:1fr 1fr;gap:6px;display:grid}.order .item{background:#fff;border:2px solid #22494c;border-radius:6px;min-height:48px;font-weight:600}.order .row{margin-top:8px}.order .timer{background:#ede2cc;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.order .timer i{background:#d68910;height:100%;display:block}.row{align-items:center;gap:6px;display:flex}.row .grow{flex:1}.menu{inset:max(10px, env(safe-area-inset-top)) 10px 10px 10px;color:#1f2a2d;-webkit-user-select:text;user-select:text;background:#f7f1e6;border-radius:10px;max-width:480px;margin:0 auto;padding:14px 16px;position:fixed;overflow-y:auto}.menu h2{color:#22494c;margin:0 0 6px}.menu h3{color:#22494c;margin:18px 0 6px;font-size:15px}.menu .close{position:absolute;top:10px;right:10px}.menu input{box-sizing:border-box;border:1px solid #c8bca3;border-radius:6px;width:100%;min-height:44px;margin-bottom:6px;padding:0 10px;font-size:16px}.menu .chip{border:1px solid #c8bca3;margin:2px 4px 2px 0}.menu .small{color:#4a5559;font-size:13px}.menu .code{letter-spacing:2px;margin:6px 0 10px;font:700 22px ui-monospace,monospace}.menu .board div{padding:2px 0;font-size:14px}.swatches{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.swatch{border:2px solid #fff;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 1px #c8bca3}.toast{color:#f7f1e6;text-align:center;opacity:0;pointer-events:none;background:#1f2a2d;border-radius:6px;max-width:calc(100vw - 40px);padding:8px 14px;font-size:14px;transition:opacity .3s;position:fixed;bottom:200px;left:50%;transform:translate(-50%)}.toast.shown{opacity:1}.race{top:56px;right:max(10px, env(safe-area-inset-right));color:#1f2a2d;background:#ffd23f;border-radius:4px;padding:6px 12px;font-weight:700;position:fixed}.tool.mic.on{color:#fff;background:#c0392b;font-weight:700}