/* ═══════════════════════════════════════════════
   Pastry Games — Shared Art Deco Styles
   Used by both La Fournée & Rue Impériale
═══════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Josefin+Sans:wght@300;400;600&display=swap');

.pg-container {
  all: initial;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #07080F;
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: #F0EAD8;
  box-sizing: border-box;
}
.pg-container *, .pg-container *::before, .pg-container *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.pg-container::-webkit-scrollbar { width: 4px; background: #04050A; }
.pg-container::-webkit-scrollbar-thumb { background: #7A5C1E; }

/* ── Art Deco diamond BG grid ── */
.pg-deco-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient( 45deg,rgba(201,153,58,.06) 0,transparent 1px,transparent 34px,rgba(201,153,58,.06) 35px),
    repeating-linear-gradient(-45deg,rgba(201,153,58,.06) 0,transparent 1px,transparent 34px,rgba(201,153,58,.06) 35px);
}

/* ── Lang Switcher ── */
.pg-lang-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 50;
  background: #131624;
  border: 1px solid #7A5C1E;
  color: #C9993A;
  padding: 5px 10px;
  font-size: 11px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
}
.pg-lang-panel {
  position: absolute;
  top: 36px;
  right: 12px;
  z-index: 60;
  background: #0C0E1A;
  border: 1px solid #7A5C1E;
  max-height: 300px;
  overflow-y: auto;
  width: 210px;
  display: none;
}
.pg-lang-panel.open { display: block; }
.pg-lang-option {
  padding: 7px 14px;
  font-size: 12px;
  font-family: 'Josefin Sans', sans-serif;
  color: #908070;
  cursor: pointer;
  border-bottom: 1px solid rgba(201,153,58,.1);
}
.pg-lang-option:hover, .pg-lang-option.active { color: #E8C46A; background: #1E2238; }

/* ── Keyframe animations ── */
@keyframes pg-fade-slide { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes pg-float-up   { 0%{opacity:1;transform:translateX(-50%) translateY(0)} 80%{opacity:1} 100%{opacity:0;transform:translateX(-50%) translateY(-40px)} }
@keyframes pg-pulse      { 0%,100%{box-shadow:0 0 0 0 rgba(201,153,58,.5)} 50%{box-shadow:0 0 0 6px rgba(201,153,58,0)} }
@keyframes pg-shimmer    { 0%,100%{opacity:.2} 50%{opacity:.7} }
@keyframes pg-world-pop  { 0%{opacity:0;transform:scale(.85)} 12%{opacity:1;transform:scale(1.03)} 25%,75%{transform:scale(1);opacity:1} 90%{opacity:1} 100%{opacity:0;transform:scale(1.05)} }
@keyframes pg-notif      { 0%{opacity:0;transform:translateX(-50%) translateY(8px)} 12%,80%{opacity:1;transform:translateX(-50%) translateY(0)} 100%{opacity:0;transform:translateX(-50%) translateY(-8px)} }