/* ==========================================================================
   Pixelands — Halloween 2026 skin
   Loads AFTER dig.css on every page and only applies under <body class="hween">.
   To take the season down: drop "hween" from the body class (or the <link> and
   the halloween.js <script>) and the site is exactly "Dig Down" again.

   All art is the game's own (assets/img/hween/, see
   web/tools/build-halloween-assets.py): flat pixel sprites at whole-number
   scales, no soft glows on objects.

   Palette
     night   #0b0618   the sky, the page floor
     plum    #1a0d2c   panel fill
     grape   #6b3fa0   panel rule (the Ghost Boss's body)
     pumpkin #ff7a1a   the accent; replaces gold everywhere
     ecto    #7dffcf   spirit green, used for tags and the HUD
     blood   #b0121e   the liquid palette's LIQ_BLOOD
     bone    #f6ead2   type
   ========================================================================== */

.hween {
  --night:   #0b0618;
  --plum:    #1a0d2c;
  --plum-2:  #24123b;
  --grape:   #6b3fa0;
  --grape-dk:#3a2160;
  --pumpkin: #ff7a1a;
  --pump-hi: #ffb347;
  --pump-dk: #8a2c00;
  --ecto:    #7dffcf;
  --blood:   #b0121e;
  --bone:    #f6ead2;
  --ink-hw:  #12071f;

  /* dig.css tokens, re-pointed: every interior accent follows */
  --gold:    var(--pumpkin);
  --gold-dk: var(--pump-dk);
  --paper:   var(--bone);
  --dim:     #c8bad9;
  --dimmer:  #9a8bb3;
  --bedrock: var(--night);
  --rule:    rgba(186,140,255,.20);

  background: var(--night);
}

/* screen-reader copy for the split headline */
.hween .hw-sr {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------- FX canvases (halloween.js) ---------------------------------- */
.hw-fx {
  position: fixed; inset: 0; width: 100%; height: 100%;
  pointer-events: none; image-rendering: pixelated;
}
#hw-back  { z-index: 1; }
#hw-front { z-index: 55; }
#hw-dark  { z-index: 70; display: none; }
#hw-dark.on { display: block; }

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

/* the light wash that kept dark type readable on a day sky, now a dusk one
   that keeps LIGHT type readable on a night sky */
.hween .dig-sky::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg,
    rgba(11,6,24,.86) 0%, rgba(11,6,24,.58) 42%, rgba(11,6,24,0) 72%);
}
.hween .dig-sky { color: var(--bone); padding-bottom: 168px; }
.hween .dig-nav a { color: var(--bone); }
.hween .dig-nav a:hover,
.hween .dig-nav a[aria-current="page"] { border-bottom-color: var(--pumpkin); color: #fff; }
.hween .dig-sky a:focus-visible { outline-color: var(--pumpkin); }

/* event ribbon above the headline */
.hw-ribbon {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--mono); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--ecto); text-decoration: none;
  background: var(--ink-hw); border: 2px solid var(--ecto); border-radius: 6px;
  padding: 6px 12px 6px 8px; margin-bottom: 22px;
  box-shadow: 4px 4px 0 #000;
  transition: transform .12s ease, box-shadow .12s ease;
}
.hw-ribbon:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #000; text-decoration: none; }
.hw-ribbon b { color: var(--bone); font-weight: 400; }
.hw-ribbon i {
  width: 32px; height: 32px; flex: none;          /* Harvest Fest: the game's Tractor (2324) inventory icon */
  background: url("../img/hween/tractor.png") 0 0 / 32px 32px no-repeat;
  image-rendering: pixelated;
}
@keyframes hw-strip3 { to { background-position: -96px 0; } }

