*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#080604;color:#fff}.screen{width:100vw;height:100vh;padding:3.2vh 3.5vw;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 10%,rgba(212,175,55,.18),transparent 32%),linear-gradient(135deg,#090705,#17110b 52%,#050403)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid rgba(212,175,55,.42);padding-bottom:2vh}.eyebrow{letter-spacing:.35vw;color:#d4af37;font-weight:700;font-size:1.15vw}h1{font-size:5.4vw;line-height:.9;margin:1vh 0 .6vh;font-weight:900;letter-spacing:.08vw}p{margin:0;color:#d8c8aa;font-size:1.45vw}.meta{display:flex;gap:1vw;flex-direction:column;align-items:flex-end;font-size:1.45vw;color:#f4e4bd;font-weight:700}.meta span{border:1px solid rgba(212,175,55,.45);padding:.8vw 1vw;border-radius:999px;background:rgba(255,255,255,.04)}.menu-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.35vw;padding:2.4vh 0}.category-card{border:1px solid rgba(212,175,55,.45);border-radius:1.4vw;padding:1.25vw;background:rgba(255,255,255,.055);box-shadow:0 1vw 3vw rgba(0,0,0,.28);display:flex;flex-direction:column;min-height:0}.category-card h2{margin:0 0 1.5vh;color:#ffd76a;font-size:3vw;text-transform:uppercase;letter-spacing:.05vw}.items{display:flex;flex-direction:column;gap:1.15vh}.item{display:grid;grid-template-columns:1fr auto;gap:1vw;align-items:center;padding:1.05vh 0;border-bottom:1px solid rgba(255,255,255,.12)}.item:last-child{border-bottom:0}.item-info strong{display:block;font-size:2.05vw;line-height:1.05}.item-info small{display:block;margin-top:.45vh;color:#cdbf9f;font-size:1.05vw;line-height:1.25}.price{font-size:2.6vw;font-weight:900;color:#fff;background:linear-gradient(135deg,#d4af37,#ffdf74);color:#170f04;border-radius:.9vw;padding:.55vh .9vw;min-width:6.5vw;text-align:center}.ticker{height:9vh;border-radius:1.2vw;background:linear-gradient(90deg,#d4af37,#ffe28a,#d4af37);color:#170f04;display:flex;align-items:center;justify-content:space-between;padding:0 1.6vw;font-size:1.65vw;font-weight:800}.ticker strong{font-size:2.2vw}.ticker em{font-style:normal;font-size:1.1vw;opacity:.75}@media(max-aspect-ratio:4/3){.menu-grid{grid-template-columns:1fr}.category-card h2{font-size:5vw}.item-info strong{font-size:3.3vw}.price{font-size:4vw}}
.screen{
  background-size:140% 140%;
  animation:bgFlow 14s ease-in-out infinite alternate;
}

@keyframes bgFlow{
  0%{background-position:0% 0%}
  100%{background-position:100% 60%}
}

.topbar{
  animation:topGlow 4s ease-in-out infinite;
}

@keyframes topGlow{
  0%,100%{box-shadow:0 0 0 rgba(212,175,55,0)}
  50%{box-shadow:0 0 2vw rgba(212,175,55,.18)}
}

.category-card{
  position:relative;
  overflow:hidden;
  animation:cardFloat 5.5s ease-in-out infinite;
}

.category-card:nth-child(2n){
  animation-delay:.8s;
}

.category-card:nth-child(3n){
  animation-delay:1.4s;
}

@keyframes cardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-.7vh)}
}

.category-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(
    120deg,
    transparent 35%,
    rgba(255,255,255,.10) 50%,
    transparent 65%
  );
  transform:translateX(-80%) rotate(8deg);
  animation:shineMove 6s ease-in-out infinite;
  pointer-events:none;
}

@keyframes shineMove{
  0%{transform:translateX(-85%) rotate(8deg)}
  45%,100%{transform:translateX(85%) rotate(8deg)}
}

.price{
  animation:pricePulse 3s ease-in-out infinite;
}

@keyframes pricePulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(212,175,55,0)}
  50%{transform:scale(1.04);box-shadow:0 0 1.2vw rgba(212,175,55,.35)}
}

.ticker{
  position:relative;
  overflow:hidden;
}

.ticker span{
  white-space:nowrap;
  animation:tickerSlide 16s linear infinite;
}

@keyframes tickerSlide{
  0%{transform:translateX(30%)}
  100%{transform:translateX(-120%)}
}

.eyebrow{
  animation:softBlink 2.8s ease-in-out infinite;
}

@keyframes softBlink{
  0%,100%{opacity:.75}
  50%{opacity:1}
}