/* FREAKY KITCHEN – Typografie, plakativere Events, frechere handgemachte Icons.
   Separate experimentelle Theme-Datei; alle Spiele und Inhalte bleiben erhalten. */
:root{--fk-mono:'IBM Plex Mono','Courier New',monospace;--fk-ink:#271d1a;--fk-orange:#f79b08}
/* Die alte Leseschrift war DM Sans (mit Arial-Fallback), neu: markante Monospace-Leseschrift. */
body{font-family:var(--fk-mono);letter-spacing:-.018em}
.display,.dish h3,.arcade-preview strong,.ticket-card h3,.service h3,.service .display,.contact h2,.story-title,
.hero h1,.arcade-copy h2,.truck-copy h2,.marquee span{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em}
/* Zeilen weniger hochglanzartig; angenehme Breite und Lesbarkeit für längere Texte. */
.intro,.head p,.dish p,.service p,.story-text p,.quality-block p,.truck-copy p,.arcade-copy p,
.contact-info p,.burger-modal-copy p,.secret-surprise p,.service-cta p{font-family:var(--fk-mono);font-weight:400;font-size:clamp(.9rem,1.04vw,.98rem);line-height:1.8;letter-spacing:-.027em}
.intro{font-size:clamp(.95rem,1.08vw,1.02rem);line-height:1.75}
.story-text p{font-size:.93rem;line-height:1.85}
/* Typewriter-Editorial für die kleinen Aufschriften wie im Referenzfoto. */
.label,.arcade-eyebrow,.arcade-game-number,.arcade-tap,.dish .num,.dish .foot,
.ticket-card .event-date,.ticket-card .ticket-footer,.filter,.btn,.dish-reveal,.arcade-link,
.truck-mini-line,.truck-photo-sticker,.links,.legal,.service .num{
 font-family:var(--fk-mono);font-weight:700;letter-spacing:.045em;
}
.label,.dish .num,.arcade-game-number,.service .num{text-transform:uppercase}
.links{font-size:.7rem;letter-spacing:.015em;gap:clamp(10px,1.4vw,21px)}
.btn,.arcade-link,.dish-reveal{font-size:.71rem;letter-spacing:.016em}
.arcade-tap{font-size:.7rem}
/* Game cards: energy rather than bulk. */
.arcade-preview{border:2px solid #443022;box-shadow:4px 6px 0 #edbd7b;background:#ffbc59;overflow:hidden;isolation:isolate}
.arcade-preview-two{background:#fff3e3}
.arcade-preview:before{content:'✳';position:absolute;top:12px;right:17px;z-index:0;color:#2a1a13;font-size:1.4rem;transform:rotate(-16deg)}
.arcade-preview-two:before{content:'✦';color:#e38305;font-size:1.8rem}
.arcade-preview-one:after{content:'';position:absolute;right:-20px;top:40%;height:80px;width:80px;border:9px solid rgba(255,255,255,.4);border-radius:50%;z-index:-1}
.arcade-preview .arcade-emoji{display:flex;justify-content:center;align-items:center;transform:none;filter:none;min-height:118px}
.arcade-preview .freaky-arcade-icon{width:clamp(120px,11vw,158px);height:auto;transform:rotate(-7deg);filter:drop-shadow(2px 5px 0 rgba(51,30,13,.13));transition:transform .22s cubic-bezier(.2,.9,.2,1.35)}
.arcade-preview-two .freaky-arcade-icon{transform:rotate(7deg)}
@media(hover:hover){.arcade-preview:hover .freaky-arcade-icon{transform:rotate(7deg) scale(1.075)}.arcade-preview-two:hover .freaky-arcade-icon{transform:rotate(-7deg) scale(1.075)}}
.arcade-preview strong{font-size:clamp(2rem,2.75vw,3rem)}
.arcade-game-number{position:relative;z-index:1}
/* Festival tickets: original punchy foodtruck-orange, but thin, tailored borders. */
.event-grid{gap:17px}
.event-card.ticket-card{border:1.8px solid #473023;background:#fffdf8;border-radius:16px;box-shadow:4px 5px 0 #f4c17f;min-height:193px}
.ticket-card .ticket-band{background:#ffa51a;border-bottom:1.5px dashed #70421c;border-radius:14px 14px 0 0;min-height:56px;position:relative}
.ticket-card .ticket-band:before{content:'✳';position:absolute;left:16px;top:50%;transform:translateY(-50%) rotate(-18deg);font-size:1.17rem;color:#7a4309;opacity:.9}
.ticket-card .ticket-band:after{content:'✳';position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(18deg);font-size:1rem;color:#7a4309;opacity:.75}
.ticket-card .event-date{font-size:.93rem;letter-spacing:-.035em;font-weight:700;color:#271911;position:relative;z-index:1}
.ticket-card .ticket-main{padding:18px 23px 11px}
.ticket-card h3{font-size:clamp(2rem,2.48vw,2.3rem);letter-spacing:-.015em}
.ticket-card p{font-family:var(--fk-mono);font-size:.81rem;letter-spacing:-.025em;color:#5b4235}
.ticket-card .ticket-footer{border-color:#e6c9a8;color:#a7610c;font-size:.62rem}
.ticket-card:before,.ticket-card:after{top:45px;border:1.8px solid #473023;background:#fff6eb}
.ticket-card:hover{box-shadow:5px 8px 0 #efb86e;border-color:#3a251b}
/* Prevent slanted icons or monospaced labels breaking narrow mobile screens. */
@media(max-width:1050px){.links{gap:13px}.links>a{font-size:.65rem}}
@media(max-width:850px){.links{gap:0}.links>a{font-size:.75rem}}
@media(max-width:640px){
 .intro,.head p,.dish p,.service p,.story-text p,.arcade-copy p,.truck-copy p{font-size:.88rem;line-height:1.76}
 .arcade-preview .freaky-arcade-icon{width:min(100%,108px)}
 .arcade-preview .arcade-emoji{min-height:105px}
 .arcade-preview:before{font-size:1rem;top:11px;right:11px}
 .arcade-preview strong{font-size:clamp(1.72rem,7.5vw,2.4rem)}
 .ticket-card .ticket-band:before,.ticket-card .ticket-band:after{font-size:.78rem}
 .ticket-card .event-date{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.arcade-preview .freaky-arcade-icon{transition:none!important}.arcade-preview:hover .freaky-arcade-icon{transform:none!important}}
/* Arcade subpage follows same typography and stays playable. */
.site-header,.game-section,.memory-section{letter-spacing:-.013em}
.hero-text p,.section-heading p,.memory-copy p,.catch-status,.status,.return-grid p{
 font-family:var(--fk-mono);font-size:clamp(.88rem,1vw,.98rem);font-weight:400;line-height:1.72;
}
.eyebrow,.header-links,.pill,.catch-rules,.catch-hud small,.memory-stats small,.play-button,.arcade-music-toggle{
 font-family:var(--fk-mono);letter-spacing:.01em;font-weight:700;
}
.header-links{font-size:.68rem}
.catch-rules img,.game-eyebrow img{filter:drop-shadow(0 2px 1px rgba(76,43,20,.08))}


/* Foodtruck photo • smaller & clean variant, full source image visible */
.truck-layout{
  grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
  gap:clamp(38px,5.2vw,74px);
  align-items:center;
}
.truck-photo-panel{
  width:min(100%,440px);
  max-width:440px;
  margin:0 auto;
  justify-self:center;
  border:1px solid #e5cdb6;
  border-radius:17px;
  box-shadow:0 9px 24px rgba(64,37,16,.075);
  background:#fff9f0;
  transform:none!important;
}
.truck-photo-panel img,
.truck-photo-panel img.truck-photo{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1148/972;
  object-fit:contain;
  object-position:center;
  border-radius:15px;
}
.truck-photo-sticker{
  right:9px;
  bottom:-13px;
  padding:7px 9px;
  font-size:.56rem;
  letter-spacing:.025em;
  border:1px solid #ba7b27;
  border-radius:6px;
  box-shadow:0 2px 0 #e9c698;
  transform:none;
}
@media(max-width:940px){
  .truck-layout{grid-template-columns:1fr;gap:36px}
  .truck-photo-panel{width:min(100%,435px);max-width:435px}
}
@media(max-width:640px){
  .truck-layout{gap:35px}
  .truck-photo-panel{width:min(100%,365px);max-width:365px;margin:0 auto}
  .truck-photo-panel img,.truck-photo-panel img.truck-photo{height:auto;aspect-ratio:1148/972;object-fit:contain}
  .truck-photo-sticker{font-size:.51rem;padding:6px 8px;right:7px;bottom:-11px}
}