@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Archivo:wght@400;500;600;700;800;900&family=Pacifico&family=Permanent+Marker&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--posh-blue: #0056B8;--posh-blue-dark: #073B78;--posh-ink: #0b2a52;--posh-red: #ED1C24;--posh-red-dark: #b81722;--posh-cream: #F7F2E8;--posh-gold: #F4C542;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--posh-ink);background:var(--posh-cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background-color:var(--posh-blue)}button{min-height:46px;border:3px solid var(--posh-cream);border-radius:10px;padding:12px 24px;background:var(--posh-red);color:var(--posh-cream);font-family:Alfa Slab One,serif;font-size:1rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 0 var(--posh-ink),0 10px 18px -6px #0b2a5280;transform:rotate(-1.2deg);transition:all .15s cubic-bezier(.175,.885,.32,1.275)}button:hover{transform:rotate(.5deg) scale(1.04);background:var(--posh-red-dark);box-shadow:0 4px 0 var(--posh-ink),0 8px 14px -6px #0b2a5280}button:active{transform:rotate(0) scale(.98);box-shadow:0 2px 0 var(--posh-ink)}button:disabled{background:#cbd5e1;color:#64748b;border-color:#e2e8f0;box-shadow:0 4px #94a3b8;cursor:not-allowed;transform:none}button.btn-primary-blue{background:var(--posh-blue);box-shadow:0 6px 0 var(--posh-blue-dark),0 10px 18px -6px #0b2a5280}button.btn-primary-blue:hover{background:var(--posh-blue-dark);box-shadow:0 4px 0 var(--posh-blue-dark),0 8px 14px -6px #0b2a5280}button.btn-primary-blue:active{box-shadow:0 2px 0 var(--posh-blue-dark)}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100svh;touch-action:none;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%}.xr-camera-canvas{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:min(25vw,90px);aspect-ratio:1 / 1;height:auto;overflow:hidden;border:2px solid var(--posh-cream);border-radius:10px;background:var(--posh-ink);box-shadow:3px 3px 0 var(--posh-red);opacity:0;pointer-events:none;object-fit:cover;transition:opacity .18s ease;z-index:3}.xr-camera-canvas.is-active{opacity:1}.hud{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.hud-top{top:max(12px,env(safe-area-inset-top));justify-content:space-between}.hud-top>div.hud-card{min-width:0;padding:8px 14px;border:2px solid var(--posh-blue);border-radius:8px;background:var(--posh-cream);box-shadow:3px 3px 0 var(--posh-red);transform:rotate(-1deg);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.hud-top>div.hud-card:nth-child(2n){transform:rotate(1.5deg);box-shadow:-3px 3px 0 var(--posh-red)}.hud-top>div.hud-card:hover{transform:rotate(0) scale(1.05)}.eyebrow{display:block;color:var(--posh-red);font-family:Archivo,Space Grotesk,sans-serif;font-weight:900;font-size:.62rem;line-height:1;text-transform:uppercase;margin-bottom:2px;letter-spacing:.1em}strong{display:block;max-width:100%;overflow:hidden;color:var(--posh-ink);font-family:Alfa Slab One,serif;font-weight:400;font-size:clamp(1.1rem,5vw,1.6rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.hud-bottom{bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.meter{height:14px;overflow:hidden;border:2px solid var(--posh-ink);border-radius:999px;background:var(--posh-cream);box-shadow:4px 4px #0b2a5226}.meter span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--posh-red);transform:scaleX(0);transform-origin:left center;transition:transform .12s cubic-bezier(.175,.885,.32,1.275),background .12s ease}.meter span.danger{background:var(--posh-red-dark)}.status{display:flex;align-items:center;gap:12px;pointer-events:auto}.status span{flex:1;min-width:0;padding:10px 14px;border:2px solid var(--posh-cream);border-radius:8px;background:var(--posh-blue);color:var(--posh-cream);font-weight:800;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.02em;box-shadow:4px 4px 0 var(--posh-red);transform:rotate(-.5deg)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:24px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px),#0056b8;z-index:2000}.overlay.is-visible{display:grid}.overlay-receipt{background:var(--posh-cream);color:var(--posh-ink);padding:28px 26px 34px;border-radius:14px;box-shadow:0 22px 46px -14px #0b2a528c;position:relative;max-width:420px;width:100%;text-align:center;font-family:Space Grotesk,sans-serif}.overlay-receipt .logo-crest{display:block;width:50%;height:auto;margin:0 auto 4px;transform:rotate(-10deg);animation:lips-bounce 2.4s infinite ease-in-out}.overlay-receipt h1{font-family:Pacifico,cursive;color:var(--posh-red);font-size:clamp(2.2rem,8vw,3.2rem);margin:0;line-height:.92;text-shadow:2px 2px 0 rgba(0,86,184,.15)}.tilted-word{font-family:Alfa Slab One,serif;display:block;color:var(--posh-blue);letter-spacing:.04em;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1;margin-top:-2px;text-shadow:none}.overlay-receipt p{margin:16px 0;color:var(--posh-ink);font-size:.9rem;font-weight:500;line-height:1.5;border-top:2px dashed rgba(11,42,82,.22);border-bottom:2px dashed rgba(11,42,82,.22);padding:14px 0}.overlay-receipt button{width:100%;margin-top:8px}.record-seal{position:absolute;top:-18px;right:-12px;width:62px;height:62px;display:grid;place-items:center;text-align:center;line-height:1;background:var(--posh-red);color:#fff;border:2px solid var(--posh-cream);border-radius:50%;font-family:Alfa Slab One,serif;font-size:.62rem;letter-spacing:.02em;transform:rotate(12deg);box-shadow:0 6px 12px -3px #0b2a5280;animation:lips-bounce 1.6s infinite ease-in-out}.stat-rows{display:flex;flex-direction:column;gap:8px;margin:16px 0 4px;text-align:left}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-radius:8px}.stat-row .stat-label{font-family:Archivo,Space Grotesk,sans-serif;font-weight:900;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.stat-row .stat-value{font-family:Alfa Slab One,serif;font-size:1.2rem;line-height:1;color:#fff}.stat-row.is-orders{background:var(--posh-blue)}.stat-row.is-orders .stat-label{color:#cfe0fb}.stat-row.is-points{background:var(--posh-red)}.stat-row.is-points .stat-label{color:#ffd7d9}.pun-popup{position:absolute;left:50%;top:calc(max(12px,env(safe-area-inset-top)) + 68px);transform:translate(-50%) rotate(-3deg) scale(0);transform-origin:center;max-width:min(80vw,240px);background:var(--posh-red);color:var(--posh-cream);border:2px solid var(--posh-cream);border-radius:8px;padding:8px 14px;font-family:Alfa Slab One,serif;font-size:.8rem;line-height:1.15;text-align:center;box-shadow:3px 3px 0 var(--posh-ink);z-index:5;pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.pun-popup.active{opacity:1;transform:translate(-50%) scale(1) rotate(-3deg)}@keyframes lips-bounce{0%,to{transform:scale(1) rotate(-18deg)}50%{transform:scale(1.12) rotate(-10deg)}}@media(min-width:760px){.hud{left:28px;right:28px}.hud-top{justify-content:center}.hud-top>div.hud-card{min-width:140px}.hud-bottom{width:min(620px,calc(100% - 56px));right:auto}.xr-camera-canvas{right:28px;bottom:28px;width:120px}.pun-popup{font-size:.9rem;padding:10px 16px}}.order-up-card-fixed{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:min(25vw,90px);aspect-ratio:1 / 1;height:auto;overflow:hidden;border:2px solid var(--posh-blue);border-radius:10px;background:var(--posh-cream);box-shadow:3px 3px 0 var(--posh-red);z-index:5;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.order-up-card-fixed:hover{transform:scale(1.05)}.order-up-card-fixed .eyebrow{color:var(--posh-blue)}.order-up-card-fixed canvas{position:absolute;left:0;top:0;width:100%!important;height:100%!important;display:block}@media(min-width:760px){.order-up-card-fixed{left:28px;bottom:28px;width:120px}}.live-x{font-family:Permanent Marker,cursive;font-size:1.4rem;color:#0b2a5247;transition:all .25s cubic-bezier(.175,.885,.32,1.275);transform:rotate(-8deg);line-height:1}.live-x:nth-child(2n){transform:rotate(8deg)}.live-x.active{color:var(--posh-red);text-shadow:1.5px 1.5px 0 var(--posh-cream);transform:rotate(-12deg) scale(1.18)}.live-x.active:nth-child(2n){transform:rotate(12deg) scale(1.18)}@media(min-width:760px){.live-x{font-size:1.7rem}}.eat-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:var(--posh-gold);color:var(--posh-ink);border:3px solid var(--posh-ink);border-radius:10px;padding:12px 24px;font-family:Alfa Slab One,serif;font-size:1.5rem;box-shadow:6px 6px 0 var(--posh-red);z-index:100;pointer-events:none;display:none;text-transform:uppercase;animation:flash 1s infinite alternate}.eat-prompt.active{display:block}@keyframes flash{0%{opacity:.85}to{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1.05)}}#loadingContainer,.loading-splash,#requesting-camera-permissions,.loading-error,.powered-by-8th-wall{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.xr-camera-canvas.fullscreen{width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;z-index:0!important}.comic-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:1000;pointer-events:none;display:none}.comic-flash.active{display:block;animation:flash-fade .35s ease-out forwards}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.wall-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#ed1c24;z-index:999;pointer-events:none;opacity:0;display:none}.wall-flash.active{display:block;animation:wall-flash-pulse .5s ease-in-out infinite}@keyframes wall-flash-pulse{0%,to{opacity:.06}50%{opacity:.2}}.point-popover{position:absolute;transform:translate(-50%,-50%) rotate(-5deg) scale(0);font-family:Alfa Slab One,serif;font-size:1.1rem;color:var(--posh-cream);border:2px solid var(--posh-ink);border-radius:6px;padding:4px 10px;box-shadow:3px 3px 0 var(--posh-ink);pointer-events:none;z-index:5;opacity:0;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),opacity .18s ease}.point-popover.held{transform:translate(-50%,-50%) scale(1.1) rotate(5deg);opacity:1}.point-popover.flying{transition:left .45s cubic-bezier(.25,1,.5,1),top .45s cubic-bezier(.25,1,.5,1),transform .45s cubic-bezier(.25,1,.5,1),opacity .45s ease;transform:translate(-50%,-50%) scale(0) rotate(-15deg);opacity:0}.error-popover{position:absolute;transform:translate(-50%,-50%) rotate(-5deg) scale(0);font-family:Permanent Marker,cursive;font-size:2.2rem;color:var(--posh-red);text-shadow:2px 2px 0 var(--posh-cream),4px 4px 0 var(--posh-ink);pointer-events:none;z-index:5;opacity:0;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),opacity .18s ease}.error-popover.held{transform:translate(-50%,-50%) scale(1.1) rotate(5deg);opacity:1}.error-popover.flying{transition:left .45s cubic-bezier(.25,1,.5,1),top .45s cubic-bezier(.25,1,.5,1),transform .45s cubic-bezier(.25,1,.5,1),opacity .45s ease;transform:translate(-50%,-50%) scale(0) rotate(-15deg);opacity:0}#score{display:inline-block;transition:transform .1s ease;font-family:Alfa Slab One,serif}#score.pop{transform:scale(1.3) rotate(3deg);color:var(--posh-gold)}.quality-popover{position:fixed;font-family:Permanent Marker,cursive;font-size:1.3rem;text-shadow:2px 2px 0 var(--posh-ink);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease}.quality-popover.active{transform:translate(-50%,-85%) scale(1.15) rotate(6deg);opacity:1}.quality-popover.fade{transform:translate(-50%,-125%) scale(.7) rotate(12deg);opacity:0}