:root{--hero-pink: #ff5fad;--neon-pink: #ff5fad;--neon-teal: #56ffe3;--citrus-gold: #ffd16c;--fresh-mint: #89ffb6;--electric-blue: #68baff;--fun-coral: #ff9a71;--cream-ivory: #fff7ea;--font-head: "Orbitron", sans-serif;--font-body: "Space Grotesk", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{overflow:hidden;background:#06070b;color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}@keyframes floatBubble{0%{transform:translateZ(0) scale(1);opacity:0}10%{opacity:.34}88%{opacity:.08}to{transform:translate3d(var(--dx, 22px),-110vh,0) scale(1.18);opacity:0}}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -5%,rgba(255,160,205,.16),transparent 18%),radial-gradient(circle at 50% 18%,rgba(69,224,217,.12),transparent 24%),linear-gradient(180deg,#12090d,#08080d 34%,#050509)}.menu-wall-bg,.menu-wall-lights,.menu-wall-arcs,.menu-wall-sparkles,.menu-wall-floor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wall-bg{background:linear-gradient(180deg,#38101c24,#0e0b142e 35%,#0000),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 12vw),linear-gradient(180deg,rgba(255,255,255,.05) 0 2px,transparent 2px 100%)}.menu-wall-lights{background:radial-gradient(circle at 14% 15%,rgba(255,83,170,.34),transparent 16%),radial-gradient(circle at 50% 11%,rgba(70,235,255,.24),transparent 19%),radial-gradient(circle at 86% 17%,rgba(255,197,88,.3),transparent 17%),radial-gradient(circle at 25% 48%,rgba(98,255,180,.08),transparent 26%),radial-gradient(circle at 74% 45%,rgba(158,108,255,.1),transparent 25%);filter:blur(28px);animation:ambientPulse 11s ease-in-out infinite alternate}.menu-wall-arcs{background:radial-gradient(100% 45% at 50% 4%,transparent 59%,rgba(255,95,176,.88) 60%,rgba(255,95,176,.16) 62%,transparent 64%),radial-gradient(86% 35% at 50% 8%,transparent 64%,rgba(79,255,233,.78) 65%,rgba(79,255,233,.12) 67%,transparent 69%),radial-gradient(74% 28% at 50% 11%,transparent 67%,rgba(255,205,104,.55) 68%,rgba(255,205,104,.08) 70%,transparent 72%);opacity:.92;filter:drop-shadow(0 0 18px rgba(255,96,179,.4)) drop-shadow(0 0 14px rgba(79,255,233,.25))}.menu-wall-sparkles{background-image:radial-gradient(circle at 8% 20%,rgba(255,255,255,.6) 0 1px,transparent 1.5px),radial-gradient(circle at 24% 10%,rgba(79,255,233,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 18%,rgba(255,205,104,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 58% 9%,rgba(255,95,176,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 19%,rgba(79,255,233,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 92% 14%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);opacity:.5;animation:sparkleShift 12s linear infinite}.menu-wall-floor{top:59%;bottom:-10%;background:linear-gradient(180deg,#0000,#00000026 6%,#000c),linear-gradient(135deg,rgba(255,255,255,.09) 25%,transparent 25%) 0 0 / 74px 74px,linear-gradient(225deg,rgba(255,255,255,.09) 25%,transparent 25%) 0 0 / 74px 74px,linear-gradient(315deg,rgba(255,255,255,.09) 25%,transparent 25%) 0 0 / 74px 74px,linear-gradient(45deg,rgba(255,255,255,.09) 25%,transparent 25%) 0 0 / 74px 74px,linear-gradient(180deg,#ff4daf14,#4fffe90d);transform:perspective(1350px) rotateX(74deg);transform-origin:top center;opacity:.53}.menu-wall{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,.95vw,1.1rem);width:100%;height:100%;padding:clamp(1rem,1.15vw,1.35rem)}.board-shell{position:relative;min-width:0;overflow:hidden;border-radius:30px;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff2e,0 28px 78px #00000080,0 0 0 1px #ffffff0a}.board-shell__frame,.board-shell__glass,.board-shell__reflection{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.board-shell__frame{border:1px solid rgba(255,255,255,.24);background:linear-gradient(125deg,#ffffff52,#ffffff0f 14%,#0000001f 34%,#ffffff1f 56%,#ffffff08),linear-gradient(180deg,#ffffff14,#ffffff05);opacity:.78}.board-shell__glass{background:linear-gradient(180deg,#12131ce6,#08090ff5),radial-gradient(circle at top,rgba(255,255,255,.04),transparent 28%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-shell__reflection{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.14) 16%,transparent 28%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%);mix-blend-mode:screen;opacity:.45;animation:reflectionSweep 10s ease-in-out infinite}.board-shell__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.82rem;height:100%;padding:1.05rem 1rem .95rem}.board-shell__meta{font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:#ffffff8a}.board-shell__header{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.72rem;border-bottom:1px solid rgba(255,255,255,.12)}.board-shell__eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}.board-shell__header h2{font-family:var(--font-head);font-size:clamp(1.18rem,1.34vw,1.56rem);line-height:1.02;letter-spacing:.06em;text-transform:uppercase}.board-shell--hero .board-shell__eyebrow,.board-shell--hero .panel__title,.board-shell--hero .featured-card__badge{color:var(--hero-pink)}.board-shell--citrus .board-shell__eyebrow,.board-shell--citrus .panel__title{color:var(--citrus-gold)}.board-shell--electric .board-shell__eyebrow,.board-shell--electric .panel__title{color:var(--electric-blue)}.board-shell--fun .board-shell__eyebrow,.board-shell--fun .panel__title{color:var(--fun-coral)}.brand-panel,.panel{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff06);box-shadow:inset 0 1px #ffffff17,0 14px 30px #0003}.brand-panel{padding:1rem .95rem .95rem;display:grid;gap:.78rem;justify-items:start;overflow:hidden}.brand-panel__glow,.brand-panel__halo{position:absolute;pointer-events:none;inset:auto}.brand-panel__glow{width:18rem;height:18rem;top:-4.4rem;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,95,176,.28) 0%,rgba(79,255,233,.18) 38%,transparent 72%);filter:blur(16px);animation:logoBreath 5.8s ease-in-out infinite}.brand-panel__halo{width:15rem;height:15rem;top:-3.2rem;left:50%;transform:translate(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 24px #4fffe929,inset 0 0 18px #ff5fb024;opacity:.6;animation:haloSpin 18s linear infinite}.brand-panel__logo{position:relative;z-index:1;width:min(100%,300px);margin:0 auto;justify-self:center;filter:drop-shadow(0 0 26px rgba(255,255,255,.14)) drop-shadow(0 0 30px rgba(79,255,233,.24));animation:logoFloat 5.4s ease-in-out infinite}.brand-panel__copy{position:relative;z-index:1}.brand-panel__copy h1{font-family:var(--font-head);font-size:clamp(1.85rem,2.15vw,2.55rem);line-height:.96;text-transform:uppercase;letter-spacing:.04em;color:#fff8fb;text-shadow:0 0 20px rgba(255,95,176,.16)}.brand-panel__copy p,.status-panel__message,.menu-item-card__desc,.featured-card__desc,.steps-list,.add-on-row{color:#ffffffc7;line-height:1.42}.brand-panel__copy p{font-size:.93rem;margin-top:.55rem;max-width:26ch}.brand-panel__eyebrow,.panel__title,.featured-card__badge{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase}.brand-panel__eyebrow{color:var(--neon-teal);margin-bottom:.42rem}.brand-panel__timestamp{position:relative;z-index:1;font-size:.76rem;color:#ffffff94}.panel,.featured-panel{padding:.86rem .82rem}.panel--compact{padding:.72rem}.panel--hero{box-shadow:inset 0 0 0 1px #ff5fb01f,0 0 34px #ff5fb014}.panel--citrus{box-shadow:inset 0 0 0 1px #ffcf7024,0 0 32px #ffcf7014}.panel--fresh{box-shadow:inset 0 0 0 1px #87ffbb1f,0 0 32px #87ffbb14}.panel--electric{box-shadow:inset 0 0 0 1px #5db5ff24,0 0 32px #5db5ff14}.panel--fun{box-shadow:inset 0 0 0 1px #ff987724,0 0 32px #ff987714}.panel__title{margin-bottom:.72rem;color:#fffffff5}.featured-grid,.menu-list,.add-on-list,.steps-list{display:flex;flex-direction:column;gap:.58rem}.featured-card,.menu-item-card{position:relative;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.72rem .78rem}.featured-card{background:linear-gradient(135deg,#ff5fb026,#4fffe917);box-shadow:inset 0 1px #ffffff1f,0 10px 18px #0000002e}.featured-card__name,.menu-item-card__name{font-weight:700;letter-spacing:.02em;color:#fff9f5}.featured-card__name{font-size:1.14rem;margin-top:.24rem}.featured-card__desc{font-size:.85rem;margin-top:.26rem}.menu-item-card__name{font-size:.98rem}.menu-item-card__desc{font-size:.82rem;margin-top:.24rem}.featured-card__price,.menu-item-card__price{color:#fff2aa;font-family:var(--font-head);font-size:1.02rem;text-shadow:0 0 14px rgba(255,214,98,.18)}.menu-item-card__row,.add-on-row{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.menu-item-card--empty{text-align:center;color:#ffffff75}.add-on-row{padding:.46rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.84rem}.add-on-row:last-child{border-bottom:0}.steps-list{margin:0;padding-left:1.15rem;font-size:.86rem}.wall-status-wrap{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%}.status-panel{width:min(560px,calc(100vw - 3rem));padding:1.2rem 1.3rem;border-radius:24px;background:#080c12e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000073}.status-panel__title{margin-bottom:.5rem;font-family:var(--font-head);font-size:1.24rem;text-transform:uppercase}.status-panel--error .status-panel__title{color:#ff8bb5}@keyframes ambientPulse{0%{opacity:.68;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}@keyframes sparkleShift{0%{transform:translate(0);opacity:.35}to{transform:translate(1.2%);opacity:.55}}@keyframes reflectionSweep{0%,to{opacity:.16;transform:translate(-8%)}50%{opacity:.42;transform:translate(4%)}}@keyframes logoBreath{0%,to{transform:translate(-50%) scale(.98);opacity:.8}50%{transform:translate(-50%) scale(1.04);opacity:1}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes haloSpin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@media (max-width: 1600px){.menu-wall{gap:.62rem;padding:.74rem}.board-shell__content{padding:.82rem .78rem .8rem}.brand-panel__copy h1{font-size:2rem}.menu-item-card__name{font-size:.94rem}}