/* Mantis OSRS v1.60 shared navigation and interaction layer */
.v160-nav-shell{
  width:min(1180px,calc(100% - 24px))!important;
  min-height:0!important;
  margin:8px auto 0!important;
  padding:4px!important;
  position:static!important;
  top:auto!important;
  z-index:950!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid rgba(90,119,94,.82)!important;
  border-radius:0!important;
  background:rgba(7,11,8,.94)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32),inset 0 0 0 1px rgba(184,232,159,.035)!important;
}
.v160-nav-shell::before,.v160-nav-shell::after{display:none!important}
.v160-brand{
  --mh-fill:#6fa85f;
  --mh-light:#cce9b8;
  --mh-edge:#d8e5cf;
  --mh-dark:#17251b;
  --mh-eye:#aee594;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:178px!important;
  min-width:178px!important;
  min-height:42px!important;
  padding:7px 11px 7px 8px!important;
  overflow:hidden!important;
  color:#edf4e9!important;
  background:linear-gradient(180deg,rgba(22,24,23,.98),rgba(9,11,10,.98))!important;
  border:1px solid rgba(134,202,112,.5)!important;
  border-radius:0!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 0 0 3px rgba(125,195,102,.035)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.v160-brand::before{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  display:block!important;
  border:1px solid rgba(156,217,134,.12)!important;
  pointer-events:none!important;
}
.v160-brand:hover,.v160-brand:focus-visible{
  color:#f5faf2!important;
  border-color:rgba(184,232,159,.84)!important;
  background:linear-gradient(180deg,rgba(29,32,30,.99),rgba(12,14,13,.99))!important;
  box-shadow:0 9px 22px rgba(0,0,0,.31),0 0 13px rgba(121,218,98,.11),inset 0 0 0 3px rgba(125,195,102,.045)!important;
  transform:translateX(2px)!important;
  outline:none!important;
}
.v160-brand-icon{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  min-height:28px!important;
  padding-right:9px!important;
  flex:0 0 38px!important;
  border-right:1px solid rgba(145,209,121,.5)!important;
  box-shadow:4px 0 10px rgba(0,0,0,.08)!important;
}
.v160-brand-icon img{
  display:block!important;
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 3px rgba(137,207,111,.14))!important;
}
.v160-brand-wordmark{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  min-width:0!important;
  margin-left:10px!important;
  white-space:nowrap!important;
}
.v160-brand-wordmark .mantis-word{
  color:#edf4e9!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
.v160-brand-wordmark .osrs-word{
  color:#b9d8aa!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.53rem!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
.v160-nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  min-width:0!important;
  padding:0 12px 0 0!important;
}
.v160-nav-links a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:0 12px!important;
  color:#9eac9d!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
  font:800 .61rem/1 Arial,Helvetica,sans-serif!important;
  white-space:nowrap!important;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.v160-nav-links a + a{margin-left:0!important;padding-left:24px!important}
.v160-nav-links a + a::before{
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:17px!important;
  transform:translateY(-50%)!important;
  background:rgba(134,202,112,.42)!important;
  box-shadow:0 0 7px rgba(121,218,98,.12)!important;
}
.v160-nav-links a::after{display:none!important}
.v160-nav-links a:hover,.v160-nav-links a:focus-visible,.v160-nav-links a[aria-current="page"]{
  color:#d9f0cb!important;
  background:rgba(134,202,112,.045)!important;
  box-shadow:inset 0 -1px 0 rgba(151,218,130,.38)!important;
  outline:none!important;
}
@media(max-width:680px){
  .v160-nav-shell{
    position:relative!important;
    top:auto!important;
    width:calc(100% - 12px)!important;
    flex-wrap:wrap!important;
    gap:3px!important;
  }
  .v160-brand{width:170px!important;min-width:170px!important}
  .v160-nav-links{
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:3px 0 0!important;
    border-top:1px solid rgba(90,119,94,.34)!important;
    scrollbar-width:thin;
  }
  .v160-nav-links a{min-height:32px!important;padding:0 10px!important;font-size:.57rem!important}
  .v160-nav-links a + a{padding-left:20px!important}
}

/* Homepage event interactions selected from the experimental design. */
body.v160-home .past-card.feature-past-event,
body.v160-home .current-card.current-event-teaser{
  transition:transform .28s ease,border-color .28s ease!important;
}
body.v160-home .past-event-art img,
body.v160-home .event-teaser-art img{
  scale:1;
  transition:scale .72s cubic-bezier(.2,.65,.2,1)!important;
  will-change:scale;
}
body.v160-home .past-event-outcome.event-link{
  min-width:118px!important;
  padding:.78rem 1.02rem!important;
  border:1px solid rgba(151,204,131,.34)!important;
  border-radius:0!important;
  color:#d8e8d1!important;
  background:rgba(7,12,8,.78)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  text-shadow:none!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.v160-home .past-event-outcome.event-link::before{display:none!important}
body.v160-home .past-event-outcome.event-link:hover,
body.v160-home .past-event-outcome.event-link:focus-visible{
  color:#071009!important;
  background:#91bd79!important;
  border-color:#c4e5b3!important;
  box-shadow:0 0 22px rgba(121,218,98,.25),0 10px 24px rgba(0,0,0,.27)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}
@media(hover:hover){
  body.v160-home .past-card.feature-past-event:hover,
  body.v160-home .past-card.feature-past-event:focus-within,
  body.v160-home .current-card.current-event-teaser:hover{
    transform:translateY(-3px)!important;
    border-color:#68826b!important;
  }
  body.v160-home .past-card.feature-past-event:hover .past-event-art img,
  body.v160-home .past-card.feature-past-event:focus-within .past-event-art img{
    scale:1.045;
  }
  body.v160-home .past-card.feature-past-event:hover .past-event-outcome,
  body.v160-home .past-card.feature-past-event:focus-within .past-event-outcome{
    border-color:rgba(174,231,153,.58)!important;
    box-shadow:0 0 21px rgba(121,218,98,.20),0 10px 24px rgba(0,0,0,.26)!important;
  }
  body.v160-home .current-card.current-event-teaser:hover .event-teaser-art img{
    scale:1.035;
  }
}

/* Tile Wars replay: convert all visible surfaces to sharp boxes. */
body.v160-replay .panel,
body.v160-replay .board,
body.v160-replay .tile,
body.v160-replay .tile-badge,
body.v160-replay .banner,
body.v160-replay .team-card,
body.v160-replay .team-head,
body.v160-replay button,
body.v160-replay .controls,
body.v160-replay .count-card,
body.v160-replay .bar,
body.v160-replay .fill,
body.v160-replay .status,
body.v160-replay .event-log,
body.v160-replay .log-item,
body.v160-replay .powers,
body.v160-replay .power-item,
body.v160-replay .active-power-card,
body.v160-replay .current-move,
body.v160-replay .pill,
body.v160-replay .player-modal,
body.v160-replay .player-modal-head,
body.v160-replay .player-modal-close,
body.v160-replay .player-modal-row,
body.v160-replay .original-board-panel,
body.v160-replay .original-board-frame,
body.v160-replay .site-home-link{
  border-radius:0!important;
}
body.v160-replay .panel,
body.v160-replay .original-board-panel{
  box-shadow:0 18px 40px rgba(0,0,0,.29),inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
body.v160-replay .board,
body.v160-replay .original-board-frame{
  box-shadow:inset 0 0 0 1px rgba(177,222,157,.025)!important;
}
body.v160-replay .controls,
body.v160-replay .count-card,
body.v160-replay .status,
body.v160-replay .current-move,
body.v160-replay .event-log,
body.v160-replay .powers,
body.v160-replay .team-card,
body.v160-replay .active-power-card{
  box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
body.v160-replay .wrap{margin-top:18px!important}

@media(prefers-reduced-motion:reduce){
  body.v160-home .past-event-art img,
  body.v160-home .event-teaser-art img,
  body.v160-home .past-card.feature-past-event,
  body.v160-home .current-card.current-event-teaser,
  body.v160-home .past-event-outcome.event-link{transition:none!important}
}

/* Mantis OSRS v1.61 — full-card event links, diagonal arrows, welcome-frame glow, and event-page texture. */
body.v160-home a.v161-event-card-link{
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.v160-home a.v161-event-card-link:focus-visible{
  outline:2px solid rgba(190,240,170,.72)!important;
  outline-offset:4px!important;
  border-color:#78957b!important;
  box-shadow:0 22px 46px rgba(0,0,0,.31),0 0 30px rgba(121,218,98,.10)!important;
}
body.v160-home .past-event-outcome.event-link{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#dcefd3!important;
  background:rgba(5,9,6,.70)!important;
  border:1px solid rgba(192,220,179,.34)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
  font:400 1.22rem/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:none!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.v160-home .past-event-outcome.event-link::before,
body.v160-home .past-event-outcome.event-link::after{
  content:none!important;
  display:none!important;
}
body.v160-home a.v161-event-card-link:hover .past-event-outcome,
body.v160-home a.v161-event-card-link:focus-visible .past-event-outcome{
  color:#071009!important;
  background:#8fba78!important;
  border-color:#c6e8b5!important;
  box-shadow:0 0 22px rgba(121,218,98,.26),0 10px 24px rgba(0,0,0,.28)!important;
  transform:translate(2px,-2px)!important;
}

/* Keep the Welcome interior flat; confine the green illumination to the narrow frame gap. */
body.v160-home .welcome-panel{
  background:#0b100c!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20)!important;
}
body.v160-home .welcome-panel::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(137,214,108,.13),rgba(89,151,75,.075) 55%,rgba(55,92,49,.025) 100%)!important;
  box-shadow:inset 0 0 15px rgba(121,218,98,.10)!important;
}
body.v160-home .welcome-panel::after{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(151,218,130,.12)!important;
  background:linear-gradient(145deg,#172019,#121914)!important;
  box-shadow:none!important;
}
body.v160-home .welcome-copy h2,
body.v160-home .welcome-heading-row::after{
  text-shadow:none!important;
  box-shadow:none!important;
}
/* Homepage paper-flake pattern repeated behind the completed-event pages. */
.v161-event-dots{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.62) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(255,255,255,.42) 0 .8px,transparent 1.25px),
    radial-gradient(circle,rgba(255,255,255,.28) 0 .7px,transparent 1.1px)!important;
  background-size:83px 97px,127px 139px,181px 163px!important;
  background-position:13px 21px,47px 69px,91px 37px!important;
  mix-blend-mode:screen!important;
}
body.v161-event-page > :not(.v161-event-dots){
  position:relative;
  z-index:1;
}
@media(max-width:620px){
  .v161-event-dots{opacity:.17!important}
}
@media(prefers-reduced-motion:reduce){
  body.v160-home .past-event-outcome.event-link,
  body.v160-home a.v161-event-card-link{
    transition:none!important;
  }
}