/* Student & Relax: nemes arany–barack energiatér. */
.floor-r4 {
  --relax-ink: #3a2418;
  --relax-deep: #684126;
  --relax-jade: #efb27b;
  --relax-gold: #f6d58f;
  --relax-ivory: #fff5df;
}

.floor-r4 .relax-overlay {
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 218, 145, 0.18), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(244, 169, 111, 0.16), transparent 34%),
    radial-gradient(circle at 84% 76%, rgba(255, 205, 133, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(73, 38, 19, 0.08), rgba(39, 19, 18, 0.38));
}

.floor-r4 .floor-control,
.floor-r4 .floor-identity {
  border-color: rgba(251, 215, 146, 0.5);
  background: linear-gradient(145deg, rgba(93, 56, 31, 0.84), rgba(54, 34, 30, 0.88));
  box-shadow: 0 12px 34px rgba(42, 19, 9, 0.34), inset 0 0 18px rgba(255, 221, 157, 0.06);
}

.floor-r4 .music-status {
  color: #ffe2a3;
  border-color: rgba(255, 218, 145, 0.56);
  background: linear-gradient(145deg, rgba(124, 72, 38, 0.9), rgba(67, 39, 31, 0.92));
}

.floor-r4 .relax-hero h1 {
  background: linear-gradient(180deg, #fffdf2 4%, #ffe9b2 43%, #f2bc72 76%, #c67a42 110%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 4px 0 rgba(84, 42, 20, 0.34)) drop-shadow(0 0 19px rgba(255, 198, 109, 0.16));
}

.floor-r4 .relax-panel {
  border-color: rgba(252, 216, 148, 0.55);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 213, 146, 0.15), transparent 34%),
    linear-gradient(145deg, rgba(117, 66, 37, 0.9), rgba(63, 36, 35, 0.93));
  box-shadow: 0 32px 90px rgba(44, 19, 8, 0.52), 0 0 36px rgba(243, 163, 92, 0.12), inset 0 0 45px rgba(255, 226, 167, 0.055);
  animation: relaxEnergyBreath 7s ease-in-out infinite;
}

.floor-r4 .relax-panel::before,
.floor-r4 .relax-panel::after {
  border-color: rgba(255, 223, 158, 0.54);
}

.floor-r4 .relax-card {
  position: relative;
  isolation: isolate;
  border-color: rgba(252, 218, 154, 0.46);
  background: linear-gradient(155deg, rgba(146, 87, 48, 0.93), rgba(68, 40, 36, 0.96));
  box-shadow: 0 18px 42px rgba(42, 19, 9, 0.34), inset 0 0 28px rgba(255, 223, 164, 0.055);
}

.floor-r4 .card-code {
  background: linear-gradient(155deg, rgba(160, 91, 57, 0.92), rgba(77, 42, 39, 0.96));
}

.floor-r4 .card-mahjong {
  background: linear-gradient(155deg, rgba(129, 82, 58, 0.93), rgba(58, 42, 42, 0.97));
}

.floor-r4 .relax-card::after {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 50% 28%, rgba(255, 226, 168, 0.13), transparent 54%);
  opacity: 0.72;
  animation: relaxInnerGlow 5.5s ease-in-out infinite;
}

.floor-r4 .relax-card:hover,
.floor-r4 .relax-card:focus-visible {
  border-color: rgba(255, 230, 179, 0.92);
  box-shadow: 0 26px 52px rgba(48, 20, 7, 0.46), 0 0 28px rgba(255, 184, 105, 0.24), inset 0 0 30px rgba(255, 229, 176, 0.08);
}

.floor-r4 .relax-symbol {
  border-color: rgba(255, 224, 162, 0.5);
  background: radial-gradient(circle, rgba(255, 233, 187, 0.2), rgba(248, 170, 103, 0.07) 60%, transparent 63%);
  box-shadow: 0 0 24px rgba(255, 190, 107, 0.1), inset 0 0 20px rgba(255, 236, 195, 0.07);
  animation: relaxSymbolPulse 6s ease-in-out infinite;
}