.hween .dig-sky h1 {
  color: var(--bone);
  text-shadow: 0 5px 0 var(--grape-dk), 0 9px 0 rgba(0,0,0,.45);
}
.hw-scream { color: var(--pumpkin); }
.hw-scream .w { display: inline-block; white-space: nowrap; }
.hw-scream .w span {
  display: inline-block;
  text-shadow: 0 5px 0 var(--pump-dk), 0 9px 0 rgba(0,0,0,.5);
  transition: opacity .06s linear;
}
.hw-scream .w span.off { opacity: .28; }
.hween .dig-sky h1:hover .hw-scream .w span { animation: hw-wave .6s ease-in-out infinite; }
@keyframes hw-wave {
  0%, 100% { transform: translateY(0) rotate(0); }
  30%      { transform: translateY(-7px) rotate(-4deg); }
  60%      { transform: translateY(2px) rotate(3deg); }
}
.hween .dig-lead { color: #efe2ff; }
.hween .dig-sub  { color: #cbbbe0; }
.hween .dig-note { color: #b9a6d6; }

/* ---------- buttons ------------------------------------------------------ */
.hween .dig-btn {
  background: var(--pumpkin); color: #2a0d00;
  border-color: #000; box-shadow: 5px 5px 0 var(--grape);
}
.hween .dig-btn:hover { animation: hw-jelly .5s ease; }
.hween .dig-btn:active { transform: translate(5px,5px); box-shadow: 0 0 0 var(--grape); animation: none; }
.hween .dig-btn.alt { background: var(--bone); color: var(--ink-hw); }
.hween .dig-btn.on-dark { border-color: #000; box-shadow: 5px 5px 0 var(--grape); }
.hween .dig-btn.ecto { background: var(--ecto); color: #062a1f; }
@keyframes hw-jelly {
  0%   { transform: scale(1,1); }
  30%  { transform: scale(1.08,.92); }
  50%  { transform: scale(.95,1.06); }
  70%  { transform: scale(1.03,.98); }
  100% { transform: scale(1,1); }
}

/* ---------- the level panels -------------------------------------------- */
.hween .mine::before {
  background: radial-gradient(ellipse 88% 80% at 50% 50%, transparent 58%, rgba(20,0,6,.35) 100%);
}
.hween .mine > .in {
  background: rgba(22,11,36,.95);
  border: 3px solid var(--grape);
  box-shadow: 8px 8px 0 rgba(6,2,12,.85), 0 18px 44px rgba(0,0,0,.55);
  transition: border-color .2s ease;
}
.hween .mine > .in:hover { border-color: var(--pumpkin); }

/* alternate panels drip; the others are webbed */
.hween .mine-l1 > .in,
.hween .mine-l3 > .in,
.hween .mine-l6 > .in,
.hween .mine-hw > .in {
  background:
    url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x,
    rgba(22,11,36,.95);
}
.hween .mine-l0 > .in::before,
.hween .mine-l2 > .in::before,
.hween .mine-l5 > .in::before,
.hween .mine-l0 > .in::after,
.hween .mine-l2 > .in::after,
.hween .mine-l5 > .in::after {
  content: ""; position: absolute; top: 0; width: 48px; height: 48px; pointer-events: none;
  background: url("../img/hween/cobweb.png") 0 0 / 48px 48px no-repeat;
  image-rendering: pixelated; opacity: .75;
}
.hween .mine > .in::before { left: 0; }
.hween .mine > .in::after  { right: 0; transform: scaleX(-1); }

.hween .mine-level {
  color: var(--ecto); background: var(--ink-hw); border-color: var(--pumpkin);
  transform-origin: 50% -20px; position: relative; z-index: 2;
}
.hween .mine-level b { color: var(--bone); }
.hween .mine > .in:hover .mine-level { animation: hw-swing 1.4s ease-in-out; }
@keyframes hw-swing {
  0% { transform: rotate(0); } 18% { transform: rotate(-5deg); } 40% { transform: rotate(3.5deg); }
  62% { transform: rotate(-2deg); } 82% { transform: rotate(1deg); } 100% { transform: rotate(0); }
}

.hween .dig-band h2 { color: var(--bone); text-shadow: 0 3px 0 var(--grape-dk); }
.hween .dig-intro { color: #cbbbe0; }

.hween .dig-rows { border-color: rgba(186,140,255,.22); }
.hween .dig-row { background: rgba(10,4,18,.72); border-left: 4px solid transparent; transition: background .15s, border-color .15s; }
.hween .dig-row:hover { background: rgba(255,122,26,.10); border-left-color: var(--pumpkin); }
.hween .dig-row:hover img { animation: hw-bob .5s ease-in-out infinite alternate; }
@keyframes hw-bob { from { transform: translateY(2px) rotate(-4deg); } to { transform: translateY(-4px) rotate(4deg); } }
.hween .dig-row .rd { color: var(--ecto); }

.hween .dig-plat, .hween .dig-contact { background: rgba(10,4,18,.82); border-color: rgba(186,140,255,.22); transition: transform .12s, border-color .12s; }
.hween .dig-plat:hover, .hween .dig-contact:hover { transform: translate(-2px,-2px); border-color: var(--pumpkin); }
.hween .dig-plat .rd { color: var(--ecto); }
.hween .dig-plat .dig-btn[aria-disabled="true"] { background: #2a1840; color: var(--dim); }
.hween .dig-notice { background: rgba(10,4,18,.7); border-left-color: var(--pumpkin); }
.hween .dig-notice a, .hween .dig-contact a { color: var(--pump-hi); }

/* ---------- jack-o'-lanterns sitting on the panels (halloween.js) -------- */
.hw-jack {
  position: absolute; top: -40px; right: 26px; z-index: 4;
  width: 48px; height: 44px; padding: 0; border: 0; cursor: pointer;   /* lit Pumpkin Statue 1310 */
  background: url("../img/hween/statue-strip.png") 0 0 / 144px 44px no-repeat;
  image-rendering: pixelated;
  animation: hw-jack .54s steps(3) infinite;
  transition: transform .1s ease;
}
.hw-jack:hover { transform: translateY(-3px) scale(1.06); }
.hw-jack:focus-visible { outline: 3px solid var(--pumpkin); outline-offset: 3px; }
.hw-jack.smashed { visibility: hidden; }
.hw-jack.back { animation: hw-jack .54s steps(3) infinite, hw-pop .35s ease-out; }
@keyframes hw-jack { to { background-position: -144px 0; } }
@keyframes hw-pop { from { transform: scale(.2) translateY(20px); } 70% { transform: scale(1.15); } to { transform: scale(1); } }

/* a cave bat roosting under a panel's top edge; brush it and it flies */
.hw-hang {
  position: absolute; top: 3px; z-index: 4; width: 36px; height: 46px;
  background: url("../img/hween/bat-5.png") -18px 0 / 72px 56px no-repeat;
  image-rendering: pixelated; transform-origin: 50% 0;
  animation: hw-dangle 3s ease-in-out infinite;
}
.hw-hang.gone { visibility: hidden; }
@keyframes hw-dangle { 0%,100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }

/* ==========================================================================
   THE EVENT PANEL  (#halloween)
   ========================================================================== */
.hween .mine-hw { --ore: url("../img/hween/statue.png"); }
.hween .mine-hw > .in { max-width: 980px; }
.hw-count {
  display: flex; gap: 12px; flex-wrap: wrap; margin: 26px 0 6px; align-items: stretch;
}
.hw-count .lbl {
  font-family: var(--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--ecto); align-self: center; margin-right: 6px;
}
@media (max-width: 560px) { .hw-count .lbl { flex-basis: 100%; } .hw-count div { min-width: 0; flex: 1; } }
.hw-count div {
  min-width: 78px; text-align: center;
  background: var(--ink-hw); border: 3px solid var(--pumpkin); border-radius: 6px;
  box-shadow: 5px 5px 0 #000; padding: 8px 10px 6px;
}
.hw-count b {
  display: block; font-family: var(--display); font-weight: 400; font-size: 38px; line-height: 1;
  color: var(--pumpkin); font-variant-numeric: tabular-nums;
}
.hw-count b.tick { animation: hw-tick .3s ease-out; }
@keyframes hw-tick { from { transform: translateY(-6px) scale(1.15); color: #fff; } to { transform: none; } }
.hw-count small {
  display: block; font-family: var(--mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dim); margin-top: 4px;
}

.hw-cards {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 30px;
}
@media (max-width: 860px) { .hw-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .hw-cards { grid-template-columns: 1fr; } }
.hw-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--plum); border: 3px solid var(--grape-dk); border-radius: 8px;
  box-shadow: 6px 6px 0 #05020a; overflow: hidden;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.hw-card:hover {
  transform: translate(-3px,-3px) rotate(-.6deg);
  box-shadow: 10px 10px 0 #05020a; border-color: var(--pumpkin);
}
.hw-card:nth-child(even):hover { transform: translate(-3px,-3px) rotate(.6deg); }
.hw-art {
  position: relative; height: 150px; display: grid; place-items: center;
  background: var(--soil) url("../img/hween/dirt-malev.png") 0 0 / 64px 64px;
  image-rendering: pixelated; border-bottom: 3px solid var(--grape-dk);
}
.hw-art.autumn { background-image: url("../img/hween/dirt-autumn.png"); }
.hw-art.blood  { background-image: url("../img/hween/dirt-blood.png"); }
.hw-art::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 55%, rgba(26,13,44,.15) 0, rgba(26,13,44,.78) 78%);
}
.hw-art > * { position: relative; z-index: 1; }
.hw-card:hover .hw-art .spr { animation-duration: .35s; }
.hw-card:hover .hw-art .bob { animation: hw-bob .45s ease-in-out infinite alternate; }

.hw-body { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.hw-body .rd {
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ecto); margin-bottom: 7px;
}
.hw-body h3 { font-size: 22px; color: var(--bone); }
.hw-body p { font-size: 14.5px; line-height: 1.55; color: #cbbbe0; margin: 8px 0 0; }
.hw-body .dig-btn { margin-top: 16px; align-self: flex-start; font-size: 14px; padding: 8px 14px; }

/* the sprites in the cards: whole-number scales only */
.spr { display: block; image-rendering: pixelated; background-repeat: no-repeat; }
.spr-ghoul  { width: 128px; height: 128px; background: url("../img/hween/ghoul-strip.png") 0 0 / 512px 128px; animation: hw-s4-128 .8s steps(4) infinite; }
.spr-spirit { width: 96px; height: 96px; background: url("../img/hween/spirit-strip.png") 0 0 / 864px 96px; animation: hw-s9-96 1.44s steps(9) infinite; }
.spr-shark  { width: 96px; height: 96px; background: url("../img/hween/shark-strip.png") 0 0 / 864px 96px; animation: hw-s9-96 1.44s steps(9) infinite; }
/* the spirits' idle blink: spirit_frame() 0 0 0 1 1 1 0 0 2, 160 ms a step, baked as 9 cells */
@keyframes hw-s9-96 { to { background-position: -864px 0; } }
.spr-skull  { width: 80px; height: 80px; background: url("../img/hween/skull.png") 0 0 / 80px 80px; }
.spr-icon   { width: 128px; height: 128px; background-size: 128px 128px; }
.spr-gvirus { background-image: url("../img/hween/gvirus.png"); }
.spr-bucket { background-image: url("../img/hween/bloodbucket.png"); }
.spr-jar    { width: 64px; height: 64px; background: url("../img/hween/jar-full.png") 0 0 / 64px 64px; }
.spr-fish   { width: 64px; height: 64px; background-size: 64px 64px; }
.spr-vamp   { background-image: url("../img/ocean/fish-1243.png"); }
.spr-bone   { background-image: url("../img/ocean/fish-1242.png"); }
@keyframes hw-s4-128 { to { background-position: -512px 0; } }
@keyframes hw-s4-96  { to { background-position: -384px 0; } }
.hw-art .pair { display: flex; align-items: center; gap: 8px; }

/* Labyrinth: a torch beam swinging over the skull */
.hw-art.dark { background-color: #050208; }
.hw-art.dark::before { background: rgba(5,2,8,.92); }
.hw-beam {
  position: absolute !important; inset: 0; z-index: 2 !important; pointer-events: none;
  background: conic-gradient(from 160deg at 50% 100%, transparent 0deg, rgba(255,230,160,.22) 14deg,
    rgba(255,230,160,.22) 30deg, transparent 44deg);
  animation: hw-sweep 3.2s ease-in-out infinite alternate;
  transform-origin: 50% 100%;
}
@keyframes hw-sweep { from { transform: rotate(-26deg); } to { transform: rotate(26deg); } }
.hw-art.dark .spr-skull { animation: hw-reveal 3.2s ease-in-out infinite alternate; }
@keyframes hw-reveal { 0%, 30% { opacity: .15; } 50% { opacity: 1; } 70%, 100% { opacity: .15; } }

/* Nullgorge: a canvas of black matter (halloween.js); a plain black hole without JS */
.hw-null { width: 128px; height: 128px; image-rendering: pixelated; border-radius: 50%; background: #000; }
.hw-null.live { background: transparent; border-radius: 0; }

/* the weather orbs row */
.hw-orbs {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 22px;
}
@media (max-width: 700px) { .hw-orbs { grid-template-columns: repeat(2, 1fr); } }
.hw-orb {
  display: flex; align-items: center; gap: 12px;
  background: rgba(10,4,18,.75); border: 2px solid rgba(186,140,255,.22); border-radius: 6px;
  padding: 10px 12px;
}
.hw-orb img { width: 64px; height: 64px; flex: none; animation: hw-float 2.4s ease-in-out infinite alternate; }
.hw-orb:nth-child(2) img { animation-delay: -.6s; }
.hw-orb:nth-child(3) img { animation-delay: -1.2s; }
.hw-orb:nth-child(4) img { animation-delay: -1.8s; }
@keyframes hw-float { from { transform: translateY(3px); } to { transform: translateY(-4px); } }
.hw-orb b { display: block; font-family: var(--display); font-weight: 400; font-size: 16px; color: var(--bone); }
.hw-orb span { display: block; font-size: 12.5px; color: var(--dim); line-height: 1.4; }
.hw-orbs-h {
  font-family: var(--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--ecto); margin: 34px 0 0;
}

/* ---------- bedrock: something lives under it --------------------------- */
.hween .dig-bedrock {
  position: relative; overflow: hidden; padding-bottom: 150px;
  background: var(--night);
  border-top: 0;
}
.hween .dig-bedrock::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 32px;
  background: url("../img/hween/dirt-blood.png") 0 0 / 32px 32px repeat-x;
  image-rendering: pixelated;
}
/* the Revenant Knight lurking in the bedrock (spr_mob_13_idle frame 0, 90px canvas at x2.4 like the live boss) */
.hw-boss {
  position: absolute; left: 50%; bottom: -112px; z-index: 2;
  width: 216px; height: 216px; margin-left: -108px; padding: 0; border: 0; cursor: pointer;
  background: url("../img/hween/knight-idle-0.png") 0 0 / 216px 216px no-repeat transparent;
  image-rendering: pixelated;
  transition: transform .35s cubic-bezier(.3,1.6,.5,1);
  animation: hw-lurk 4s ease-in-out infinite;
}
.hw-boss:hover { transform: translateY(-34px); }
.hw-boss:focus-visible { outline: 3px solid var(--pumpkin); outline-offset: -20px; }
.hw-boss.gone { display: none; }
@keyframes hw-lurk { 0%,100% { bottom: -116px; } 50% { bottom: -104px; } }
.hw-boss-tip {
  position: absolute; left: 50%; bottom: 112px; transform: translateX(-50%);
  font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--dimmer); white-space: nowrap; pointer-events: none;
}

/* ---------- footer ------------------------------------------------------- */
.hween .dig-foot, .hween .site-foot { background: var(--night); }

/* ---------- depth gauge -------------------------------------------------- */
.hween .dig-gauge { background: rgba(18,7,31,.94); border-color: var(--pumpkin); box-shadow: 4px 4px 0 #000; }
.hween .dig-gauge b { color: var(--pumpkin); }
.hween .dig-gauge .rail { background: #2a1840; }
.hween .dig-gauge .rail i {
  width: 16px; height: 15px; left: -6px; border-radius: 0;
  background: url("../img/hween/statue.png") 0 0 / 16px 15px no-repeat;
  image-rendering: pixelated;
}

/* ==========================================================================
   HUD: candy jar + lights switch (halloween.js builds it)
   ========================================================================== */
.hw-hud {
  position: fixed; right: 16px; bottom: 16px; z-index: 80;
  display: flex; gap: 10px; align-items: center;
}
.hw-chip, .hw-lights {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--display); font-size: 16px; color: var(--bone);
  background: rgba(18,7,31,.95); border: 3px solid var(--ecto); border-radius: 8px;
  box-shadow: 4px 4px 0 #000; padding: 6px 12px;
}
.hw-chip { display: none; }
.hw-chip.on { display: inline-flex; }
.hw-chip img { width: 36px; height: 22px; image-rendering: pixelated; }
.hw-chip b { font-weight: 400; font-variant-numeric: tabular-nums; min-width: 2ch; }
.hw-chip small { font-family: var(--mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.hw-chip.pop { animation: hw-chippop .35s ease-out; }
@keyframes hw-chippop { 0% { transform: scale(1); } 40% { transform: scale(1.22) rotate(-3deg); } 100% { transform: scale(1); } }
.hw-lights { cursor: pointer; border-color: var(--pumpkin); }
.hw-lights:hover { background: #2a1840; }
.hw-lights:active { transform: translate(4px,4px); box-shadow: 0 0 0 #000; }
.hw-lights:focus-visible { outline: 3px solid var(--bone); outline-offset: 3px; }
.hw-lights[aria-pressed="true"] { background: var(--pumpkin); color: #2a0d00; }
@media (max-width: 520px) {
  .hw-hud { right: 10px; bottom: 10px; gap: 6px; }
  .hw-chip, .hw-lights { font-size: 14px; padding: 5px 9px; }
  .hw-chip small { display: none; }
}

/* ==========================================================================
   INTERIOR PAGES
   ========================================================================== */
.hween .site-head { background: rgba(14,6,24,.96); }
.hween .site-head::after {
  height: 28px; bottom: -26px;
  background: url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x;
}
.hween .nav a { color: var(--dim); }
.hween .nav a[aria-current="page"] { color: var(--pumpkin); border-bottom-color: var(--pumpkin); }
.hween .page-head {
  background: #1a0f22 url("../img/hween/dirt-malev.png") 0 0 / 64px 64px;
  padding-top: 82px;
}
.hween .page-head::before { background: linear-gradient(rgba(26,8,40,.70), rgba(11,6,24,.92)); }
.hween .page-head h1 { color: var(--bone); text-shadow: 0 4px 0 var(--grape-dk); }
.hween .doc, .hween .section, .hween .error-main { background: var(--night); }
.hween .section-alt { background: #120a1e; border-color: #24133a; }
.hween .doc p, .hween .doc li { color: #d6cbe6; }
.hween .btn-primary, .hween a.btn-primary { background: var(--pumpkin); color: #2a0d00; }

/* wiki hub hero sits on blood dirt for the month */
.hween .w-hero { background: #1a0f22 url("../img/hween/dirt-blood.png") 0 0 / 64px 64px; }
.hween .w-hero::before { background: linear-gradient(rgba(26,8,40,.62), rgba(11,6,24,.86)); }
.hween .w-subhead { background: rgba(18,8,30,.95); }

/* the moon over every page head; the hero's moon, at x4 */
.hween .page-head { overflow: hidden; }
.hween .page-head::after {
  content: ""; position: absolute; right: 9%; top: 34px; width: 104px; height: 104px;
  background: url("../img/hween/moon.png") 0 0 / 104px 104px no-repeat;
  image-rendering: pixelated; opacity: .9;
}
@media (max-width: 620px) { .hween .page-head::after { width: 52px; height: 52px; background-size: 52px 52px; right: 16px; top: 40px; } }

/* buttons: the same purple press as the homepage, or the shadow vanishes on the night */
.hween .btn { border-color: #000; box-shadow: 5px 5px 0 var(--grape); }
.hween .btn:active { box-shadow: 0 0 0 var(--grape); }
.hween .btn-ghost, .hween a.btn-ghost { background: #24123b; }
.hween .w-btn { border-color: #000; box-shadow: 4px 4px 0 var(--grape); }
.hween .w-btn:active { box-shadow: 0 0 0 var(--grape); }
@media (max-width: 620px) { .hween .btn { box-shadow: 4px 4px 0 var(--grape); } }

/* the wiki's sub-nav sits flush under the header: keep the drips inside it there */
.hween[data-wiki-slug] .site-head::after { bottom: 0; height: 14px; background-size: 32px 14px; }

/* 404: a lost spirit */
.hween .error-main .wrap::before {
  content: ""; display: block; margin: 0 auto 18px; width: 96px; height: 96px;
  background: url("../img/hween/spirit-strip.png") 0 0 / 864px 96px no-repeat;
  image-rendering: pixelated;
  animation: hw-s9-96 1.44s steps(9) infinite, hw-float 1.6s ease-in-out infinite alternate;
}

/* ==========================================================================
   THE LABYRINTH BACKGROUND (assets/js/labyrinth.js) - replaces #ocean for the season
   ========================================================================== */
#laby {
  position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%;
  display: block; pointer-events: none; background: #050208;
  opacity: 0; transition: opacity .45s ease;
}
#laby.on { opacity: 1; }
/* panels sit a little over the tower's inner wall; they let a hint of it through */
.hween .mine > .in { background-color: rgba(22,11,36,.90); }
.hween .mine-l1 > .in, .hween .mine-l3 > .in, .hween .mine-l6 > .in, .hween .mine-hw > .in {
  background:
    url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x,
    rgba(22,11,36,.90);
}
.hween .mine::before { background: none; }

/* ==========================================================================
   THE DESCENT (body.hw-laby, set by labyrinth.js)
   The maze tower is 9 tiles x 64px = 576px, centred. The panels are NOTICE-BOARDS hung on chains either
   side of the shaft, alternating, each overlapping the tower's outer wall by one tile. A board is dim
   until you reach it; then its lantern lights and it flickers on. The explorer's torchlight washes
   over it as they pass (--lx/--ly, written each frame by labyrinth.js).
   ========================================================================== */
.hween.hw-laby { --shaft: 288px; --bite: 72px; }
.hween.hw-laby .mine { padding: 64px 24px; }
.hween.hw-laby .mine > .in {
  container-type: inline-size;
  background:
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.22), rgba(255,196,120,0) 72%),
    linear-gradient(rgba(12,9,20,.90), rgba(12,9,20,.94)),
    url("../img/laby/bg.png") 0 0 / 64px 64px;
  border: 4px solid #4a4360; border-radius: 6px;
  box-shadow: inset 0 0 0 2px #15111f, inset 0 5px 0 rgba(255,255,255,.05), 12px 14px 0 rgba(0,0,0,.65);
  filter: brightness(.42) saturate(.55);
  transition: filter .7s ease, border-color .7s ease, box-shadow .7s ease;
}
.hween.hw-laby .mine > .in.lit {
  filter: none; border-color: #a77b45;
  box-shadow: inset 0 0 0 2px #15111f, inset 0 5px 0 rgba(255,255,255,.06), 12px 14px 0 rgba(0,0,0,.65),
              0 0 70px rgba(255,170,80,.16);
  animation: hw-ignite .9s linear;
}
.hween.hw-laby .mine > .in.lit:hover { border-color: var(--pumpkin); }
@keyframes hw-ignite {
  0% { filter: brightness(.42) saturate(.55); } 12% { filter: none; } 22% { filter: brightness(.5) saturate(.6); }
  34% { filter: none; } 46% { filter: brightness(.7); } 60%, 100% { filter: none; }
}

/* the chains it hangs from: Steel Chain-middle, running up into the dark */
.hween.hw-laby .mine > .in::before,
.hween.hw-laby .mine > .in::after {
  content: ""; position: absolute; bottom: 100%; top: auto; width: 32px; height: 150px; opacity: 1;
  background: url("../img/laby/chain-mid.png") 50% 100% / 64px 64px repeat-y; transform: none;
  image-rendering: pixelated; pointer-events: none;
  -webkit-mask-image: linear-gradient(transparent, #000 55%); mask-image: linear-gradient(transparent, #000 55%);
}
.hween.hw-laby .mine > .in::before { left: 16%; right: auto; }
.hween.hw-laby .mine > .in::after  { right: 16%; left: auto; }

/* the board's lantern: Dungeon Lantern OFF until you get here, then lit */
.hw-lamp {
  position: absolute; top: -66px; width: 64px; height: 64px; z-index: 3; pointer-events: none;
  background: url("../img/laby/lamp-off.png") 0 0 / 64px 64px no-repeat; image-rendering: pixelated;
}
.hw-left > .in > .hw-lamp  { left: -36px; }
.hw-right > .in > .hw-lamp { right: -36px; }
@media (max-width: 1179px) {
  .hw-left > .in > .hw-lamp  { left: 6px; }
  .hw-right > .in > .hw-lamp { right: 6px; }
}
.in.lit > .hw-lamp {
  background-image: url("../img/laby/lamp-on.png");
  animation: hw-lampglow 2.4s ease-in-out infinite;
}
@keyframes hw-lampglow {
  0%, 100% { filter: drop-shadow(0 0 10px rgba(110,255,220,.65)); }
  45% { filter: drop-shadow(0 0 18px rgba(110,255,220,.85)); }
  50% { filter: drop-shadow(0 0 6px rgba(110,255,220,.45)); }
}

/* boards replace the old trims */
.hween.hw-laby .hw-hang { display: none; }
.hween.hw-laby .dig-gauge { display: none; }      /* the left boards own that gutter now */
.hween.hw-laby .mine-level { background: #1a1424; border-color: #a77b45; color: var(--pump-hi); box-shadow: 3px 3px 0 #000; }
.hween.hw-laby .dig-rows { border-color: #2e2840; }
.hween.hw-laby .dig-row { background: rgba(8,6,14,.55); }
.hween.hw-laby .dig-plat, .hween.hw-laby .dig-contact, .hween.hw-laby .hw-card, .hween.hw-laby .hw-orb {
  background: rgba(8,6,14,.6); border-color: #2e2840;
}
.hween.hw-laby .mine-hw > .in {
  background:
    url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x,
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.22), rgba(255,196,120,0) 72%),
    linear-gradient(rgba(12,9,20,.90), rgba(12,9,20,.94)),
    url("../img/laby/bg.png") 0 0 / 64px 64px;
}

/* SIDE BY SIDE with the shaft, where there is room for it */
@media (min-width: 1180px) {
  .hween.hw-laby .mine > .in {
    --pw: min(620px, calc(50vw - var(--shaft) + var(--bite) - 36px));
    width: var(--pw); max-width: none; margin: 0;
  }
  .hween.hw-laby .mine.hw-left > .in  { margin-left: calc(50% - var(--shaft) + var(--bite) - var(--pw)); }
  .hween.hw-laby .mine.hw-right > .in { margin-left: calc(50% + var(--shaft) - var(--bite)); }
}

/* the boards are narrow: reflow what is inside them by the board's own width */
@container (max-width: 680px) {
  .dig-row { grid-template-columns: 48px 1fr; gap: 14px; }
  .dig-row .rd { display: none; }
  .dig-plats { grid-template-columns: 1fr; }
  .dig-contacts { grid-template-columns: repeat(2, 1fr); }
  .hw-orbs { grid-template-columns: repeat(2, 1fr); }
  .hw-cards { grid-template-columns: 1fr; gap: 14px; }
  .hw-card { flex-direction: row; }
  .hw-card .hw-art { width: 150px; height: auto; min-height: 150px; flex: none; border-bottom: 0; border-right: 3px solid var(--grape-dk); }
  .hw-card .hw-art .pair { transform: scale(.66); }
  .hw-card .hw-body { padding: 14px 16px; }
  .hw-count div { min-width: 64px; }
  .hw-count b { font-size: 30px; }
}
@container (max-width: 420px) {
  .hw-card .hw-art { width: 112px; min-height: 0; }
  .hw-card .hw-art > .spr, .hw-card .hw-art > canvas { transform: scale(.75); }
  /* a pair is too wide for the slim art column: keep the main sprite, drop its sidekick */
  .hw-card .hw-art .pair > :last-child { display: none; }
  .hw-card .hw-art .pair { transform: scale(.75); }
  .hw-card .hw-body p { font-size: 13.5px; }
  .dig-contacts { grid-template-columns: 1fr; }
}

/* the hero's wash is drawn on the labyrinth canvas over the Halloween backdrop */
.hween.hw-laby .dig-sky::before { background: none; }

/* ==========================================================================
   THE IN-GAME UI
   Lifted from the GML client's own primitives, so the site's chrome is the game's chrome:
     dtextt        Lilita, white, a 1px black stroke all round + a 2px drop shadow at 50%
     gt_glass      frosted panel: rgb(10,16,30) over a blur, a thin rgb(150,190,235) rim at .55
     pl_plate      black rounded plate (radius min(h*.34, 12)), hard shadow 3,4 at .34
     pl_slab       the button: that plate at .52 black (+.20 on hover), lifts 2px, UPPERCASE label in
                   rgb(214,218,236) going white; "active" merges the fill toward the accent colour
     sc_row        list row: black rounded 8 at .28, .40 hovered
     pnl_item_head item frame rgb(22,25,36), rounded 7, rim in the item's RARITY colour
     pnl_chip      rgb(30,34,46) chip, rounded 4, coloured label
     lab_pill      Labyrinth HUD pill: rgb(16,13,24) at .82, accent rim .55, muted label over white value
     colours       cGold 255,205,40 / cMuted 178,186,208 / cGreen 74,192,86 / cCyan 96,196,236 /
                   sc_header sub 120,128,152 / global.rarity[]
   ========================================================================== */
.hween {
  --g-gold: rgb(255,205,40);
  --g-muted: rgb(178,186,208);
  --g-sub: rgb(120,128,152);
  --g-label: rgb(214,218,236);
  --g-cyan: rgb(96,196,236);
  --g-rim: rgba(150,190,235,.55);
  --g-glass: rgba(10,16,30,.62);
  --g-stroke: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000,
              -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000, 2px 3px 0 rgba(0,0,0,.5);
  --r-rare: rgb(76,128,255); --r-epic: rgb(153,51,255); --r-legend: rgb(255,153,26);
}

/* ---- dtextt: every display line is stroked like the game's text ---------- */
.hween h1, .hween h2, .hween h3, .hween .dig-btn, .hween .btn, .hween .mine-level,
.hween .hw-ribbon, .hween .hw-count b, .hween .hw-chip, .hween .hw-lights, .hween .dig-nav a,
.hween .nav a, .hween .hw-orb b {
  text-shadow: var(--g-stroke);
}
.hween .dig-sky h1, .hween .dig-band h2, .hween.hw-laby .mine h2 { color: #fff; text-shadow: var(--g-stroke); }
.hween .hw-scream .w span { text-shadow: var(--g-stroke); }
.hween .dig-intro, .hween .dig-row p, .hween .hw-body p, .hween .dig-plat p, .hween .dig-contact p { color: var(--g-muted); }

/* ---- gt_glass: the boards are game panels ----------------------------------- */
.hween.hw-laby .mine > .in {
  background:
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.16), rgba(255,196,120,0) 72%),
    var(--g-glass);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 2px solid var(--g-rim); border-radius: 12px;
  box-shadow: 3px 4px 0 rgba(0,0,0,.34);
}
.hween.hw-laby .mine-hw > .in {
  background:
    url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x,
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.16), rgba(255,196,120,0) 72%),
    var(--g-glass);
}
.hween.hw-laby .mine > .in.lit { border-color: var(--g-rim); box-shadow: 3px 4px 0 rgba(0,0,0,.34), 0 0 60px rgba(255,170,80,.14); }
.hween.hw-laby .mine > .in.lit:hover { border-color: rgba(190,220,255,.85); }

/* ---- the level plate is a Labyrinth HUD pill -------------------------------- */
.hween .mine-level, .hween.hw-laby .mine-level {
  background: rgba(16,13,24,.82); border: 2px solid rgba(255,205,40,.55); border-radius: 12px;
  color: rgb(150,144,170); box-shadow: none; letter-spacing: .12em;
}
.hween .mine-level b, .hween.hw-laby .mine-level b { color: #fff; }

/* ---- pl_slab: every button ---------------------------------------------------- */
.hween .dig-btn, .hween .btn, .hween .w-btn, .hween .hw-lights {
  background: rgba(0,0,0,.52); color: var(--g-label);
  border: 0; border-radius: 12px;
  box-shadow: 3px 4px 0 rgba(0,0,0,.34);
  font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: .03em;
  transition: transform .12s ease, background .12s ease, color .12s ease;
  animation: none;
}
.hween .dig-btn:hover, .hween .btn:hover, .hween .w-btn:hover, .hween .hw-lights:hover {
  background: rgba(0,0,0,.72); color: #fff; transform: translateY(-2px); animation: none;
}
.hween .dig-btn:active, .hween .btn:active, .hween .w-btn:active, .hween .hw-lights:active {
  transform: translateY(1px); box-shadow: 1px 2px 0 rgba(0,0,0,.34);
}
/* "active" slabs: the fill merged toward the accent (pl_slab _active) -- the primary actions, in cGreen */
.hween .dig-btn:not(.alt):not(.ecto), .hween a.btn-primary, .hween .btn-primary, .hween a.w-btn.primary, .hween .w-btn.primary {
  background: rgba(64,158,76,.88); color: #fff;
}
.hween .dig-btn:not(.alt):not(.ecto):hover, .hween a.btn-primary:hover, .hween .btn-primary:hover,
.hween a.w-btn.primary:hover, .hween .w-btn.primary:hover { background: rgba(84,196,98,.94); }
.hween .dig-btn.alt { background: rgba(0,0,0,.52); color: var(--g-label); }
.hween .dig-btn.alt:hover { background: rgba(0,0,0,.72); color: #fff; }
.hween .dig-btn.ecto { background: rgba(70,150,190,.88); color: #fff; }
.hween .dig-btn.on-dark { border: 0; }
.hween .dig-plat .dig-btn[aria-disabled="true"], .hween .btn[aria-disabled="true"] {
  background: rgb(30,34,46); color: var(--g-sub); transform: none;      /* pnl_chip: not pressable */
}
.hween .hw-lights[aria-pressed="true"] { background: rgba(230,170,30,.9); color: #fff; }

/* ---- sc_row: list rows ------------------------------------------------------- */
.hween .dig-rows, .hween.hw-laby .dig-rows { border: 0; gap: 8px; background: none; }
.hween .dig-row, .hween.hw-laby .dig-row { background: rgba(0,0,0,.28); border: 0; border-radius: 8px; }
.hween .dig-row:hover, .hween.hw-laby .dig-row:hover { background: rgba(0,0,0,.40); border: 0; }
.hween .dig-row h3 { color: #fff; }

/* pnl_item_head: the row's icon sits in a rarity-rimmed item frame */
.hween .dig-row img {
  box-sizing: content-box; padding: 6px;
  background: rgb(22,25,36); border: 2px solid var(--r-rare); border-radius: 7px;
  box-shadow: 2px 3px 0 rgba(0,0,0,.4);
}
.hween .dig-row:nth-child(3n+1) img { border-color: var(--r-legend); }
.hween .dig-row:nth-child(3n+2) img { border-color: var(--r-epic); }
@container (max-width: 680px) { .dig-row img { width: 36px; height: 36px; } }

/* pnl_chip: the little tags */
.hween .dig-row .rd, .hween .hw-body .rd, .hween .dig-plat .rd {
  display: inline-block; justify-self: start; align-self: start;
  background: rgb(30,34,46); border-radius: 4px; padding: 3px 7px;
  color: var(--g-gold); text-shadow: none;
}
.hween .dig-row .rd { align-self: center; }
.hween .dig-plat .rd.soon { color: var(--g-sub); }

/* platform / contact / event cards: inner rows */
.hween .dig-plat, .hween .dig-contact, .hween .hw-card, .hween .hw-orb,
.hween.hw-laby .dig-plat, .hween.hw-laby .dig-contact, .hween.hw-laby .hw-card, .hween.hw-laby .hw-orb {
  background: rgba(0,0,0,.28); border: 0; border-radius: 10px; box-shadow: none;
}
.hween .dig-plat:hover, .hween .dig-contact:hover, .hween .hw-card:hover { background: rgba(0,0,0,.40); border: 0; box-shadow: none; }
.hween .hw-card:hover, .hween .hw-card:nth-child(even):hover { transform: translateY(-2px); }
.hween .hw-card { overflow: hidden; }
.hween .hw-art { border: 0 !important; }
.hween .dig-contact a, .hween .dig-notice a { color: var(--g-cyan); }
.hween .dig-notice { background: rgba(0,0,0,.28); border: 0; border-radius: 8px; }
.hween .dig-notice strong { color: #fff; }

/* ---- the countdown: four Labyrinth HUD pills ---------------------------------- */
.hween .hw-count .lbl { color: var(--g-gold); }
.hween .hw-count div {
  background: rgba(16,13,24,.82); border: 2px solid rgba(255,205,40,.55); border-radius: 12px; box-shadow: none;
}
.hween .hw-count b { color: #fff; }
.hween .hw-count small { color: rgb(150,144,170); }

/* ---- hero: the event ribbon is a pill, the nav is stroked text ------------ */
.hween .hw-ribbon {
  background: rgba(16,13,24,.82); border: 2px solid rgba(255,205,40,.55); border-radius: 12px;
  color: var(--g-gold); box-shadow: 3px 4px 0 rgba(0,0,0,.34);
}
.hween .hw-ribbon b { color: #fff; }
.hween .dig-nav a { color: #fff; }
.hween .dig-nav a:hover, .hween .dig-nav a[aria-current="page"] { border-bottom-color: var(--g-gold); }
.hween .dig-lead { color: #fff; text-shadow: var(--g-stroke); }
.hween .dig-sub, .hween .dig-note { color: var(--g-muted); }

/* ---- HUD: the candy counter is the in-world currency row's chip ------------ */
.hween .hw-chip { background: rgba(0,0,0,.52); border: 0; border-radius: 12px; box-shadow: 3px 4px 0 rgba(0,0,0,.34); }
.hween .hw-chip small { color: var(--g-sub); text-shadow: none; }

/* ---- interior pages: glass cards, stroked heads -------------------------- */
.hween .card, .hween .contact-card, .hween .toc, .hween details.faq, .hween .notice,
.hween .w-panel, .hween .w-infobox, .hween .w-tile, .hween .w-linklist a {
  background: var(--g-glass); border: 2px solid var(--g-rim); border-radius: 12px;
}
.hween .page-head h1, .hween .w-hero h1, .hween .w-pagehead h1 { color: #fff; text-shadow: var(--g-stroke); }
.hween .page-head .updated, .hween .section .kicker, .hween .toc h2 { color: var(--g-gold); }

/* interior page heads: the same Apocalypse weather scene as the homepage hero (spr_bg_2915 at 1:1), with
   apoc_bg_wash over it (30,46,30 -> 92,58,36 at .18), in place of the dirt texture and the hand-drawn moon */
.hween .page-head {
  background: linear-gradient(rgba(30,46,30,.18), rgba(92,58,36,.18)),
              #6ead89 url("../img/laby/apoc-bg.png") 50% 100% / 640px 260px repeat-x;
  image-rendering: pixelated;
}
.hween .page-head::before { background: linear-gradient(90deg, rgba(10,5,12,.82), rgba(10,5,12,.35) 70%, rgba(10,5,12,.15)); }
.hween .page-head::after { display: none; }

/* the weather (halloween.js, last block): above every page layer */
#hw-weather { z-index: 90; }
.hw-hud { z-index: 91; }
.hw-wx { border-color: var(--ecto); }
.hw-wx[aria-pressed="false"] { opacity: .7; }

/* ---- ui_frame: the content panels are the game's modal frame (scr_net_part05 ui_frame + gt_glass) ----
   gt_glass over a blurred backdrop: fill (10,16,30) at .42, rim (150,190,235) at .55, corners 14*hs.
   Title = ui_frame's header: UPPERCASE, white, dtextt stroke, in a 40*hs band over a (150,190,235) .28
   hairline inset 14px from each side. */
.hween.hw-laby .mine > .in, .hween.hw-laby .mine-hw > .in { border-radius: 14px; }
.hween.hw-laby .mine > .in {
  background:
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.16), rgba(255,196,120,0) 72%),
    rgba(10,16,30,.42);
}
.hween.hw-laby .mine-hw > .in {
  background:
    url("../img/hween/drip.png") 0 0 / 64px 28px repeat-x,
    radial-gradient(circle 360px at var(--lx, -999px) var(--ly, -999px), rgba(255,196,120,.16), rgba(255,196,120,0) 72%),
    rgba(10,16,30,.42);
}
.hween.hw-laby .mine h2 {
  text-transform: uppercase; letter-spacing: .02em;
  font-size: clamp(24px, 3vw, 34px); line-height: 1.1;
  padding-bottom: 14px; margin-bottom: 18px;
  border-bottom: 1px solid rgba(150,190,235,.28);
}

/* the walkway: Halloween mobs walking the bottom edge of the SCREEN, always in view (labyrinth.js
   walkway(), its own small fixed canvas). Above the page, under the weather and the HUD. */
.hw-walkway {
  position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: 220px;
  z-index: 60; pointer-events: none; image-rendering: pixelated;
}

/* the torch wash on the boards: its own layer, moved by labyrinth.js with a transform (no repaint). The
   board isolates so the layer sits between its background and its content (z-index -1). */
.hween.hw-laby .mine > .in { isolation: isolate; }
.hw-torch {
  position: absolute; inset: 0; border-radius: inherit; overflow: hidden;
  z-index: -1; pointer-events: none;
}
.hw-torch > i {
  position: absolute; left: -360px; top: -360px; width: 720px; height: 720px;
  background: radial-gradient(circle 360px at 50% 50%, rgba(255,196,120,.16), rgba(255,196,120,0) 72%);
  transform: translate(-9999px, -9999px); will-change: transform;
}

/* the bottom of the site is the game's BEDROCK (Bedrock Block 11, atlas frame 11 - its own tiling variant),
   cut by web/tools/build-statue-assets.py's atlas maths into tiles/bedrock.png, 1:1. The section's tiles
   are anchored to its bottom and the footer's to its top, so the blocks run on across the join. A dark
   wash keeps the small copy readable. */
.hween .dig-bedrock {
  background: linear-gradient(rgba(8,7,13,.45), rgba(8,7,13,.45)),
              #2b2b2b url("../img/tiles/bedrock.png") 0 100% / 64px 64px repeat;
  image-rendering: pixelated;
}
.hween .dig-foot, .hween .site-foot {
  background: linear-gradient(rgba(8,7,13,.55), rgba(8,7,13,.55)),
              #2b2b2b url("../img/tiles/bedrock.png") 0 0 / 64px 64px repeat;
  image-rendering: pixelated;
}
.hween .dig-foot-grid { border-top-color: rgba(255,255,255,.08); }