/* Crafter winter decor: natural light swags ACROSS the complete top.
   Decorative-only overlays. Never add rows, padding or shift game controls. */
#app > .site-winter-garland { display:none!important; }

/* One continuous six-swag canopy with varied dips. Not a horizontal band. */
#app > header {position:relative;isolation:isolate;}
#app > header::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-3px;
  width:100%;
  height:64px;
  z-index:0;
  background:url("/static/assets/crafter-top-canopy.svg?v=1") no-repeat center top / 100% 100%;
  opacity:.95;
  pointer-events:none!important;
  user-select:none;
}
#app > header > * {z-index:1;}
/* The old side-vine overlays and mirrored half-width garlands are removed.
   No side-edge decoration is rendered. */
@media (max-width:390px) {
  #app > header::before {height:53px;top:-2px;opacity:.94;}
}
@media (min-width:650px) {
  #app > header::before {height:64px;top:-3px;}
}

/* Only a modest festive accent at the corners of the Arena playing field.
   All animation, tiles and hit-testing remain in the original SVG board. */
#app.arena-view .arena-board-frame {position:relative;}
#app.arena-view .arena-board-frame::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:34px;
  z-index:2;
  border-radius:inherit;
  pointer-events:none!important;
  background:
    url("/static/assets/crafter-hanging-lights.svg?v=3") no-repeat 0 -7px / 107px 35px,
    url("/static/assets/crafter-hanging-lights.svg?v=3") no-repeat right -7px / 95px 31px;
  opacity:.56;
}

/* Craft: small, soft evergreen accent near the upper edge, not in the forge. */
#app.craft-view .craft-page::after {
  content:"";
  position:absolute;
  top:37px;
  right:-12px;
  width:132px;
  height:40px;
  z-index:0;
  background:url("/static/assets/crafter-hanging-lights.svg?v=3") no-repeat top right / 100% 100%;
  opacity:.51;
  pointer-events:none!important;
}
@media (max-width:390px) {
  #app.arena-view .arena-board-frame::after {height:26px;background-size:83px 29px,77px 27px;}
  #app.craft-view .craft-page::after {width:105px;height:31px;right:-10px;top:38px;opacity:.43;}
}

/* Preserve existing centred info control in Craft. */
#app.craft-view > header > .craft-header {
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  transform:translate(-50%,-50%);
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  min-width:28px;
}
#app.craft-view > header > .craft-header h1 {display:none!important;}
#app.craft-view > header > .craft-header .info-btn {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin:0;
  border-radius:50%;
}