/* Shared cabinet materials for the TOP, selection rack and listening room. */
body[data-page=top] #main,
body[data-page=playlist] #main {
  box-shadow: inset 0 0 0 4px #ad773f, inset 0 0 0 7px #edc78b, inset 0 0 0 9px #98703d;
}
body[data-page=top] #main {
  background: linear-gradient(#fff8e71a,#fff8e71a),url('/assets/prototype/radio-room-fantasy-pale.png') center 70% / cover;
}
.portal-hero {
  border: 6px solid #b7874d;
  border-radius: 19px;
  box-shadow: 0 0 0 2px #78512e,inset 0 0 0 2px #edc78b,0 5px 8px #63412130;
}
.portal-panel {
  border: 2px solid #a58046;
  border-radius: 13px;
  background: #fff5ddf5;
  box-shadow: inset 0 0 0 2px #f4d99f,0 3px 5px #63412130;
}
.portal-panel>h2 {
  background: #efddb2;
  border-bottom-color: #b99962;
  color: #3e513a;
}
.guild-scroll,.news-scroll { scrollbar-color: #b99559 transparent; }
.news-row,.news-row:last-child { border-bottom-color: #d3bd8e; }
.news-type { background: #e9d6a7; }
.village-badge { background: #fff5dded; border-color: #d8b779; color: #475b3b; }
@media(max-width:760px) {
  body[data-page=top] #main,
  body[data-page=playlist] #main {
    box-shadow: inset 0 0 0 2px #ad773f,inset 0 0 0 4px #edc78b;
  }
  .portal-hero { border-width: 4px; border-radius: 13px; box-shadow: 0 0 0 1px #78512e,0 3px 5px #63412130; }
  .top-panels { border: 2px solid #a58046; background: #fff5ddf5; box-shadow: 0 2px 4px #63412130; }
  .panel-tabs { background: #efddb2; }
  .panel-tabs button { border-right-color: #c5a66f; color: #635337; }
  .panel-tabs button[aria-pressed=true] { background: #fff5dd; color: #29483d; }
  .top-panels .portal-panel { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .guild-panel>h2 { background: transparent; border-bottom-color: #d3bd8e; }
}