:root{--cream: #f6e2c8;--sand: #ead3b0;--sand-dark: #d9bb93;--panel: #fdf3e3;--panel-soft: #fff8ee;--ink: #5a4632;--ink-soft: #8a7054;--gold: #f6c445;--gold-dark: #d9a32c;--water: #a8d8e6;--water-dark: #7fc0d4;--leaf: #8fbf6e;--leaf-dark: #6e9e52;--coral: #f2a9a0;--red: #d96a5b;--radius: 18px;--radius-sm: 12px;--shadow: 0 2px 0 rgba(90, 70, 50, .12);--shadow-lift: 0 6px 18px rgba(90, 70, 50, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{display:flex;flex-direction:column;height:100%;max-width:560px;margin:0 auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);gap:8px}.app__board{position:relative;flex:1 1 auto;min-height:0;margin:0 8px;background:transparent}.app__board canvas{display:block;width:100%;height:100%}.hud{display:flex;align-items:center;gap:6px;padding:8px 12px 2px}.hud__level{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.hud__badge{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--gold);box-shadow:inset 0 -2px 0 var(--gold-dark);font-weight:800;font-size:15px}.hud__xp{flex:1 1 auto;min-width:0}.hud__xp-label{font-size:11px;color:var(--ink-soft);margin-bottom:3px}.bar{height:9px;border-radius:5px;background:var(--sand-dark);overflow:hidden}.bar__fill{height:100%;border-radius:5px;background:var(--leaf);transition:width .24s ease-out}.bar__fill--energy{background:var(--water-dark)}.stat{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px 5px 5px;font-size:13px;border-radius:999px;background:var(--panel-soft);box-shadow:var(--shadow);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.stat img{width:22px;height:22px;display:block}.stat--button:active{transform:translateY(1px)}.hud__energy{display:flex;flex-direction:column;gap:3px;align-items:stretch;width:86px;flex:none}.hud__energy-timer{font-size:10px;color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.orders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 12px 0}.order{position:relative;display:flex;flex-direction:column;gap:5px;padding:6px 6px 7px;border-radius:var(--radius-sm);background:var(--panel-soft);box-shadow:var(--shadow);text-align:left;transition:transform .12s ease-out;min-width:0}.order--ready{background:#f2fae9;box-shadow:0 0 0 2px var(--leaf),var(--shadow)}.order--ready:active{transform:scale(.97)}.order__guest{display:flex;align-items:center;gap:4px;min-width:0}.order__guest img{width:24px;height:24px;border-radius:50%;flex:none}.order__name{font-weight:700;font-size:11px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order__items{display:flex;flex-wrap:wrap;gap:3px}.order__item{position:relative;width:30px;height:30px;border-radius:9px;background:var(--sand);display:grid;place-items:center}.order__item img{width:27px;height:27px}.order__item--done{background:#dff0cd}.order__count{position:absolute;right:-2px;bottom:-3px;padding:0 4px;border-radius:7px;background:var(--ink);color:var(--panel-soft);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.order__reward{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.order__reward img{width:14px;height:14px}.order__skip{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--sand);color:var(--ink-soft);font-size:12px;line-height:1;display:grid;place-items:center}.actions{display:flex;gap:8px;padding:0 12px 10px}.button{flex:1 1 auto;padding:11px 12px;border-radius:var(--radius-sm);background:var(--panel-soft);box-shadow:var(--shadow);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.button--primary{background:var(--gold);box-shadow:inset 0 -3px 0 var(--gold-dark)}.button--ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--sand-dark)}.scrim{position:fixed;inset:0;background:#3c2d206b;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade-in .16s ease-out}.sheet{width:100%;max-width:560px;max-height:84vh;overflow-y:auto;padding:16px 16px calc(16px + var(--safe-bottom));border-radius:22px 22px 0 0;background:var(--panel);box-shadow:var(--shadow-lift);animation:slide-up .22s cubic-bezier(.2,.9,.3,1)}.sheet--center{border-radius:22px;margin:auto;max-width:340px;text-align:center;animation:pop-in .26s cubic-bezier(.2,1.2,.4,1)}.sheet__title{margin:0 0 4px;font-size:18px;font-weight:800}.sheet__subtitle{margin:0 0 14px;font-size:13px;color:var(--ink-soft)}.sheet__hero{width:92px;height:92px;margin:0 auto 8px;display:block}.sheet__row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);background:var(--panel-soft);margin-bottom:8px;text-align:left;width:100%}.sheet__row img{width:44px;height:44px;flex:none}.sheet__row-body{flex:1 1 auto;min-width:0}.sheet__row-title{font-weight:700;font-size:14px}.sheet__row-note{font-size:12px;color:var(--ink-soft)}.sheet__row--owned{opacity:.62}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--sand);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.pill img{width:14px;height:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;font-weight:600;font-size:14px}.switch{width:48px;height:28px;border-radius:999px;background:var(--sand-dark);position:relative;transition:background .16s ease-out;flex:none}.switch[aria-checked=true]{background:var(--leaf)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--panel-soft);transition:transform .16s ease-out}.switch[aria-checked=true]:after{transform:translate(20px)}.toast{position:fixed;left:50%;bottom:calc(84px + var(--safe-bottom));transform:translate(-50%);padding:9px 16px;border-radius:999px;background:var(--ink);color:var(--panel-soft);font-size:13px;font-weight:700;box-shadow:var(--shadow-lift);z-index:30;animation:toast-in .2s ease-out;pointer-events:none;max-width:90vw;text-align:center}.toast--good{background:var(--leaf-dark)}.toast--warn{background:var(--red)}.loading{height:100%;display:grid;place-items:center;gap:10px;text-align:center;color:var(--ink-soft)}.loading img{width:96px;height:96px;animation:bob 1.6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}}@keyframes pop-in{0%{transform:scale(.86);opacity:0}}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}}@keyframes bob{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}