/* Die Gefaehrten 1.7.7 — Premium-Polish (loaded after style.css).
   Intentionally no .panel::before/::after and no closed-square corner art:
   these caused the unwanted top-left rectangle on earlier versions. */
:root {
  --dg-luxe-gold: #d5a965;
  --dg-luxe-light: #f1d7a2;
  --dg-luxe-dim: rgba(206,155,81,.32);
  --dg-luxe-shadow: 0 23px 52px rgba(0,0,0,.47),
    0 5px 17px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,223,170,.10),
    inset 0 -2px 12px rgba(3,4,9,.33);
}

/* Atmosphere stays behind all content; effects use only opacity/transform. */
.dg-atmosphere {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.dg-atmosphere::before,.dg-atmosphere::after {
  content:"";position:absolute;inset:-18%;pointer-events:none;will-change:transform,opacity;
}
.dg-atmosphere::before {
  background:radial-gradient(ellipse 31% 24% at 24% 17%,rgba(157,106,54,.095),transparent 75%),
    radial-gradient(ellipse 33% 30% at 82% 70%,rgba(152,88,36,.072),transparent 75%);
  animation:dg-gold-haze 34s ease-in-out infinite alternate;
}
.dg-atmosphere::after {
  background:radial-gradient(ellipse 31% 25% at 78% 19%,rgba(129,84,50,.08),transparent 74%),
    radial-gradient(ellipse 37% 28% at 25% 83%,rgba(39,64,94,.07),transparent 74%);
  animation:dg-gold-haze-reverse 43s ease-in-out infinite alternate;
}
@keyframes dg-gold-haze {
  from {transform:translate3d(-1.5%, 0, 0);opacity:.63}
  to {transform:translate3d(2%, 1.6%, 0);opacity:.99}
}
@keyframes dg-gold-haze-reverse {
  from {transform:translate3d(2%, -1.4%, 0);opacity:.89}
  to {transform:translate3d(-1.6%, 1.4%, 0);opacity:.48}
}
/* Existing animated embers remain restrained rather than becoming visual noise. */
.embers {opacity:.86}
.embers i {box-shadow:0 0 12px 2px rgba(239,155,63,.24)}

/* Material and shadows: consistent straight outlines, glassy top reflection. */
.site-shell :is(.panel:not(.play-card-row):not(.play-entry-spotlight),.hero-tile,.guild-premium-card,.guild-stat-card,.guild-hero-card,
 .guild-showcase-shell,.home-guild-preview-member,.home-guild-link,.story-chapter,
 .guild-calendar-appointment,.home-event-line,.guild-member-v138,.forum-thread) {
  border-color:rgba(213,163,90,.41)!important;
  box-shadow:var(--dg-luxe-shadow)!important;
  border-radius:0!important;
}
.site-shell .panel:not(.play-card-row):not(.play-entry-spotlight):not(.guild-directory-hero):not(.story-banner):not(.home-guild-link):not(.home-guild-preview-panel):not(.guild-showcase-shell):not(.home-online-panel):not(.home-community-card) {
  background:radial-gradient(ellipse 95% 90% at 100% 0%,rgba(143,96,50,.135),transparent 66%),
   radial-gradient(ellipse 80% 75% at 0% 100%,rgba(45,55,80,.10),transparent 73%),
   linear-gradient(132deg,rgba(31,26,29,.94),rgba(17,18,28,.94))!important;
}
/* Retain uploaded pictures / banner images; only improve their outer edges. */
.site-shell :is(.guild-directory-hero,.story-banner,.home-guild-link.has-background,
 .home-guild-preview-panel,.guild-showcase-shell) {
  box-shadow:0 27px 58px rgba(0,0,0,.5),0 0 28px rgba(153,101,47,.075),
    inset 0 1px 0 rgba(247,206,137,.13),inset 0 -2px 14px rgba(0,0,0,.18)!important;
}
/* Decorative open glints are separate tiny elements, not a 18x18 square. */
.dg-luxe-card {position:relative}
.dg-luxe-card>.dg-corner-glint {position:absolute;display:block;width:36px;height:11px;
  z-index:5;pointer-events:none;user-select:none;opacity:.74;
  filter:drop-shadow(0 0 5px rgba(234,173,79,.36));
  background-repeat:no-repeat;transition:opacity .25s ease,filter .25s ease;
}
.dg-luxe-card>.dg-corner-glint--tr {top:7px;right:9px;
  background-image:linear-gradient(90deg,transparent,rgba(224,173,90,.7)),
    radial-gradient(circle at center,#ffe2a4 0 1.4px,rgba(221,152,57,.38) 2.5px,transparent 4px);
  background-size:21px 1px,11px 11px;background-position:0 5px,25px 0;
}
.dg-luxe-card>.dg-corner-glint--bl {bottom:8px;left:9px;transform:rotate(180deg);
  background-image:linear-gradient(90deg,transparent,rgba(224,173,90,.62)),
    radial-gradient(circle at center,#ffe2a4 0 1.2px,rgba(221,152,57,.38) 2.3px,transparent 4px);
  background-size:21px 1px,11px 11px;background-position:0 5px,25px 0;
}
/* Avoid placing glints across controls in deliberately compact/interactive blocks. */
.dg-luxe-card:is(.guild-calendar-appointment,.home-event-line,.forum-thread)>.dg-corner-glint--bl {display:none}
@media (hover:hover) {
 .dg-luxe-card:hover>.dg-corner-glint {opacity:1;filter:drop-shadow(0 0 8px rgba(247,193,104,.58))}
 .site-shell :is(a.home-guild-link,a.home-guild-preview-member,a.guild-hero-card,a.guild-premium-card,a.panel.account-summary-link,a.panel.admin-dashboard-link):hover {
   border-color:rgba(245,192,112,.73)!important;
   box-shadow:0 28px 56px rgba(0,0,0,.49),0 0 28px rgba(214,142,57,.13),inset 0 1px 0 rgba(255,229,163,.17)!important;
 }
}
/* Gold reflections on links, buttons, navigation and fields. */
.site-shell .btn {position:relative;overflow:hidden;border-radius:0!important;
  text-shadow:0 1px 4px rgba(0,0,0,.16);
  transition:transform .2s ease,filter .24s ease,box-shadow .25s ease,border-color .25s ease;
}
.site-shell .btn.primary {
  background:linear-gradient(115deg,#885327 0%,#dba45b 31%,#f8d79b 53%,#b67d3c 77%,#91612e 100%);
  border-color:#f0c782;
  box-shadow:0 9px 23px rgba(153,92,36,.27),inset 0 1px 0 rgba(255,247,224,.4),inset 0 -1px 0 rgba(86,43,17,.4);
}
.site-shell .btn.ghost {
  background:linear-gradient(125deg,rgba(37,30,32,.83),rgba(10,13,21,.85));
  border-color:rgba(207,155,82,.53);
  box-shadow:inset 0 1px 0 rgba(255,214,147,.07),0 6px 13px rgba(0,0,0,.16);
}
@media (hover:hover) {
 .site-shell .btn:not(:disabled):hover {transform:translateY(-2px);filter:brightness(1.095);
   box-shadow:0 11px 24px rgba(0,0,0,.31),0 0 19px rgba(225,165,72,.21),inset 0 1px 0 rgba(255,232,177,.18)}
}
.site-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
  border-radius:0!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.site-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus-visible {
  border-color:rgba(244,194,109,.86)!important;
  box-shadow:0 0 0 3px rgba(225,165,73,.13),0 0 16px rgba(219,154,67,.12),inset 0 1px 4px rgba(0,0,0,.35)!important;
  outline:none;
}
.topbar {border-bottom-color:rgba(225,173,94,.47)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.49),inset 0 -1px rgba(245,192,112,.12)!important}
.topbar nav a {transition:color .24s ease,text-shadow .24s ease}
.topbar nav a:hover,.topbar nav a.active {text-shadow:0 0 12px rgba(242,180,83,.33)}
.site-shell .kicker {text-shadow:0 0 13px rgba(231,174,86,.18)}
.site-shell :is(.section-head h2,.guild-rank-heading h3,.member-section-title h2) {
 text-shadow:0 5px 18px rgba(0,0,0,.28);
}
/* Calendar cells benefit from a thin light bevel, not from adding decorations to every day. */
.guild-month-calendar .guild-calendar-day {box-shadow:inset 0 1px 0 rgba(255,224,161,.025)}
.guild-month-calendar .guild-calendar-day:hover {box-shadow:inset 0 0 0 1px rgba(218,168,92,.35),inset 0 1px 0 rgba(255,220,146,.08)}
/* On smaller screens reduce glow, keep layout, and prevent shifts while scrolling. */
@media (max-width:700px) {
  .site-shell :is(.panel,.hero-tile,.guild-premium-card,.home-guild-preview-member,.home-guild-link) {
    box-shadow:0 13px 28px rgba(0,0,0,.40),inset 0 1px rgba(255,225,165,.07)!important;
  }
  .dg-luxe-card>.dg-corner-glint {width:28px;opacity:.56}
  .dg-atmosphere::before,.dg-atmosphere::after {animation:none}
}
@media (prefers-reduced-motion:reduce) {
 .dg-atmosphere::before,.dg-atmosphere::after{animation:none!important;will-change:auto}
 .embers{display:none!important}
 .site-shell .btn,.dg-luxe-card>.dg-corner-glint,.topbar nav a {transition:none!important}
 .site-shell .btn:hover {transform:none!important}
}