.floor-r4 .relax-copy strong,
.floor-r4 .future-garden strong {
  color: #ffe1a3;
}

.floor-r4 .relax-open {
  color: #ffe2a4;
  border-color: rgba(255, 222, 158, 0.47);
  background: linear-gradient(135deg, rgba(255, 211, 139, 0.11), rgba(255, 167, 105, 0.07));
}

.floor-r4 .future-garden {
  border-color: rgba(255, 220, 153, 0.4);
  background: linear-gradient(135deg, rgba(255, 220, 159, 0.07), rgba(229, 137, 90, 0.045));
}

.floor-r4 .relax-score {
  border-color: rgba(255, 219, 151, 0.52) !important;
  background: linear-gradient(150deg, rgba(103, 60, 36, 0.91), rgba(58, 37, 36, 0.94)) !important;
  box-shadow: 0 22px 54px rgba(44, 19, 9, 0.38), inset 0 0 22px rgba(255, 225, 168, 0.05) !important;
}

.floor-r4 .relax-bottom .ui-narration,
.floor-r4 .relax-music-card {
  border-color: rgba(255, 219, 151, 0.5) !important;
  background: linear-gradient(145deg, rgba(111, 64, 37, 0.94), rgba(61, 39, 36, 0.96)) !important;
}

.floor-r4 .relax-name-card {
  border-color: rgba(255, 220, 153, 0.72);
  background: linear-gradient(145deg, rgba(124, 71, 39, 0.98), rgba(62, 39, 38, 0.98));
  box-shadow: 0 32px 95px rgba(41, 17, 8, 0.64), 0 0 38px rgba(255, 184, 99, 0.2);
}

html[data-world="lili"] .relax-panel {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 225, 178, 0.18), transparent 35%),
    linear-gradient(145deg, rgba(157, 91, 69, 0.88), rgba(77, 45, 49, 0.93));
}

html[data-world="lili"] .relax-card {
  background: linear-gradient(155deg, rgba(181, 112, 82, 0.92), rgba(83, 48, 52, 0.96));
}

html[data-world="lili"] .card-code {
  background: linear-gradient(155deg, rgba(190, 119, 88, 0.92), rgba(91, 51, 55, 0.96));
}

html[data-world="lili"] .card-mahjong {
  background: linear-gradient(155deg, rgba(154, 104, 87, 0.92), rgba(74, 51, 57, 0.97));
}

html[data-world="lili"] .relax-score,
html[data-world="lili"] .relax-bottom .ui-narration,
html[data-world="lili"] .relax-music-card {
  background: linear-gradient(145deg, rgba(139, 80, 62, 0.94), rgba(73, 45, 49, 0.96)) !important;
}

@keyframes relaxEnergyBreath {
  0%, 100% { box-shadow: 0 32px 90px rgba(44, 19, 8, 0.52), 0 0 24px rgba(243, 163, 92, 0.09), inset 0 0 45px rgba(255, 226, 167, 0.05); }
  50% { box-shadow: 0 34px 96px rgba(44, 19, 8, 0.55), 0 0 44px rgba(255, 180, 94, 0.19), inset 0 0 55px rgba(255, 226, 167, 0.08); }
}

@keyframes relaxInnerGlow {
  0%, 100% { opacity: 0.46; transform: scale(0.985); }
  50% { opacity: 0.88; transform: scale(1); }
}

@keyframes relaxSymbolPulse {
  0%, 100% { box-shadow: 0 0 19px rgba(255, 190, 107, 0.08), inset 0 0 18px rgba(255, 236, 195, 0.06); }
  50% { box-shadow: 0 0 34px rgba(255, 187, 99, 0.2), inset 0 0 25px rgba(255, 236, 195, 0.1); }
}

@media (prefers-reduced-motion: reduce) {
  .floor-r4 .relax-panel,
  .floor-r4 .relax-card::after,
  .floor-r4 .relax-symbol { animation: none !important; }
}