/* Mantis OSRS landing page v7.13.31 — consolidated in original cascade order. */

/* Original inline landing styles. */
:root{
      --bg:#101912;
      --panel:#18231b;
      --panel-hover:#1e2c21;
      --line:#394b3d;
      --text:#eef4eb;
      --muted:#a7b4a5;
      --green:#86ca70;
      --green-pale:#d3f3bd;
    }

    *{box-sizing:border-box}

    body{
      margin:0;
      min-height:100vh;
      position:relative;
      overflow-x:hidden;
      color:var(--text);
      background-image:
        radial-gradient(circle, rgba(255,255,255,.12) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(255,255,255,.08) 0 .8px, transparent 1.25px),
        radial-gradient(circle, rgba(255,255,255,.055) 0 .7px, transparent 1.1px),
        radial-gradient(circle at 50% 0%, rgba(99,165,79,.09), transparent 28rem),
        linear-gradient(180deg,#050706 0%,#090c0a 42%,#0d120f 100%);
      background-size:83px 97px,127px 139px,181px 163px,auto,auto;
      background-position:13px 21px,47px 69px,91px 37px,center top,center top;
      background-repeat:repeat,repeat,repeat,no-repeat,no-repeat;
      font-family:Arial,Helvetica,sans-serif;
    }

    a{color:inherit}

    .wrap{
      width:min(980px,calc(100% - 28px));
      margin:0 auto;
    }

    header{
      min-height:64px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      border-bottom:1px solid var(--line);
    }

    .site-links{
      display:flex;
      align-items:center;
      gap:18px;
    }

    .site-links a{
      color:var(--muted);
      text-decoration:none;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.62rem;
      font-weight:800;
      transition:color .18s ease;
    }

    .site-links a:hover{
      color:var(--green-pale);
    }

    .hero{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:28px;
      padding:46px 0 38px;
      text-align:left;
    }

    h1{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(4rem,10vw,7rem);
      font-weight:400;
      line-height:.8;
      letter-spacing:-.08em;
    }

    h1 small{
      display:inline-block;
      margin-left:.32em;
      color:var(--green-pale);
      font-family:Arial,Helvetica,sans-serif;
      font-size:.09em;
      line-height:1;
      letter-spacing:.42em;
      text-transform:uppercase;
      font-weight:900;
      vertical-align:top;
      transform:translateY(1.5em);
    }

    main{
      padding:10px 0 72px;
    }

    section{
      margin-top:44px;
    }

    .section-title{
      margin:0 0 14px;
      font-size:.72rem;
      text-transform:uppercase;
      letter-spacing:.2em;
      color:var(--green-pale);
    }

    .current-card,
    .past-card{
      border:1px solid var(--line);
      background:linear-gradient(145deg,#1b281e,#17221a);
    }

    .current-card{
      min-height:170px;
      padding:28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .current-card h2,
    .past-card h3{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .current-card h2{
      font-size:clamp(2rem,5vw,3rem);
    }

    .past-list{
      width:50%;
      display:grid;
      gap:12px;
    }

    .past-card{
      min-height:112px;
      padding:22px 24px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      transition:background .18s ease,border-color .18s ease;
    }

    .past-card:hover{
      background:var(--panel-hover);
      border-color:#59705d;
    }

    .past-card h3{
      font-size:clamp(1.35rem,3.6vw,2rem);
    }

    .event-link{
      flex:0 0 auto;
      text-decoration:none;
      color:var(--green-pale);
      font-size:.7rem;
      font-weight:900;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .event-link::after{
      content:" →";
    }

    footer{
      border-top:1px solid var(--line);
      padding:22px 0 32px;
      color:#899887;
      font-size:.58rem;
      text-transform:uppercase;
      letter-spacing:.2em;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

    @media(max-width:760px){
      .past-list{
        width:100%;
      }
    }

    @media(max-width:620px){
      header{
        padding:14px 0;
        align-items:flex-start;
        flex-direction:column;
      }

      .site-links{
        width:100%;
        justify-content:space-between;
      }

      .hero{
        flex-direction:column;
        text-align:center;
        gap:8px;
        padding-top:32px;
      }

      .current-card,
      .past-card{
        align-items:flex-start;
        flex-direction:column;
      }

      .past-card{
        min-height:126px;
      }

      .event-link{
        margin-top:auto;
      }
    }

    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{
        animation:none!important;
      }
    }

    header {
      position: relative;
    }

    header::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 1px;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(166, 225, 140, .42),
        transparent
      );
    }

    .site-links a {
      text-shadow: 0 0 18px rgba(166, 225, 140, .08);
    }

    .hero {
      position: relative;
      isolation: isolate;
    }

    h1 {
      text-shadow:
        0 2px 0 rgba(255,255,255,.025),
        0 16px 42px rgba(0,0,0,.28);
    }

    h1 small {
      text-shadow: 0 0 16px rgba(185, 236, 157, .22);
    }

    .section-title {
      text-shadow: 0 0 14px rgba(190, 235, 165, .13);
    }

    .current-card,
    .past-card {
      position: relative;
      overflow: hidden;
      box-shadow:
        0 12px 30px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.025);
    }

    .current-card::before,
    .past-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(
          120deg,
          rgba(255,255,255,.045),
          transparent 34%
        );
    }

    .current-card {
      border-color: #4b6150;
      box-shadow:
        0 18px 42px rgba(0,0,0,.17),
        0 0 36px rgba(108, 178, 89, .045),
        inset 0 1px 0 rgba(255,255,255,.035);
    }

    .past-card {
      transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
    }

    .past-card:hover {
      transform: translateX(4px);
    }

    .event-link {
      text-shadow: 0 0 14px rgba(190, 235, 165, .13);
    }

    @media (max-width: 620px) {
      .past-card:hover {
        transform: none;
      }
    }

    /* glossy black sheen */
    body {
      position: relative;
    }

    body > * {
      position: relative;
      z-index: 1;
    }

    body::selection {
      background: rgba(170,255,164,.25);
    }

  
  
    header,
    .hero,
    main,
    footer{
      position:relative;
      z-index:1;
    }

    .past-card{
      position:relative;
    }

    /* V35 — welcome panel */
    .welcome-panel{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:26px;
      align-items:center;
      padding:28px 30px;
      border:1px solid var(--line);
      background:
        linear-gradient(125deg,rgba(255,255,255,.035),transparent 38%),
        linear-gradient(145deg,#1b281e,#151f18);
      box-shadow:
        0 16px 38px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.025);
    }

    .welcome-copy h2{
      margin:0 0 9px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(2rem,5vw,3rem);
      font-weight:400;
      letter-spacing:-.045em;
    }

    .welcome-copy p{
      max-width:690px;
      margin:0;
      color:var(--muted);
      font-size:.96rem;
      line-height:1.72;
    }

    .welcome-discord-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:46px;
      padding:0 18px;
      border:1px solid #607762;
      color:#efffe5;
      background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.01)),
        #26372a;
      text-decoration:none;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.66rem;
      font-weight:900;
      box-shadow:
        0 10px 24px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.045);
      transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
    }

    .welcome-discord-link:hover{
      transform:translateY(-2px);
      border-color:#8ca68d;
      background:
        linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.015)),
        #304434;
    }

    .welcome-discord-link svg{
      width:19px;
      height:19px;
      flex:0 0 auto;
      fill:currentColor;
    }

    .welcome-discord-link .link-arrow{
      margin-left:1px;
      font-size:.95rem;
      letter-spacing:0;
    }

    @media(max-width:700px){
      .welcome-panel{
        grid-template-columns:1fr;
      }

      .welcome-discord-link{
        justify-self:start;
      }
    }

    @media(max-width:520px){
      .welcome-discord-link{
        width:100%;
      }
    }

  
    /* Divided top links. */
    .site-links{
      gap:0;
    }

    .site-links a + a{
      position:relative;
      margin-left:18px;
      padding-left:18px;
    }

    .site-links a + a::before{
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:1px;
      height:15px;
      transform:translateY(-50%);
      background:rgba(134,202,112,.62);
      box-shadow:0 0 7px rgba(121,218,98,.15);
    }

    @media(max-width:620px){
      .site-links{
        justify-content:flex-start;
      }
    }

    /* V1.1 — restrained inset framing and event creator credits */
    .welcome-panel,
    .current-card,
    .past-card{
      position:relative;
      isolation:isolate;
    }

    .welcome-panel::after,
    .current-card::after,
    .past-card::after{
      content:"";
      position:absolute;
      inset:10px;
      z-index:0;
      pointer-events:none;
      border:1px solid rgba(134,202,112,.075);
      box-shadow:inset 0 0 15px rgba(121,218,98,.018);
    }

    .welcome-panel > *,
    .current-card > *,
    .past-card > *{
      position:relative;
      z-index:1;
    }

    .welcome-panel{
      box-shadow:
        0 16px 38px rgba(0,0,0,.16),
        0 0 28px rgba(121,218,98,.035),
        inset 0 1px 0 rgba(255,255,255,.025);
    }

    .past-card::after{
      transition:border-color .18s ease;
    }

    .past-card:hover::after{
      border-color:rgba(134,202,112,.13);
    }

    .section-title{
      display:flex;
      align-items:center;
      gap:12px;
    }

    .section-title::after{
      content:"";
      width:54px;
      height:1px;
      background:linear-gradient(90deg,rgba(134,202,112,.45),transparent);
      box-shadow:0 0 8px rgba(121,218,98,.08);
    }

    .event-credit{
      margin:7px 0 0;
      color:#93a491;
      font-family:Georgia,"Times New Roman",serif;
      font-size:.72rem;
      font-style:italic;
      line-height:1.2;
      letter-spacing:.035em;
    }

    .event-credit .creator-name{
      color:#c5e6b4;
      font-style:normal;
      font-variant:small-caps;
      font-weight:700;
      letter-spacing:.09em;
    }

    @media(max-width:620px){
      .welcome-panel::after,
      .current-card::after,
      .past-card::after{
        inset:8px;
      }
    }

    /* V1.5 — creator credits and cinematic current-event teaser */
    .event-credit.long-credit{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:3px;
      font-size:.67rem;
      letter-spacing:.02em;
      white-space:normal;
    }

    .event-credit .credit-prefix{
      color:#93a491;
    }

    .event-credit .credit-creators{
      display:flex;
      align-items:baseline;
      gap:.32em;
      white-space:nowrap;
    }

    .event-credit .creator-separator{
      display:inline-block;
      margin:0;
      color:#7f9a7c;
      font-family:Arial,Helvetica,sans-serif;
      font-style:normal;
      font-weight:800;
      letter-spacing:0;
    }

    /* Chutes & Ladders artwork fit. */
    .chutes-past-event .past-event-art img{
      object-position:56% 50%;
      transform:scale(1.01);
    }

    /* Tile Race artwork fit. */
    .tile-race-past-event .past-event-art img{
      object-position:50% 50%;
      transform:scale(1);
    }

    /* V1.22 — soften Tile Race title fade and preserve scenery behind the action button */
    .tile-race-past-event .past-event-art::before{
      background:
        radial-gradient(circle at 15% 55%,rgba(5,8,6,.62),transparent 42%),
        linear-gradient(90deg,rgba(5,9,6,.10),transparent 30%,transparent 91%,rgba(8,13,9,.20)),
        linear-gradient(180deg,rgba(3,6,4,.04),transparent 58%,rgba(3,7,4,.30));
    }

    .current-card.current-event-teaser{
      min-height:286px;
      padding:0;
      display:block;
      overflow:hidden;
      border-color:#506853;
      background:#101711;
      box-shadow:
        0 20px 48px rgba(0,0,0,.24),
        0 0 38px rgba(116,190,94,.055),
        inset 0 1px 0 rgba(255,255,255,.025);
    }

    /* Archive list layout. */
    .past-list{
      width:100%;
      gap:14px;
    }

    /* V1.14 — revised past-event feature card style based on the current-event layout */
    .past-card.feature-past-event{
      min-height:238px;
      width:calc(100% - 238px);
      padding:0;
      display:flex;
      align-items:stretch;
      gap:0;
      overflow:hidden;
      border-color:#4e6651;
      background:#101711;
      box-shadow:
        0 18px 42px rgba(0,0,0,.22),
        0 0 30px rgba(116,190,94,.045),
        inset 0 1px 0 rgba(255,255,255,.022);
    }

    .past-card.feature-past-event::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
      background:
        linear-gradient(115deg,rgba(255,255,255,.038),transparent 27%),
        linear-gradient(90deg,transparent 70%,rgba(5,9,6,.16));
    }

    .past-card.feature-past-event::after{
      content:"";
      position:absolute;
      inset:10px;
      z-index:4;
      pointer-events:none;
      border:1px solid rgba(150,214,128,.10);
      box-shadow:
        inset 0 0 20px rgba(121,218,98,.018),
        0 0 10px rgba(121,218,98,.014);
    }

    .past-event-art{
      position:relative;
      flex:1 1 auto;
      min-width:0;
      min-height:238px;
      overflow:hidden;
      isolation:isolate;
      background:#11170f;
    }

    .past-event-art img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:58% 48%;
      transform:scale(1.02);
      filter:saturate(.94) contrast(1.05) brightness(.82);
    }

    .past-event-art::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;
      background:
        radial-gradient(circle at 18% 55%,rgba(5,8,6,.74),transparent 34%),
        linear-gradient(90deg,rgba(5,9,6,.17),transparent 26%,transparent 74%,rgba(8,13,9,.56)),
        linear-gradient(180deg,rgba(3,6,4,.05),transparent 54%,rgba(3,7,4,.36));
    }

    .past-event-outcome{
      position:absolute;
      right:22px;
      bottom:22px;
      z-index:3;
      margin:0;
    }

    .past-event-outcome.event-link{
      font-size:.68rem;
      letter-spacing:.17em;
      padding:.95rem 1.35rem;
      border:1px solid rgba(145,205,125,.22);
      box-shadow:
        0 10px 24px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 16px rgba(121,218,98,.025);
      background:
        linear-gradient(90deg,transparent,rgba(151,218,130,.34),transparent) top 7px center / calc(100% - 24px) 1px no-repeat,
        linear-gradient(90deg,transparent,rgba(151,218,130,.20),transparent) bottom 7px center / calc(100% - 24px) 1px no-repeat,
        rgba(16,23,17,.84);
      backdrop-filter:blur(2px);
      transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        color .18s ease,
        background-color .18s ease;
      will-change:transform;
    }

    .past-event-outcome.event-link:hover,
    .past-event-outcome.event-link:focus-visible{
      transform:translate3d(2px,-3px,0);
      color:#efffe6;
      border-color:rgba(174,231,153,.48);
      box-shadow:
        0 14px 30px rgba(0,0,0,.27),
        0 0 22px rgba(121,218,98,.12),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 20px rgba(121,218,98,.045);
      background:
        linear-gradient(90deg,transparent,rgba(177,233,157,.52),transparent) top 7px center / calc(100% - 20px) 1px no-repeat,
        linear-gradient(90deg,transparent,rgba(177,233,157,.31),transparent) bottom 7px center / calc(100% - 20px) 1px no-repeat,
        rgba(20,31,21,.91);
    }

    .past-event-outcome.event-link:active{
      transform:translate3d(1px,-1px,0);
    }

    .current-card.current-event-teaser::before{
      z-index:2;
      background:
        linear-gradient(115deg,rgba(255,255,255,.045),transparent 29%),
        linear-gradient(90deg,transparent 80%,rgba(5,9,6,.12));
    }

    .current-card.current-event-teaser::after{
      inset:10px;
      z-index:4;
      border-color:rgba(150,214,128,.12);
      box-shadow:
        inset 0 0 22px rgba(121,218,98,.022),
        0 0 12px rgba(121,218,98,.018);
    }

    .event-teaser-art{
      position:relative;
      width:100%;
      min-width:0;
      min-height:286px;
      overflow:hidden;
      isolation:isolate;
      background:#11170f;
    }

    .event-teaser-art img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center 56%;
      transform:scale(1.018);
      filter:saturate(.88) contrast(1.04) brightness(.84);
    }

    .event-teaser-art::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;
      background:
        radial-gradient(circle at 18% 82%,rgba(3,7,4,.72),transparent 35%),
        linear-gradient(90deg,rgba(5,9,6,.18),transparent 24%,transparent 88%,rgba(8,13,9,.26)),
        linear-gradient(180deg,rgba(3,6,4,.04),transparent 55%,rgba(3,7,4,.42));
    }

    @media(max-width:700px){
      .event-credit.long-credit{
        font-size:.62rem;
      }
    }

    @media(max-width:620px){
      .current-card.current-event-teaser{
        text-align:left;
      }

      .event-teaser-art{
        min-height:266px;
      }

      .past-card.feature-past-event{
        width:100%;
        min-height:auto;
        flex-direction:column;
      }

      .past-card.feature-past-event::after{
        inset:8px;
      }

      .past-event-art{
        min-height:204px;
      }

      .past-event-outcome{
        right:18px;
        bottom:18px;
      }

      .event-credit.long-credit{
        white-space:normal;
      }
    }

    @media(prefers-reduced-motion:reduce){
      .past-event-outcome.event-link{
        transition:none;
      }

      .past-event-outcome.event-link:hover,
      .past-event-outcome.event-link:focus-visible,
      .past-event-outcome.event-link:active{
        transform:none;
      }
    }

    /* Refine the upcoming-event teaser. */
    .welcome-heading-row{
      display:flex;
      align-items:center;
      gap:12px;
    }

    .welcome-heading-row h2{margin:0;}

    .event-teaser-art{
      box-shadow:inset 0 0 46px rgba(170,255,143,.10);
    }

    @media(max-width:620px){
      .welcome-heading-row{gap:8px;}
    }


  

    /* V1.37 — restrained welcome ornament and refined results actions */
    .welcome-panel{
      background:
        radial-gradient(circle at 13% 20%,rgba(196,235,177,.035) 0 1px,transparent 1.6px) 0 0 / 38px 38px,
        radial-gradient(circle at 72% 74%,rgba(196,235,177,.025) 0 .8px,transparent 1.4px) 0 0 / 53px 53px,
        linear-gradient(125deg,rgba(255,255,255,.038),transparent 38%),
        linear-gradient(145deg,#1b281e,#151f18);
      box-shadow:
        0 16px 38px rgba(0,0,0,.18),
        0 0 28px rgba(121,218,98,.04),
        inset 0 1px 0 rgba(255,255,255,.03),
        inset 0 0 42px rgba(0,0,0,.12);
    }

    .welcome-panel::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      opacity:.24;
      background:
        linear-gradient(135deg,transparent 0 14px,rgba(159,213,138,.16) 14px 15px,transparent 15px) top left / 42px 42px no-repeat,
        linear-gradient(225deg,transparent 0 14px,rgba(159,213,138,.16) 14px 15px,transparent 15px) top right / 42px 42px no-repeat,
        linear-gradient(45deg,transparent 0 14px,rgba(159,213,138,.12) 14px 15px,transparent 15px) bottom left / 42px 42px no-repeat,
        linear-gradient(315deg,transparent 0 14px,rgba(159,213,138,.12) 14px 15px,transparent 15px) bottom right / 42px 42px no-repeat;
    }

    .welcome-heading-row{
      position:relative;
      padding-bottom:12px;
      margin-bottom:7px;
    }

    .welcome-heading-row::after{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:min(210px,72%);
      height:1px;
      background:linear-gradient(90deg,rgba(193,235,173,.70),rgba(121,218,98,.20) 58%,transparent);
      box-shadow:0 0 8px rgba(121,218,98,.12);
    }

    .welcome-copy h2{
      text-shadow:
        0 1px 0 rgba(255,255,255,.025),
        0 0 18px rgba(174,225,150,.08);
    }

    .past-event-outcome.event-link{
      position:absolute;
      overflow:hidden;
      min-width:132px;
      padding:.92rem 1.28rem;
      border-color:rgba(154,213,132,.34);
      color:#dff3d5;
      text-align:center;
      text-shadow:0 0 12px rgba(174,225,150,.12);
      background:
        linear-gradient(90deg,transparent,rgba(177,233,157,.40),transparent) top 7px center / calc(100% - 24px) 1px no-repeat,
        linear-gradient(90deg,transparent,rgba(177,233,157,.24),transparent) bottom 7px center / calc(100% - 24px) 1px no-repeat,
        linear-gradient(180deg,rgba(26,38,27,.94),rgba(13,20,14,.92));
      box-shadow:
        0 10px 24px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 0 0 7px rgba(5,9,6,.28),
        inset 0 0 0 8px rgba(154,213,132,.10);
    }

    .past-event-outcome.event-link::before{
      content:"";
      position:absolute;
      inset:4px;
      pointer-events:none;
      border:1px solid rgba(174,225,151,.09);
      box-shadow:inset 0 0 12px rgba(121,218,98,.025);
    }

    .past-event-outcome.event-link:hover,
    .past-event-outcome.event-link:focus-visible{
      transform:translate3d(0,-2px,0);
      border-color:rgba(185,235,165,.58);
      color:#f1ffe9;
      background:
        linear-gradient(90deg,transparent,rgba(190,240,170,.58),transparent) top 7px center / calc(100% - 20px) 1px no-repeat,
        linear-gradient(90deg,transparent,rgba(190,240,170,.34),transparent) bottom 7px center / calc(100% - 20px) 1px no-repeat,
        linear-gradient(180deg,rgba(31,47,32,.97),rgba(16,25,17,.95));
      box-shadow:
        0 14px 30px rgba(0,0,0,.29),
        0 0 20px rgba(121,218,98,.10),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 0 7px rgba(5,9,6,.24),
        inset 0 0 0 8px rgba(174,225,151,.15);
    }

    .past-event-outcome.event-link:active{
      transform:translate3d(0,-1px,0);
    }


    /* V1.38 — illustrated section separators and pencil-textured navigation */
    main > section + section{
      position:relative;
      padding-top:34px;
    }

    main > section + section::before{
      content:"";
      position:absolute;
      left:4%;
      right:4%;
      top:0;
      height:18px;
      pointer-events:none;
      opacity:.72;
      background:
        linear-gradient(90deg,transparent,rgba(142,205,119,.20) 12%,rgba(210,242,194,.52) 50%,rgba(142,205,119,.20) 88%,transparent) center 8px / 100% 1px no-repeat,
        radial-gradient(ellipse at 34% 50%,rgba(121,218,98,.12),transparent 52%) left center / 120px 15px no-repeat,
        radial-gradient(ellipse at 66% 50%,rgba(121,218,98,.10),transparent 52%) right center / 120px 15px no-repeat;
      filter:drop-shadow(0 0 4px rgba(121,218,98,.12));
    }

    main > section + section::after{
      content:"";
      position:absolute;
      top:5px;
      left:50%;
      width:58px;
      height:8px;
      transform:translateX(-50%);
      pointer-events:none;
      opacity:.48;
      background:
        linear-gradient(165deg,transparent 0 22%,rgba(185,229,164,.56) 23% 28%,transparent 29% 45%,rgba(121,189,103,.42) 46% 51%,transparent 52% 100%);
    }

    .welcome-panel{
      padding-bottom:42px;
    }

    header{
      position:relative;
      isolation:isolate;
      background:
        radial-gradient(circle at 18% 34%,rgba(198,236,178,.035) 0 .8px,transparent 1.3px) 0 0 / 29px 31px,
        radial-gradient(circle at 76% 68%,rgba(198,236,178,.025) 0 .7px,transparent 1.2px) 0 0 / 43px 39px;
    }

    header::before{
      content:"";
      position:absolute;
      inset:7px 0;
      z-index:-1;
      pointer-events:none;
      opacity:.34;
      background:
        linear-gradient(145deg,transparent 0 12px,rgba(154,213,132,.18) 12px 13px,transparent 13px) left center / 34px 34px no-repeat,
        linear-gradient(215deg,transparent 0 12px,rgba(154,213,132,.18) 12px 13px,transparent 13px) right center / 34px 34px no-repeat;
    }

    header::after{
      height:2px;
      background:
        linear-gradient(90deg,transparent,rgba(130,198,108,.22) 8%,rgba(214,242,201,.62) 50%,rgba(130,198,108,.22) 92%,transparent) center / 100% 1px no-repeat,
        linear-gradient(90deg,transparent,rgba(121,218,98,.10),transparent) bottom / 82% 1px no-repeat;
      box-shadow:0 0 8px rgba(121,218,98,.10);
    }

    .site-links a{
      position:relative;
    }

    .site-links a::after{
      content:"";
      position:absolute;
      left:8%;
      right:8%;
      bottom:-7px;
      height:1px;
      opacity:0;
      transform:scaleX(.72);
      background:linear-gradient(90deg,transparent,rgba(196,233,177,.72),transparent);
      box-shadow:0 0 6px rgba(121,218,98,.14);
      transition:opacity .18s ease,transform .18s ease;
    }

    .site-links a:hover::after,
    .site-links a:focus-visible::after{
      opacity:1;
      transform:scaleX(1);
    }

    @media(max-width:620px){
      main > section + section{padding-top:28px;}
      .welcome-panel{padding-bottom:39px;}
      header::before{opacity:.22;}
    }

/* Source: assets/v160.css */
/* 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;
  }
}

/* Source: assets/home.css */
/* Mantis OSRS homepage-only presentation layer */
/* Homepage welcome-frame refinements formerly loaded from shared event stylesheets. */
body.v160-home .welcome-panel{
  overflow:hidden;
  box-shadow:
    0 16px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.v160-home .welcome-panel::after{
  border-color:rgba(157,216,135,.13)!important;
  box-shadow:0 0 13px rgba(121,218,98,.09)!important;
}
body.v160-home .welcome-copy h2{
  text-shadow:none!important;
}
body.v160-home .welcome-heading-row::after{
  box-shadow:none!important;
}
body.v160-home .v171-welcome-ornament{
  position:absolute!important;
  z-index:0!important;
  top:-58px;
  right:-53px;
  width:178px;
  height:178px;
  pointer-events:none;
  opacity:.70;
}
body.v160-home .v171-welcome-ornament::before{
  content:"";
  position:absolute;
  inset:38px;
  border:1px solid rgba(151,207,126,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 22px rgba(151,207,126,.026),
    0 0 0 44px rgba(151,207,126,.018);
}
body.v160-home .v171-welcome-ornament::after{
  content:"";
  position:absolute;
  right:48px;
  top:91px;
  width:76px;
  height:1px;
  transform:rotate(-43deg);
  transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(151,207,126,.18));
}
body.v160-home .v172-welcome-ornament-bottom{
  position:absolute!important;
  z-index:0!important;
  bottom:-58px;
  left:-53px;
  width:178px;
  height:178px;
  pointer-events:none;
  opacity:.70;
  transform:rotate(180deg);
}
body.v160-home .v172-welcome-ornament-bottom::before{
  content:"";
  position:absolute;
  inset:38px;
  border:1px solid rgba(151,207,126,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 22px rgba(151,207,126,.026),
    0 0 0 44px rgba(151,207,126,.018);
}
body.v160-home .v172-welcome-ornament-bottom::after{
  content:"";
  position:absolute;
  right:48px;
  top:91px;
  width:76px;
  height:1px;
  transform:rotate(-43deg);
  transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(151,207,126,.18));
}
@media(max-width:760px){
  body.v160-home .v171-welcome-ornament{
    top:-48px;
    right:-58px;
    width:150px;
    height:150px;
    opacity:.56;
  }
  body.v160-home .v172-welcome-ornament-bottom{
    bottom:-48px;
    left:-58px;
    width:150px;
    height:150px;
    opacity:.56;
  }
}

/* Balanced short rules around homepage section headings. */
body.v160-home main > section > .section-title{
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding-bottom:0;
  color:#e8f0e5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.08rem;
  font-weight:500;
  line-height:1.15;
  letter-spacing:.105em;
  text-shadow:
    0 0 10px rgba(190,235,165,.17),
    0 1px 0 rgba(0,0,0,.55);
}
body.v160-home main > section > .section-title > span{
  position:relative;
  flex:0 0 auto;
  display:inline-block;
  white-space:nowrap;
}
body.v160-home main > section > .section-title::before,
body.v160-home main > section > .section-title::after{
  content:"";
  flex:0 0 54px;
  width:54px;
  height:1px;
  box-shadow:0 0 8px rgba(121,218,98,.08);
}
body.v160-home main > section > .section-title::before{
  background:linear-gradient(90deg,transparent,rgba(134,202,112,.45));
}
body.v160-home main > section > .section-title::after{
  background:linear-gradient(90deg,rgba(134,202,112,.45),transparent);
}
body.v160-home main > section > .section-title > span::after{
  content:none;
  display:none;
}
@media(max-width:620px){
  body.v160-home main > section > .section-title{
    gap:9px;
    margin-bottom:17px;
    font-size:.97rem;
    letter-spacing:.09em;
    text-shadow:
      0 0 8px rgba(190,235,165,.14),
      0 1px 0 rgba(0,0,0,.5);
  }
  body.v160-home main > section > .section-title::before,
  body.v160-home main > section > .section-title::after{
    flex-basis:36px;
    width:36px;
  }
}

/* Image-overlay archive details for homepage event cards. */
body.v160-home .past-event-art::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:72%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(4,7,5,.16) 30%,rgba(4,7,5,.78) 100%);
}
body.v160-home .v162-event-copy{
  position:absolute;
  left:30px;
  right:245px;
  bottom:24px;
  z-index:3;
  min-width:0;
  color:#eef4eb;
  text-shadow:0 2px 10px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.95);
}
body.v160-home .v162-event-archive{
  margin:0 0 5px;
  color:#a7b9a3;
  font:700 10px/1.15 Arial,Helvetica,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.v160-home .v162-event-copy h3{
  margin:0;
  color:#eef4eb;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.55rem,2.7vw,2rem);
  line-height:1.02;
  letter-spacing:-.025em;
  text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 16px rgba(174,225,150,.10);
}
body.v160-home .v162-event-description{
  margin:6px 0 0;
  color:#d2ddd0;
  font-size:.78rem;
  line-height:1.35;
  letter-spacing:.01em;
}
body.v160-home .v162-event-credit{
  position:absolute;
  right:30px;
  bottom:24px;
  z-index:4;
  max-width:205px;
  margin:0;
  text-align:right;
  align-items:flex-end;
  text-shadow:0 2px 9px rgba(0,0,0,.94),0 1px 2px rgba(0,0,0,.98);
}
body.v160-home .v162-event-credit .credit-creators,
body.v160-home .v162-event-credit.long-credit .credit-creators{
  justify-content:flex-end;
}
body.v160-home .v162-event-credit.long-credit{
  font-size:.72rem;
  letter-spacing:.035em;
}
body.v160-home .past-event-outcome{
  top:22px!important;
  right:22px!important;
  bottom:auto!important;
}
@media(max-width:760px){
  body.v160-home .v162-event-copy{
    left:18px;
    right:158px;
    bottom:18px;
  }
  body.v160-home .v162-event-archive{
    margin-bottom:4px;
    font-size:8px;
    letter-spacing:.13em;
  }
  body.v160-home .v162-event-copy h3{
    font-size:1.34rem;
  }
  body.v160-home .v162-event-description{
    margin-top:4px;
    font-size:.66rem;
    line-height:1.28;
  }
  body.v160-home .v162-event-credit{
    right:18px;
    bottom:18px;
    max-width:132px;
    font-size:.61rem;
  }
  body.v160-home .v162-event-credit.long-credit{
    font-size:.61rem;
  }
  body.v160-home .past-event-outcome{
    top:18px!important;
    right:18px!important;
  }
}

/* Point Rush teaser card: archive-style image overlay. */
body.v160-home .current-event-teaser .event-teaser-art img{
  object-position:center 48%;
  transform:scale(1.01);
  filter:saturate(.94) contrast(1.05) brightness(.80);
}
body.v160-home .current-event-teaser .event-teaser-art::before{
  background:
    linear-gradient(180deg,rgba(3,6,4,.03) 0%,rgba(3,6,4,.10) 42%,rgba(3,7,4,.79) 100%),
    linear-gradient(90deg,rgba(4,7,5,.20),transparent 25%,transparent 82%,rgba(4,7,5,.30));
}
body.v160-home .current-event-feature-copy{
  left:30px;
  right:245px;
  bottom:25px;
  top:auto;
  transform:none;
}
body.v160-home .current-event-feature-copy h3{
  margin:0;
  color:#eef4eb;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.75rem,3vw,2.22rem);
  line-height:1.02;
  letter-spacing:-.025em;
  text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 16px rgba(174,225,150,.10);
}
body.v160-home .current-event-feature-copy .v162-event-description{
  max-width:390px;
}
body.v160-home .current-event-feature-credit{
  right:30px;
  bottom:25px;
}
body.v160-home .current-event-arrow{
  top:22px!important;
  right:22px!important;
  bottom:auto!important;
}
@media(max-width:760px){
  body.v160-home .current-event-feature-copy{
    left:18px;
    right:148px;
    bottom:18px;
  }
  body.v160-home .current-event-feature-copy h3{
    font-size:1.5rem;
  }
  body.v160-home .current-event-feature-copy .v162-event-description{
    max-width:230px;
  }
  body.v160-home .current-event-feature-credit{
    right:18px;
    bottom:18px;
    max-width:118px;
  }
  body.v160-home .current-event-arrow{
    top:18px!important;
    right:18px!important;
  }
}
@media(max-width:430px){
  body.v160-home .current-event-feature-copy{
    right:112px;
  }
  body.v160-home .current-event-feature-copy h3{
    font-size:1.34rem;
  }
  body.v160-home .current-event-feature-copy .v162-event-description{
    font-size:.62rem;
  }
  body.v160-home .current-event-feature-credit{
    max-width:94px;
    font-size:.58rem;
  }
}

/* Unified illustrated homepage header. */
body.v160-home .hero{
  display:flex;
  justify-content:center;
  padding-top:6px;
  padding-bottom:22px;
  text-align:center;
}
body.v160-home .hero-stage{
  width:min(980px,100%);
  display:flex;
  justify-content:center;
  align-items:center;
  transform:none;
}
body.v160-home .hero-combined{
  display:block;
  width:min(900px,100%);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 14px 24px rgba(0,0,0,.28))
    drop-shadow(0 0 14px rgba(170,255,164,.04));
}
@media(max-width:820px){
  body.v160-home .hero{
    padding-top:2px;
    padding-bottom:17px;
  }
  body.v160-home .hero-combined{
    width:min(780px,100%);
  }
}
@media(max-width:620px){
  body.v160-home .hero{
    padding-top:0;
    padding-bottom:12px;
  }
  body.v160-home .hero-combined{
    width:min(640px,100%);
  }
}

/* Source: assets/home-hero-v628.css */
/* Mantis OSRS v6.28 — colored-pencil botanical hero */

body.v160-home .home-hero-v628 {
  margin-top: 18px;
  margin-bottom: 18px;
}

body.v160-home .home-hero-v628__stage {
  position: relative;
  min-height: 318px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px 8px;
  border: 1px solid rgba(126, 157, 133, .34);
  border-radius: 6px;
  isolation: isolate;
  background:
    linear-gradient(rgba(4, 8, 6, .06), rgba(4, 8, 6, .10)),
    url("../images/home-hero-pencil-v628.png") center center / cover no-repeat;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .24),
    inset 0 0 0 1px rgba(233, 241, 230, .014);
}

body.v160-home .home-hero-v628__stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 52%, rgba(5, 10, 8, .10) 0 22%, rgba(5, 10, 8, .04) 42%, transparent 64%),
    linear-gradient(90deg, rgba(4, 8, 7, .18), rgba(4, 8, 7, .04) 16%, rgba(4, 8, 7, .02) 50%, rgba(4, 8, 7, .04) 84%, rgba(4, 8, 7, .18)),
    linear-gradient(180deg, rgba(4, 8, 7, .06), transparent 24%, rgba(4, 8, 7, .10));
}

body.v160-home .home-hero-v628__logo {
  position: relative;
  z-index: 2;
  display: block;
  width: min(520px, 56%);
  height: auto;
  margin-top: -6px;
  object-fit: contain;
  filter:
    drop-shadow(0 8px 16px rgba(0, 0, 0, .42))
    drop-shadow(0 0 6px rgba(212, 231, 208, .03));
}

body.v160-home .home-hero-v628__cta {
  position: absolute;
  right: 16px;
  bottom: 12px;
  z-index: 3;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 15px;
  border: 1px solid rgba(143, 176, 151, .42);
  border-radius: 2px;
  color: #eef7f0;
  background: rgba(10, 17, 14, .78);
  backdrop-filter: blur(2px);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .63rem;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

body.v160-home .home-hero-v628__cta:hover,
body.v160-home .home-hero-v628__cta:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(181, 213, 191, .62);
  background: rgba(14, 24, 19, .90);
}

body.v160-home .home-hero-v628__cta svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

body.v160-home .home-hero-v628__arrow {
  margin-left: 2px;
  font-size: .9rem;
  line-height: 1;
  letter-spacing: 0;
}

body.v160-home main {
  padding-top: 0;
}

body.v160-home main > section:first-child {
  margin-top: 0;
}

@media (max-width: 900px) {
  body.v160-home .home-hero-v628__stage {
    min-height: 300px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  body.v160-home .home-hero-v628__logo {
    width: min(492px, 66%);
    margin-top: -4px;
  }
}

@media (max-width: 620px) {
  body.v160-home .home-hero-v628 {
    width: min(100% - 18px, 980px);
    margin-top: 12px;
    margin-bottom: 16px;
  }

  body.v160-home .home-hero-v628__stage {
    min-height: 274px;
    padding: 8px 10px 8px;
  }

  body.v160-home .home-hero-v628__logo {
    width: min(420px, 84%);
    margin-top: 0;
  }

  body.v160-home .home-hero-v628__cta {
    right: 12px;
    bottom: 10px;
    min-height: 36px;
    padding: 0 13px;
    font-size: .6rem;
  }
}

@media (max-width: 430px) {
  body.v160-home .home-hero-v628__stage {
    min-height: 244px;
  }

  body.v160-home .home-hero-v628__logo {
    width: 88%;
  }

  body.v160-home .home-hero-v628__cta {
    right: 10px;
    bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v160-home .home-hero-v628__cta {
    transition: none;
  }
}

/* Source: assets/home-events-v630.css */
/* Mantis OSRS v6.30 — homepage event information hierarchy */

/* Strong page-level separation, quiet card-level decoration. */
body.v160-home main > section.home-section-v630 {
  position: relative;
  margin-top: 40px;
  padding-top: 0;
  border-top: 0;
}
body.v160-home main > section.home-section-v630 + section.home-section-v630 {
  margin-top: 58px;
  padding-top: 0;
}
body.v160-home main > section.home-section-v630::before,
body.v160-home main > section.home-section-v630::after {
  content: none !important;
  display: none !important;
}

body.v160-home .home-section-head-v630 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 0;
}
body.v160-home .home-section-head-v630 .section-title {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
  color: #dce6d9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .19em;
  text-transform: uppercase;
  text-shadow: none;
}
body.v160-home .home-section-head-v630 .section-title::before,
body.v160-home .home-section-head-v630 .section-title::after,
body.v160-home .home-section-head-v630 .section-title > span::after {
  content: none !important;
  display: none !important;
}
body.v160-home .home-section-subtitle-v630 {
  margin: 7px 0 0;
  color: #879589;
  font-size: .72rem;
  line-height: 1.3;
  letter-spacing: .025em;
}
body.v160-home .home-status-v630 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  color: #a9c7a2;
  font-size: .56rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.v160-home .home-status-v630::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #80b86f;
  box-shadow: 0 0 8px rgba(128, 184, 111, .24);
}

/* Current event: clearly featured, but intentionally smaller than the hero. */
body.v160-home .home-current-v630 .current-card.current-event-teaser {
  width: 100%;
  min-height: 202px;
  height: 202px;
  padding: 0;
  border: 1px solid rgba(115, 153, 122, .32);
  border-radius: 4px;
  background: #101711;
  box-shadow: 0 9px 22px rgba(0,0,0,.15);
  overflow: hidden;
}
body.v160-home .home-current-v630 .current-card.current-event-teaser::before,
body.v160-home .home-current-v630 .current-card.current-event-teaser::after {
  content: none !important;
  display: none !important;
}
body.v160-home .home-current-v630 .event-teaser-art {
  min-height: 202px;
  height: 202px;
  box-shadow: none;
}
body.v160-home .home-current-v630 .event-teaser-art img {
  object-position: center 47%;
  transform: scale(1.005);
  filter: saturate(.86) contrast(1.03) brightness(.73);
  transition: filter .18s ease, transform .22s ease;
}
body.v160-home .home-current-v630 .current-card:hover .event-teaser-art img,
body.v160-home .home-current-v630 .current-card:focus-visible .event-teaser-art img {
  filter: saturate(.93) contrast(1.04) brightness(.79);
  transform: scale(1.012);
}
body.v160-home .home-current-v630 .event-teaser-art::before {
  background:
    linear-gradient(180deg, rgba(4,7,5,.03) 0%, rgba(4,7,5,.12) 38%, rgba(4,7,5,.84) 100%),
    linear-gradient(90deg, rgba(4,7,5,.28), transparent 33%, transparent 82%, rgba(4,7,5,.22));
}
body.v160-home .home-current-v630 .current-event-feature-copy {
  left: 24px;
  right: 215px;
  bottom: 20px;
}
body.v160-home .home-current-v630 .current-event-feature-copy h3 {
  font-size: clamp(1.55rem, 2.7vw, 1.92rem);
}
body.v160-home .home-current-v630 .current-event-feature-copy .v162-event-description {
  max-width: 430px;
  margin-top: 5px;
  color: #c4d0c2;
  font-size: .72rem;
  line-height: 1.35;
}
body.v160-home .home-current-v630 .current-event-feature-credit {
  right: 22px;
  bottom: 20px;
  max-width: 165px;
  color: #9cac99;
  font-size: .65rem;
}

/* Quiet directional cue. The entire card is already the click target. */
body.v160-home .home-section-v630 .past-event-outcome.event-link {
  top: 15px !important;
  right: 15px !important;
  bottom: auto !important;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: rgba(220, 235, 216, .78);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  font-size: .95rem;
  line-height: 1;
  text-align: center;
  transition: color .16s ease, background .16s ease;
}
body.v160-home .home-section-v630 .past-event-outcome.event-link::before,
body.v160-home .home-section-v630 .past-event-outcome.event-link::after {
  content: none !important;
  display: none !important;
}
body.v160-home .home-section-v630 a:hover .past-event-outcome.event-link,
body.v160-home .home-section-v630 a:focus-visible .past-event-outcome.event-link {
  transform: none;
  color: #f2f8ef;
  background: rgba(12, 20, 14, .28);
}

/* Archive: compact 2-column browse grid. */
body.v160-home .home-archive-v630 .past-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body.v160-home .home-archive-v630 .past-card.feature-past-event {
  width: 100%;
  min-width: 0;
  min-height: 154px;
  height: 154px;
  padding: 0;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(122, 145, 126, .10);
  border-radius: 4px;
  background: #101611;
  box-shadow: 0 5px 14px rgba(0,0,0,.09);
  transform: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.v160-home .home-archive-v630 .past-card.feature-past-event::before,
body.v160-home .home-archive-v630 .past-card.feature-past-event::after {
  content: none !important;
  display: none !important;
}
body.v160-home .home-archive-v630 .past-card.feature-past-event:hover,
body.v160-home .home-archive-v630 .past-card.feature-past-event:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(143, 173, 147, .24);
  box-shadow: 0 9px 20px rgba(0,0,0,.14);
}
body.v160-home .home-archive-v630 .past-event-art {
  min-height: 154px;
  height: 154px;
  background: #101611;
}
body.v160-home .home-archive-v630 .past-event-art img {
  object-position: center 50%;
  transform: scale(1.01);
  filter: saturate(.66) contrast(1.02) brightness(.62);
  transition: filter .18s ease, transform .22s ease;
}
body.v160-home .home-archive-v630 .past-card:hover .past-event-art img,
body.v160-home .home-archive-v630 .past-card:focus-visible .past-event-art img {
  filter: saturate(.78) contrast(1.03) brightness(.69);
  transform: scale(1.018);
}
body.v160-home .home-archive-v630 .past-event-art::before {
  background:
    linear-gradient(180deg, rgba(4,7,5,.04) 0%, rgba(4,7,5,.20) 38%, rgba(4,7,5,.88) 100%),
    linear-gradient(90deg, rgba(4,7,5,.18), transparent 34%, transparent 82%, rgba(4,7,5,.18));
}
body.v160-home .home-archive-v630 .past-event-art::after {
  content: none;
  display: none;
}
body.v160-home .home-archive-v630 .v162-event-copy {
  left: 17px;
  right: 54px;
  bottom: 13px;
  color: #e8eee5;
}
body.v160-home .home-archive-v630 .v162-event-archive {
  margin-bottom: 4px;
  color: #91a28f;
  font-size: .54rem;
  letter-spacing: .14em;
}
body.v160-home .home-archive-v630 .v162-event-copy h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ecf2e9;
  font-size: clamp(1.16rem, 2vw, 1.38rem);
  line-height: 1.02;
  text-shadow: 0 2px 8px rgba(0,0,0,.88);
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit {
  position: static;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  gap: .30em;
  max-width: none;
  margin: 5px 0 0;
  color: #91a08f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .59rem;
  font-style: italic;
  line-height: 1.15;
  letter-spacing: .02em;
  text-align: left;
  text-shadow: 0 1px 5px rgba(0,0,0,.92);
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  flex-wrap: wrap;
  gap: .22em;
  font-size: .57rem;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-creators {
  justify-content: flex-start;
  gap: .24em;
  white-space: normal;
}
body.v160-home .home-archive-v630 .v162-event-copy .creator-name {
  color: #bed8b7;
}

@media (max-width: 700px) {
  body.v160-home main > section.home-section-v630 {
    margin-top: 30px;
    padding-top: 0;
  }
  body.v160-home main > section.home-section-v630 + section.home-section-v630 {
    margin-top: 44px;
    padding-top: 0;
  }
  body.v160-home .home-section-head-v630 {
    margin-bottom: 13px;
    padding-bottom: 0;
  }
  body.v160-home .home-current-v630 .current-card.current-event-teaser,
  body.v160-home .home-current-v630 .event-teaser-art {
    min-height: 184px;
    height: 184px;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy {
    left: 18px;
    right: 135px;
    bottom: 16px;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy h3 {
    font-size: 1.42rem;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy .v162-event-description {
    max-width: 320px;
    font-size: .66rem;
  }
  body.v160-home .home-current-v630 .current-event-feature-credit {
    right: 16px;
    bottom: 16px;
    max-width: 105px;
    font-size: .58rem;
  }
  body.v160-home .home-archive-v630 .past-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 132px;
    height: 132px;
  }
  body.v160-home .home-archive-v630 .v162-event-copy {
    left: 15px;
    bottom: 12px;
  }
  body.v160-home .home-section-v630 .past-event-outcome.event-link {
    top: 11px !important;
    right: 11px !important;
    width: 34px;
    min-width: 34px;
    height: 34px;
  }
}

@media (max-width: 430px) {
  body.v160-home .home-current-v630 .current-card.current-event-teaser,
  body.v160-home .home-current-v630 .event-teaser-art {
    min-height: 172px;
    height: 172px;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy {
    right: 112px;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy .v162-event-description {
    max-width: 225px;
    font-size: .61rem;
  }
  body.v160-home .home-current-v630 .current-event-feature-credit {
    max-width: 88px;
  }
}

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

body.v160-home .home-archive-head-v630 {
  display: block;
  margin-bottom: 15px;
}

/* Source: assets/home-composition-v631.css */
/* Mantis OSRS v6.31 — page composition and tonal cohesion */

/* Replace the near-black void with a deep forest-charcoal canvas while retaining
   the sparse star-like texture. */
body.v160-home {
  background-color: #08100b;
  background-image:
    radial-gradient(circle, rgba(221,235,218,.085) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(202,224,199,.055) 0 .8px, transparent 1.25px),
    radial-gradient(circle, rgba(190,216,185,.035) 0 .7px, transparent 1.05px),
    radial-gradient(ellipse at 50% 22%, rgba(52,79,57,.15), transparent 38rem),
    linear-gradient(90deg, #050806 0%, #08100b 17%, #0a130d 50%, #08100b 83%, #050806 100%);
  background-size: 83px 97px,127px 139px,181px 163px,auto,auto;
  background-position: 13px 21px,47px 69px,91px 37px,center top,center top;
  background-repeat: repeat,repeat,repeat,no-repeat,no-repeat;
}

/* Global navigation stays broad, the brand masthead gets its own width, and
   event content settles into a narrower reading column. */
body.v160-home header.wrap {
  width: min(1060px, calc(100% - 28px));
}

body.v160-home .home-hero-v628.wrap {
  width: min(1040px, calc(100% - 28px));
  margin-top: 18px;
  margin-bottom: 30px;
}

body.v160-home main.wrap,
body.v160-home footer.wrap {
  width: min(920px, calc(100% - 28px));
}

/* Shorter masthead so it reads as a brand moment instead of a second content card. */
body.v160-home .home-hero-v628__stage {
  min-height: 286px;
  padding-top: 5px;
  padding-bottom: 5px;
}

body.v160-home .home-hero-v628__logo {
  width: min(500px, 52%);
  margin-top: -4px;
}

body.v160-home .home-hero-v628__cta {
  right: 14px;
  bottom: 11px;
}

/* Slightly more breathing room before the first content section now that the
   hero has a different horizontal role. */
body.v160-home main > section.home-section-v630:first-child {
  margin-top: 0;
}

body.v160-home main > section.home-section-v630 + section.home-section-v630 {
  margin-top: 54px;
}

/* Normalize the event imagery into the same green-charcoal visual world. */
body.v160-home .home-current-v630 .event-teaser-art img {
  filter: saturate(.88) contrast(1.015) brightness(.80);
}
body.v160-home .home-current-v630 .current-card:hover .event-teaser-art img,
body.v160-home .home-current-v630 .current-card:focus-visible .event-teaser-art img {
  filter: saturate(.94) contrast(1.025) brightness(.84);
}
body.v160-home .home-current-v630 .event-teaser-art::before {
  background:
    linear-gradient(180deg, rgba(5,10,7,.02) 0%, rgba(5,10,7,.08) 38%, rgba(5,10,7,.76) 100%),
    linear-gradient(90deg, rgba(6,13,8,.22), transparent 34%, transparent 82%, rgba(6,13,8,.18));
}

body.v160-home .home-archive-v630 .past-event-art img {
  filter: saturate(.72) contrast(1.01) brightness(.68);
}
body.v160-home .home-archive-v630 .past-card:hover .past-event-art img,
body.v160-home .home-archive-v630 .past-card:focus-visible .past-event-art img {
  filter: saturate(.80) contrast(1.02) brightness(.74);
}
body.v160-home .home-archive-v630 .past-event-art::before {
  background:
    linear-gradient(180deg, rgba(5,10,7,.02) 0%, rgba(5,10,7,.14) 38%, rgba(5,10,7,.82) 100%),
    linear-gradient(90deg, rgba(6,13,8,.14), transparent 34%, transparent 84%, rgba(6,13,8,.13));
}

/* Footer now closes the same content column instead of floating in the wider canvas. */
body.v160-home footer.wrap {
  margin-top: 54px;
  padding-top: 18px;
}

@media (max-width: 900px) {
  body.v160-home header.wrap,
  body.v160-home .home-hero-v628.wrap,
  body.v160-home main.wrap,
  body.v160-home footer.wrap {
    width: min(100% - 28px, 920px);
  }

  body.v160-home .home-hero-v628__stage {
    min-height: 278px;
  }

  body.v160-home .home-hero-v628__logo {
    width: min(480px, 60%);
  }
}

@media (max-width: 620px) {
  body.v160-home header.wrap,
  body.v160-home main.wrap,
  body.v160-home footer.wrap {
    width: min(100% - 18px, 920px);
  }

  body.v160-home .home-hero-v628.wrap {
    width: min(100% - 18px, 920px);
    margin-top: 12px;
    margin-bottom: 22px;
  }

  body.v160-home .home-hero-v628__stage {
    min-height: 250px;
  }

  body.v160-home .home-hero-v628__logo {
    width: min(410px, 82%);
    margin-top: 0;
  }

  body.v160-home footer.wrap {
    margin-top: 42px;
  }
}

@media (max-width: 430px) {
  body.v160-home .home-hero-v628__stage {
    min-height: 232px;
  }
}

/* Source: assets/home-craft-v632.css */
/* Mantis OSRS v6.32 — final craft and consistency pass */

/* Replace procedural star speckles with quiet paper grain and keep the forest-charcoal canvas. */
body.v160-home {
  background-color: #030604 !important;
  background-image:
    url("../images/paper-grain-v632.png"),
    radial-gradient(ellipse at 50% 18%, rgba(39, 58, 42, .045), transparent 34rem),
    linear-gradient(90deg, #020403 0%, #030604 17%, #050905 50%, #030604 83%, #020403 100%) !important;
  background-size: 256px 256px, auto, auto !important;
  background-position: 0 0, center top, center top !important;
  background-repeat: repeat, no-repeat, no-repeat !important;
}

/* Navigation: retain the outer frame, remove the nested panel feeling, add almost-hidden pencil ornament. */
body.v160-home .v160-nav-shell {
  position: relative !important;
  overflow: hidden !important;
  background:
    url("../images/nav-pencil-ornament-v632.png") center / 100% 100% no-repeat,
    rgba(7, 12, 9, .95) !important;
  border-color: rgba(91, 126, 99, .58) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 0 0 1px rgba(184,232,159,.018) !important;
}
body.v160-home .v160-brand {
  width: 176px !important;
  min-width: 176px !important;
  min-height: 42px !important;
  padding: 7px 10px 7px 8px !important;
  overflow: visible !important;
  background: rgba(8, 13, 10, .18) !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.v160-home .v160-brand::before {
  content: none !important;
  display: none !important;
}
body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  background: rgba(133, 187, 117, .045) !important;
  border: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(151, 218, 130, .24) !important;
  transform: none !important;
}
body.v160-home .v160-brand-icon {
  border-right-color: rgba(145,209,121,.34) !important;
  box-shadow: none !important;
}
body.v160-home .v160-nav-links {
  padding-right: 8px !important;
}
body.v160-home .v160-nav-links a {
  min-height: 42px !important;
  padding: 0 14px !important;
}
body.v160-home .v160-nav-links a + a {
  padding-left: 25px !important;
}
body.v160-home .v160-nav-links a + a::before {
  height: 13px !important;
  background: rgba(134,202,112,.28) !important;
  box-shadow: none !important;
}

/* Event arrows are directional cues only. The full cards remain the click targets. */
body.v160-home .home-section-v630 .past-event-outcome.event-link {
  top: 14px !important;
  right: 15px !important;
  bottom: auto !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(224, 236, 220, .74) !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-shadow: 0 1px 7px rgba(0,0,0,.78) !important;
  font-size: 1.03rem !important;
  transition: color .16s ease, transform .16s ease !important;
}
body.v160-home .home-section-v630 .past-event-outcome.event-link::before,
body.v160-home .home-section-v630 .past-event-outcome.event-link::after {
  content: none !important;
  display: none !important;
}
body.v160-home .home-section-v630 a:hover .past-event-outcome.event-link,
body.v160-home .home-section-v630 a:focus-visible .past-event-outcome.event-link {
  color: #f2f8ef !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translate(2px,-2px) !important;
}

/* Localized contrast only where archive metadata sits, instead of darkening every image equally. */
body.v160-home .home-archive-v630 .past-event-art::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 82% !important;
  height: 76% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 18% 86%, rgba(3,7,4,.58), rgba(3,7,4,.27) 35%, transparent 72%),
    linear-gradient(90deg, rgba(3,7,4,.38), transparent 72%) !important;
}
body.v160-home .home-archive-v630 .v162-event-copy {
  z-index: 3 !important;
}
body.v160-home .home-archive-v630 .v162-event-archive {
  color: #9baa98 !important;
  font-size: .57rem !important;
  letter-spacing: .13em !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
body.v160-home .home-current-v630 .current-event-feature-credit {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .61rem !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: .015em !important;
  color: #a5b0a3 !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.84) !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  font-size: .59rem !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .creator-name,
body.v160-home .home-current-v630 .current-event-feature-credit .creator-name {
  color: #c1d5bb !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .creator-separator {
  color: #8fa18d !important;
}

/* Let archive art breathe a touch more while preserving the compact grid. */
body.v160-home .home-archive-v630 .past-card.feature-past-event,
body.v160-home .home-archive-v630 .past-event-art {
  min-height: 162px !important;
  height: 162px !important;
}

/* Cleaner page ending: less dead space, softer footer rule. */
body.v160-home main {
  padding-bottom: 18px !important;
}
body.v160-home footer.wrap {
  margin-top: 18px !important;
  padding: 14px 0 20px !important;
  border-top-color: rgba(98, 129, 105, .24) !important;
  color: #839083 !important;
}

@media (max-width: 700px) {
  body.v160-home .v160-nav-links a {
    min-height: 36px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  body.v160-home .v160-nav-links a + a {
    padding-left: 20px !important;
  }
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 138px !important;
    height: 138px !important;
  }
  body.v160-home footer.wrap {
    margin-top: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v160-home .home-section-v630 .past-event-outcome.event-link {
    transition: none !important;
  }
}

/* Source: assets/home-nav-v633.css */
/* Mantis OSRS v6.33 — restored home control and visible pencil navigation */

/* Keep the outer nav shell, but make the edge illustration perceptible at normal viewing size. */
body.v160-home .v160-nav-shell {
  background:
    url("../images/nav-pencil-ornament-v633.png") center / 100% 100% no-repeat,
    rgba(7, 12, 9, .96) !important;
  border-color: rgba(91, 126, 99, .66) !important;
}

/* A faint hand-drawn lower accent gives the navigation a crafted edge without another hard rule. */
body.v160-home .v160-nav-shell::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 22% !important;
  right: 22% !important;
  bottom: 3px !important;
  height: 1px !important;
  opacity: .72 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(128, 165, 113, .20) 18%, rgba(171, 199, 149, .27) 50%, rgba(128, 165, 113, .20) 82%, transparent) !important;
  box-shadow: none !important;
  transform: rotate(-.08deg) !important;
}

/* Restore the framed Mantis home control from the earlier navigation treatment. */
body.v160-home .v160-brand {
  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(18, 23, 19, .94), rgba(7, 11, 8, .96)) !important;
  border: 1px solid rgba(134, 202, 112, .48) !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.20), inset 0 0 0 3px rgba(125,195,102,.032) !important;
}
body.v160-home .v160-brand::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 3px !important;
  border: 1px solid rgba(156, 217, 134, .12) !important;
  pointer-events: none !important;
}
body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  color: #f5faf2 !important;
  background: linear-gradient(180deg, rgba(26, 32, 27, .98), rgba(10, 15, 11, .98)) !important;
  border: 1px solid rgba(184, 232, 159, .76) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.27), 0 0 11px rgba(121,218,98,.08), inset 0 0 0 3px rgba(125,195,102,.04) !important;
  transform: none !important;
}
body.v160-home .v160-brand-icon {
  border-right-color: rgba(145, 209, 121, .46) !important;
  box-shadow: 4px 0 10px rgba(0,0,0,.07) !important;
}

/* Make the separators feel drawn rather than rigid dividers. */
body.v160-home .v160-nav-links a + a::before {
  width: 1px !important;
  height: 12px !important;
  background: linear-gradient(180deg, transparent, rgba(134,202,112,.26) 22%, rgba(166,199,148,.30) 50%, rgba(134,202,112,.22) 78%, transparent) !important;
  box-shadow: none !important;
  transform: translateY(-50%) rotate(.7deg) !important;
}

/* With the description removed, let the current event title block sit cleanly and compactly. */
body.v160-home .home-current-v630 .current-event-feature-copy {
  bottom: 18px !important;
}
body.v160-home .home-current-v630 .current-event-feature-copy h3 {
  margin-bottom: 0 !important;
}

@media (max-width: 680px) {
  body.v160-home .v160-brand {
    width: 170px !important;
    min-width: 170px !important;
  }
  body.v160-home .v160-nav-shell::after {
    left: 14% !important;
    right: 14% !important;
    opacity: .5 !important;
  }
}

/* Source: assets/home-nav-v634.css */
/* Mantis OSRS v6.34 — clean black navigation + edited hero art */

body.v160-home .v160-nav-shell {
  background: rgba(3, 5, 4, .985) !important;
  border-color: rgba(91, 126, 99, .62) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25), inset 0 0 0 1px rgba(184,232,159,.012) !important;
}

body.v160-home .v160-nav-shell::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Keep the restored framed Home control from v6.33. */
body.v160-home .v160-brand {
  background: linear-gradient(180deg, rgba(15, 20, 16, .96), rgba(5, 8, 6, .98)) !important;
}

/* Source: assets/home-current-v635.css */
/* Mantis OSRS v6.35 — Current Event focal crop adjustment */

/* Shift the Point Rush artwork downward within the fixed-height card so the central crest/head is not clipped by the top edge. */
body.v160-home .home-current-v630 .event-teaser-art img {
  object-position: center 26%;
}

@media (max-width: 620px) {
  body.v160-home .home-current-v630 .event-teaser-art img {
    object-position: center 24%;
  }
}

/* Source: assets/home-refine-v636.css */
/* Mantis OSRS v6.36 — final visual refinement pass */

/* Navigation: keep the framed home control, but simplify the frame so it feels less nested. */
body.v160-home .v160-brand {
  min-height: 42px !important;
  padding: 7px 11px 7px 8px !important;
  background: linear-gradient(180deg, rgba(14, 18, 15, .96), rgba(5, 8, 6, .98)) !important;
  border: 1px solid rgba(140, 191, 133, .40) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.18), inset 0 0 0 1px rgba(205, 233, 190, .035) !important;
}
body.v160-home .v160-brand::before {
  content: none !important;
  display: none !important;
}
body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(185, 226, 176, .62) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.24), 0 0 10px rgba(125,195,102,.05), inset 0 0 0 1px rgba(205, 233, 190, .05) !important;
}

/* Current Event: recover more of the image while concentrating contrast behind the copy. */
body.v160-home .home-current-v630 .event-teaser-art img {
  filter: saturate(.94) contrast(1.02) brightness(.83) !important;
}
body.v160-home .home-current-v630 .current-card:hover .event-teaser-art img,
body.v160-home .home-current-v630 .current-card:focus-visible .event-teaser-art img {
  filter: saturate(1.0) contrast(1.03) brightness(.88) !important;
}
body.v160-home .home-current-v630 .event-teaser-art::before {
  background:
    linear-gradient(90deg, rgba(4,7,5,.70) 0%, rgba(4,7,5,.46) 24%, rgba(4,7,5,.18) 48%, rgba(4,7,5,.08) 70%, rgba(4,7,5,.16) 100%),
    linear-gradient(180deg, rgba(4,7,5,.06) 0%, rgba(4,7,5,.10) 42%, rgba(4,7,5,.30) 100%) !important;
}
body.v160-home .home-current-v630 .current-event-feature-copy {
  right: 240px !important;
}
body.v160-home .home-current-v630 .current-event-feature-credit {
  right: 20px !important;
  bottom: 18px !important;
}

/* Archive: keep hierarchy quieter than current, but restore enough color and life to each card. */
body.v160-home .home-archive-v630 .past-event-art img {
  filter: saturate(.84) contrast(1.01) brightness(.72) !important;
}
body.v160-home .home-archive-v630 .past-card:hover .past-event-art img,
body.v160-home .home-archive-v630 .past-card:focus-visible .past-event-art img {
  filter: saturate(.96) contrast(1.02) brightness(.78) !important;
}
body.v160-home .home-archive-v630 .past-event-art::before {
  background:
    linear-gradient(180deg, rgba(4,7,5,.03) 0%, rgba(4,7,5,.12) 44%, rgba(4,7,5,.70) 100%),
    linear-gradient(90deg, rgba(4,7,5,.12), transparent 34%, transparent 82%, rgba(4,7,5,.14)) !important;
}
body.v160-home .home-archive-v630 .past-event-art::after {
  width: 76% !important;
  height: 70% !important;
  background:
    radial-gradient(ellipse at 18% 86%, rgba(3,7,4,.42), rgba(3,7,4,.18) 38%, transparent 72%),
    linear-gradient(90deg, rgba(3,7,4,.26), transparent 72%) !important;
}

/* Standardize small UI metadata typography. */
body.v160-home .home-current-v630 .v162-event-archive,
body.v160-home .home-archive-v630 .v162-event-archive,
body.v160-home .home-current-v630 .current-event-feature-credit,
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
body.v160-home .home-section-subtitle-v630,
body.v160-home .home-status-v630 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
}
body.v160-home .home-current-v630 .v162-event-archive,
body.v160-home .home-archive-v630 .v162-event-archive {
  color: #9eaea0 !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}
body.v160-home .home-current-v630 .current-event-feature-credit,
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit {
  color: #aab4a8 !important;
  font-size: .63rem !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  font-size: .61rem !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .creator-name,
body.v160-home .home-current-v630 .current-event-feature-credit .creator-name {
  color: #d4e4cc !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

/* Arrows: still minimal, but easier to spot. */
body.v160-home .home-section-v630 .past-event-outcome.event-link {
  top: 12px !important;
  right: 13px !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  color: rgba(234, 242, 230, .92) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.92) !important;
  font-size: 1.08rem !important;
}
body.v160-home .home-section-v630 a:hover .past-event-outcome.event-link,
body.v160-home .home-section-v630 a:focus-visible .past-event-outcome.event-link {
  color: #ffffff !important;
  transform: translate(2px,-2px) scale(1.02) !important;
}

/* Footer: make it a small useful endpoint rather than a loose label. */
body.v160-home footer.wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 16px !important;
  padding: 14px 0 20px !important;
  border-top-color: rgba(98, 129, 105, .20) !important;
}
body.v160-home .home-footer-v636__brand {
  color: #90a08f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .66rem !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
body.v160-home .home-footer-v636__links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}
body.v160-home .home-footer-v636__links a {
  color: #95a594 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  opacity: .92 !important;
  transition: color .16s ease, opacity .16s ease !important;
}
body.v160-home .home-footer-v636__links a:hover,
body.v160-home .home-footer-v636__links a:focus-visible {
  color: #d7e4d0 !important;
  opacity: 1 !important;
}
body.v160-home .home-footer-v636__dot {
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(130, 159, 132, .55) !important;
}

@media (max-width: 700px) {
  body.v160-home .home-current-v630 .current-event-feature-copy {
    right: 145px !important;
  }
  body.v160-home footer.wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  body.v160-home .home-footer-v636__links {
    justify-content: flex-start !important;
    gap: 10px !important;
  }
}

/* Source: assets/home-current-v637.css */
/* Mantis OSRS v6.37 — Current Event brightness and localized contrast */

/* Lift the full Point Rush image so it sits closer to the archive cards tonally. */
body.v160-home .home-current-v630 .event-teaser-art img {
  filter: saturate(.98) contrast(1.01) brightness(.90) !important;
}
body.v160-home .home-current-v630 .current-card:hover .event-teaser-art img,
body.v160-home .home-current-v630 .current-card:focus-visible .event-teaser-art img {
  filter: saturate(1.04) contrast(1.02) brightness(.94) !important;
}

/* Keep contrast only where the date/title need it instead of darkening the entire card. */
body.v160-home .home-current-v630 .event-teaser-art::before {
  background:
    radial-gradient(ellipse at 16% 88%, rgba(3,7,4,.56) 0%, rgba(3,7,4,.28) 34%, rgba(3,7,4,.09) 52%, transparent 72%),
    linear-gradient(90deg, rgba(4,7,5,.24) 0%, rgba(4,7,5,.11) 24%, rgba(4,7,5,.03) 48%, transparent 72%),
    linear-gradient(180deg, rgba(4,7,5,.015) 0%, rgba(4,7,5,.025) 48%, rgba(4,7,5,.18) 100%) !important;
}

/* Slightly strengthen the title shadow now that the image itself is brighter. */
body.v160-home .home-current-v630 .current-event-feature-copy h3 {
  text-shadow: 0 2px 10px rgba(0,0,0,.82) !important;
}
body.v160-home .home-current-v630 .v162-event-archive {
  text-shadow: 0 1px 6px rgba(0,0,0,.86) !important;
}

/* Source: assets/home-system-v639.css */
/* Mantis OSRS v6.39 — design-system cohesion pass */

:root {
  --mantis-antique-gold: #b7a06a;
}

/* Navigation: slightly more legible, with generous hit targets but no extra visual noise. */
body.v160-home .v160-nav-links a {
  min-height: 44px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: .66rem !important;
  letter-spacing: .125em !important;
}
body.v160-home .v160-nav-links a + a {
  padding-left: 27px !important;
}
body.v160-home .v160-brand {
  border-color: rgba(140, 191, 133, .32) !important;
  box-shadow: 0 5px 13px rgba(0,0,0,.17), inset 0 0 0 1px rgba(205, 233, 190, .025) !important;
}
body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(185, 226, 176, .52) !important;
}

/* One restrained secondary accent: only the live-event status uses antique gold. */
body.v160-home .home-status-v630 {
  color: var(--mantis-antique-gold) !important;
}
body.v160-home .home-status-v630::before {
  background: var(--mantis-antique-gold) !important;
  box-shadow: 0 0 7px rgba(183,160,106,.20) !important;
}

/* Current Event: consolidate metadata into one lower-left editorial block. */
body.v160-home .home-current-v630 .current-event-feature-copy {
  left: 24px !important;
  right: 110px !important;
  bottom: 17px !important;
}
body.v160-home .home-current-v630 .current-event-feature-copy .current-event-feature-credit {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 6px 0 0 !important;
  text-align: left !important;
}

/* Shared image treatment: a very light olive paper grain ties event art back to the brand illustration. */
body.v160-home .home-current-v630 .event-teaser-art::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: url("../images/paper-grain-v632.png") 0 0 / 256px 256px repeat !important;
  opacity: .62 !important;
}
body.v160-home .home-current-v630 .current-event-feature-copy,
body.v160-home .home-current-v630 .current-event-arrow {
  z-index: 3 !important;
}

/* Archive: slightly more breathing room and more readable secondary information. */
body.v160-home .home-archive-v630 .past-card.feature-past-event,
body.v160-home .home-archive-v630 .past-event-art {
  min-height: 170px !important;
  height: 170px !important;
}
body.v160-home .home-archive-v630 .past-event-art::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background-image:
    url("../images/paper-grain-v632.png"),
    radial-gradient(ellipse at 18% 86%, rgba(3,7,4,.39), rgba(3,7,4,.16) 38%, transparent 70%),
    linear-gradient(90deg, rgba(3,7,4,.23), transparent 68%) !important;
  background-size: 256px 256px, 76% 70%, 76% 70% !important;
  background-position: 0 0, left bottom, left bottom !important;
  background-repeat: repeat, no-repeat, no-repeat !important;
}
body.v160-home .home-archive-v630 .v162-event-copy {
  bottom: 15px !important;
}
body.v160-home .home-current-v630 .v162-event-archive,
body.v160-home .home-archive-v630 .v162-event-archive {
  font-size: .60rem !important;
  letter-spacing: .125em !important;
}
body.v160-home .home-current-v630 .current-event-feature-credit,
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit {
  font-size: .66rem !important;
  line-height: 1.3 !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  font-size: .64rem !important;
}

/* Arrow is a cue, not a second button. Give it enough presence to be noticed. */
body.v160-home .home-section-v630 .past-event-outcome.event-link {
  top: 12px !important;
  right: 14px !important;
  color: rgba(240, 245, 237, .90) !important;
  font-size: 1.12rem !important;
}

/* Hero CTA: slightly warmer and more translucent so it belongs with the illustrated masthead. */
body.v160-home .home-hero-v628__cta {
  border-color: rgba(151, 166, 117, .46) !important;
  background: rgba(8, 15, 11, .72) !important;
  box-shadow: 0 7px 17px rgba(0,0,0,.20), inset 0 1px 0 rgba(236,232,198,.025) !important;
}
body.v160-home .home-hero-v628__cta:hover,
body.v160-home .home-hero-v628__cta:focus-visible {
  border-color: rgba(183, 190, 133, .66) !important;
  background: rgba(12, 22, 15, .84) !important;
}

/* Footer: a touch more presence so the page ends intentionally. */
body.v160-home .home-footer-v636__brand {
  color: #9aa999 !important;
}
body.v160-home .home-footer-v636__links a {
  color: #a2b0a0 !important;
  opacity: .96 !important;
}
body.v160-home footer.wrap {
  border-top-color: rgba(105, 139, 112, .26) !important;
}

@media (max-width: 700px) {
  body.v160-home .v160-nav-links a {
    min-height: 40px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: .60rem !important;
  }
  body.v160-home .v160-nav-links a + a {
    padding-left: 21px !important;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy {
    left: 18px !important;
    right: 62px !important;
    bottom: 15px !important;
  }
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 146px !important;
    height: 146px !important;
  }
}

/* Source: assets/nav-selective-v6391.css */
/* Mantis OSRS v6.39.1 — selected v6.40 navigation treatment */

.v160-nav-shell {
  width: min(1040px, calc(100% - 32px)) !important;
  min-height: 68px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 24px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(114, 147, 119, .27) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.v160-brand {
  width: auto !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.v160-brand::before { display: none !important; }
.v160-brand:hover,
.v160-brand:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}
.v160-brand-icon {
  width: 34px !important;
  min-height: 34px !important;
  flex-basis: 34px !important;
  padding-right: 8px !important;
  border-right-color: rgba(145, 209, 121, .28) !important;
  box-shadow: none !important;
}
.v160-brand-icon img {
  width: 26px !important;
  height: 26px !important;
}
.v160-brand-wordmark {
  margin-left: 9px !important;
  gap: 7px !important;
}
.v160-brand-wordmark .mantis-word { font-size: 1.03rem !important; }
.v160-brand-wordmark .osrs-word {
  color: #bad7ac !important;
  font-size: .52rem !important;
  letter-spacing: .16em !important;
}
.v160-nav-links {
  gap: 2px !important;
  padding: 0 !important;
}
.v160-nav-links a,
.v160-nav-links a + a {
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  color: #a9b5a7 !important;
  text-transform: none !important;
  letter-spacing: .025em !important;
  font: 700 .79rem/1 Arial, Helvetica, sans-serif !important;
  background: transparent !important;
  box-shadow: none !important;
}
.v160-nav-links a + a::before { display: none !important; }
.v160-nav-links a:hover,
.v160-nav-links a:focus-visible,
.v160-nav-links a[aria-current="page"] {
  color: #edf4ea !important;
  background: rgba(161, 205, 145, .055) !important;
  box-shadow: inset 0 -1px 0 rgba(166, 217, 148, .48) !important;
}

@media (max-width: 760px) {
  .v160-nav-shell {
    min-height: 62px !important;
    width: calc(100% - 22px) !important;
    flex-wrap: nowrap !important;
  }
  .v160-nav-links {
    width: auto !important;
    overflow-x: auto !important;
    border-top: 0 !important;
    justify-content: flex-end !important;
    scrollbar-width: none;
  }
  .v160-nav-links::-webkit-scrollbar { display: none; }
  .v160-nav-links a,
  .v160-nav-links a + a {
    min-height: 44px !important;
    padding: 0 9px !important;
    font-size: .72rem !important;
  }

  /* Event pages have an extra context label beside the brand, so allow a second row. */
  body.v170-event-polish .v160-nav-shell {
    flex-wrap: wrap !important;
    gap: 7px 14px !important;
    padding-bottom: 5px !important;
  }
  body.v170-event-polish .v160-nav-links {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 620px) {
  .v160-nav-shell {
    min-height: 60px !important;
    gap: 10px !important;
  }
  .v160-brand-icon {
    width: 30px !important;
    flex-basis: 30px !important;
    padding-right: 6px !important;
  }
  .v160-brand-icon img {
    width: 23px !important;
    height: 23px !important;
  }
  .v160-brand-wordmark { margin-left: 7px !important; }
  .v160-brand-wordmark .mantis-word { font-size: .93rem !important; }
  .v160-brand-wordmark .osrs-word { display: none !important; }
  .v160-nav-links a,
  .v160-nav-links a + a {
    padding: 0 8px !important;
    font-size: .69rem !important;
  }
  .v160-nav-links a[href*="wiseoldman"],
  .v160-nav-links a[href*="oldschool.runescape.wiki"] {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .v160-nav-links a,
  .v160-nav-links a + a {
    padding: 0 6px !important;
    font-size: .66rem !important;
  }
}

/* Source: assets/home-selective-v6391.css */
/* Mantis OSRS v6.39.1 — selected v6.40 event-card and footer treatment */

/* Event cards: smoother image overlays, readable copy, and a clear View event action. */
body.v160-home .home-current-v630 .current-card.current-event-teaser {
  min-height: 216px !important;
  height: 216px !important;
  border-color: rgba(132, 168, 137, .30) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.17) !important;
}
body.v160-home .home-current-v630 .event-teaser-art {
  min-height: 216px !important;
  height: 216px !important;
}
body.v160-home .home-current-v630 .event-teaser-art::before {
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(3,7,4,.74) 0%, rgba(3,7,4,.56) 26%, rgba(3,7,4,.23) 52%, rgba(3,7,4,.06) 75%, rgba(3,7,4,.14) 100%),
    linear-gradient(180deg, rgba(3,7,4,.04) 0%, rgba(3,7,4,.08) 48%, rgba(3,7,4,.54) 100%) !important;
}
body.v160-home .home-current-v630 .event-teaser-art::after { opacity: .44 !important; }
body.v160-home .home-current-v630 .current-event-feature-copy {
  left: 24px !important;
  right: 116px !important;
  bottom: 19px !important;
}
body.v160-home .home-current-v630 .v162-event-archive {
  margin-bottom: 7px !important;
  color: #c0ccbcd9 !important;
  font-size: .65rem !important;
  letter-spacing: .105em !important;
}
body.v160-home .home-current-v630 .current-event-feature-copy h3 {
  color: #f3f6f0 !important;
  font-size: clamp(1.95rem, 3.35vw, 2.45rem) !important;
  line-height: .98 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,.86) !important;
}
body.v160-home .home-current-v630 .current-event-feature-credit,
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit {
  color: #c0cbbd !important;
  font-size: .69rem !important;
  line-height: 1.35 !important;
}
body.v160-home .home-current-v630 .current-event-feature-credit .creator-name,
body.v160-home .home-archive-v630 .v162-event-copy .creator-name {
  color: #e0ecd9 !important;
}

body.v160-home .home-section-v630 .past-event-outcome.event-link {
  top: 12px !important;
  right: 13px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid rgba(222,237,215,.18) !important;
  border-radius: 2px !important;
  color: #e9f0e6 !important;
  background: rgba(5,10,7,.40) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  font: 800 .61rem/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 7px rgba(0,0,0,.9) !important;
}
body.v160-home .home-section-v630 .event-action-label { display: inline; }
body.v160-home .home-section-v630 .event-action-arrow {
  font: 400 .95rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
body.v160-home .home-section-v630 a:hover .past-event-outcome.event-link,
body.v160-home .home-section-v630 a:focus-visible .past-event-outcome.event-link {
  color: #071009 !important;
  border-color: #c7e9b7 !important;
  background: #a8d993 !important;
  text-shadow: none !important;
  transform: translate(1px,-1px) !important;
}
body.v160-home a.v161-event-card-link:focus-visible {
  outline: 2px solid rgba(190,240,170,.78) !important;
  outline-offset: 3px !important;
}

body.v160-home .home-archive-v630 .past-list { gap: 15px !important; }
body.v160-home .home-archive-v630 .past-card.feature-past-event,
body.v160-home .home-archive-v630 .past-event-art {
  min-height: 174px !important;
  height: 174px !important;
}
body.v160-home .home-archive-v630 .past-card.feature-past-event {
  border-color: rgba(122,145,126,.18) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.12) !important;
}
body.v160-home .home-archive-v630 .past-card.feature-past-event:hover,
body.v160-home .home-archive-v630 .past-card.feature-past-event:focus-visible {
  border-color: rgba(159,195,158,.42) !important;
  box-shadow: 0 11px 24px rgba(0,0,0,.18) !important;
  transform: translateY(-2px) !important;
}
body.v160-home .home-archive-v630 .past-event-art::before {
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(4,7,5,.03) 0%, rgba(4,7,5,.10) 34%, rgba(4,7,5,.78) 100%),
    linear-gradient(90deg, rgba(3,7,4,.46) 0%, rgba(3,7,4,.25) 34%, transparent 67%) !important;
}
body.v160-home .home-archive-v630 .past-event-art::after {
  width: 100% !important;
  height: 100% !important;
  opacity: .46 !important;
  background-image:
    url("../images/paper-grain-v632.png"),
    radial-gradient(ellipse at 15% 86%, rgba(2,6,3,.50), rgba(2,6,3,.18) 42%, transparent 70%) !important;
  background-size: 256px 256px, 78% 74% !important;
  background-position: 0 0, left bottom !important;
  background-repeat: repeat, no-repeat !important;
}
body.v160-home .home-archive-v630 .v162-event-copy {
  left: 17px !important;
  right: 68px !important;
  bottom: 14px !important;
  z-index: 3 !important;
}
body.v160-home .home-archive-v630 .v162-event-archive {
  margin-bottom: 5px !important;
  color: #bec9bb !important;
  font-size: .61rem !important;
  letter-spacing: .105em !important;
}
body.v160-home .home-archive-v630 .v162-event-copy h3 {
  color: #f1f5ee !important;
  font-size: clamp(1.35rem, 2.35vw, 1.62rem) !important;
  line-height: 1 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.92) !important;
}
body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  font-size: .67rem !important;
}

/* Footer: keep the v6.40 structure, without the year line or extra event wording. */
body.v160-home footer.wrap {
  width: min(920px, calc(100% - 32px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 26px !important;
  margin-top: 44px !important;
  padding: 24px 0 30px !important;
  border-top: 1px solid rgba(105,139,112,.27) !important;
  color: #8e9b8c !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.v160-home .home-footer-v640__identity {
  display: grid;
  gap: 5px;
}
body.v160-home .home-footer-v636__brand {
  color: #c4d0c0 !important;
  font-size: .68rem !important;
  letter-spacing: .13em !important;
}
body.v160-home .home-footer-v640__description {
  margin: 0;
  color: #829080;
  font: 400 .66rem/1.45 Arial, Helvetica, sans-serif;
  letter-spacing: .01em;
  text-transform: none;
}
body.v160-home .home-footer-v636__links {
  gap: 6px !important;
}
body.v160-home .home-footer-v636__links a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  color: #a9b6a7 !important;
  font-size: .69rem !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}
body.v160-home .home-footer-v636__dot { display: none !important; }

@media (max-width: 900px) {
  body.v160-home footer.wrap { width: min(100% - 28px, 920px) !important; }
}

@media (max-width: 620px) {
  body.v160-home footer.wrap { width: calc(100% - 20px) !important; }
  body.v160-home .home-current-v630 .current-card.current-event-teaser,
  body.v160-home .home-current-v630 .event-teaser-art {
    min-height: 200px !important;
    height: 200px !important;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy {
    left: 18px !important;
    right: 64px !important;
    bottom: 16px !important;
  }
  body.v160-home .home-current-v630 .current-event-feature-copy h3 { font-size: 1.85rem !important; }
  body.v160-home .home-section-v630 .past-event-outcome.event-link {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
  }
  body.v160-home .home-section-v630 .event-action-label { display: none; }
  body.v160-home .home-archive-v630 .past-list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 160px !important;
    height: 160px !important;
  }
  body.v160-home footer.wrap {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 15px !important;
    margin-top: 38px !important;
    padding-bottom: 24px !important;
  }
  body.v160-home .home-footer-v636__links { justify-content: flex-start !important; }
}

/* Source: assets/home-nav-v6392.css */
/* Mantis OSRS v6.39.2 — open navigation with boxed home control */

body.v160-home .v160-nav-shell {
  width: min(1060px, calc(100% - 28px)) !important;
  min-height: 58px !important;
  margin: 4px auto 0 !important;
  padding: 4px 0 7px !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.v160-home .v160-nav-shell::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg,
    rgba(118,150,121,.30),
    rgba(118,150,121,.20) 72%,
    rgba(118,150,121,.08)) !important;
  box-shadow: none !important;
}
body.v160-home .v160-nav-shell::after {
  content: none !important;
  display: none !important;
}

body.v160-home .v160-brand {
  width: auto !important;
  min-width: 178px !important;
  min-height: 44px !important;
  padding: 7px 13px 7px 8px !important;
  overflow: hidden !important;
  color: #eef3e9 !important;
  background: rgba(4,7,5,.86) !important;
  border: 1px solid rgba(126,166,126,.48) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease !important;
}
body.v160-home .v160-brand::before {
  content: none !important;
  display: none !important;
}
body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  color: #fff !important;
  background: rgba(10,16,11,.94) !important;
  border-color: rgba(177,213,166,.74) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}
body.v160-home .v160-brand-icon {
  border-right-color: rgba(139,181,129,.34) !important;
  box-shadow: none !important;
}

body.v160-home .v160-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
  min-width: 0 !important;
  padding: 0 4px 0 0 !important;
}
body.v160-home .v160-nav-links a,
body.v160-home .v160-nav-links a + a {
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #b6c1b3 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  font: 500 .84rem/1 Georgia, "Times New Roman", serif !important;
  white-space: nowrap !important;
  transition: color .16s ease !important;
}
body.v160-home .v160-nav-links a + a::before {
  content: none !important;
  display: none !important;
}
body.v160-home .v160-nav-links a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 7px !important;
  height: 1px !important;
  opacity: 0 !important;
  transform: scaleX(.72) !important;
  transform-origin: center !important;
  background: rgba(164,199,151,.68) !important;
  transition: opacity .16s ease, transform .16s ease !important;
}
body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  color: #edf3e9 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
body.v160-home .v160-nav-links a:hover::after,
body.v160-home .v160-nav-links a:focus-visible::after,
body.v160-home .v160-nav-links a[aria-current="page"]::after {
  opacity: .9 !important;
  transform: scaleX(1) !important;
}

body.v160-home #events { scroll-margin-top: 18px; }

@media (max-width: 760px) {
  body.v160-home .v160-nav-shell {
    width: min(100% - 18px, 920px) !important;
    min-height: 0 !important;
    padding: 6px 0 8px !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  body.v160-home .v160-brand { min-width: 170px !important; }
  body.v160-home .v160-nav-links {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    overflow-x: auto !important;
    padding: 3px 0 0 !important;
    border-top: 0 !important;
    scrollbar-width: thin;
  }
  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    min-height: 38px !important;
    font-size: .78rem !important;
  }
}

@media (max-width: 430px) {
  body.v160-home .v160-nav-links { gap: 18px !important; }
  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a { font-size: .75rem !important; }
}

/* Source: assets/home-nav-v6393.css */
/* Mantis OSRS v6.39.3 — simplified open navigation */

/* One continuous divider beneath the entire navigation shell. */
body.v160-home .v160-nav-shell {
  padding-top: 4px !important;
  padding-bottom: 7px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(118,150,121,.26) !important;
}

body.v160-home .v160-nav-shell::before,
body.v160-home .v160-nav-shell::after {
  content: none !important;
  display: none !important;
}

/* Make the boxed Home control slightly shorter while preserving its width and visual weight. */
body.v160-home .v160-brand {
  min-height: 39px !important;
  padding: 5px 13px 5px 8px !important;
}

/* With Events removed, keep the remaining links balanced and comfortably spaced. */
body.v160-home .v160-nav-links {
  gap: 30px !important;
}

body.v160-home .v160-nav-links a,
body.v160-home .v160-nav-links a + a {
  min-height: 39px !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-shell {
    padding-top: 5px !important;
    padding-bottom: 8px !important;
  }
  body.v160-home .v160-brand {
    min-height: 38px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  body.v160-home .v160-nav-links {
    gap: 22px !important;
  }
  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    min-height: 36px !important;
  }
}

/* Source: assets/home-nav-v6394.css */
/* Mantis OSRS v6.39.4 — subtle colored-pencil Home-button accent */

/* Keep the control predominantly black, but echo the hero's hand-drawn botanical texture inside it. */
body.v160-home .v160-brand {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: rgba(4,7,5,.92) !important;
}

body.v160-home .v160-brand::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .20 !important;
  background-image:
    linear-gradient(90deg, rgba(3,6,4,.18), rgba(3,6,4,.52) 78%, rgba(3,6,4,.72)),
    url("../images/home-hero-pencil-v628.png") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, 650px auto !important;
  background-position: center, left 46% center !important;
  filter: saturate(.72) brightness(.78) contrast(1.03) !important;
}

body.v160-home .v160-brand > * {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  opacity: .27 !important;
  filter: saturate(.82) brightness(.84) contrast(1.04) !important;
}

/* Preserve crisp readability over the textured fill. */
body.v160-home .v160-brand-wordmark,
body.v160-home .v160-brand-icon {
  text-shadow: 0 1px 4px rgba(0,0,0,.58) !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-brand::after {
    opacity: .18 !important;
    background-size: 100% 100%, 600px auto !important;
  }
}

/* Source: assets/home-nav-v6395.css */
/* Mantis OSRS v6.39.5 — clearly visible colored-pencil Home-button treatment */

body.v160-home .v160-brand {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #050806 !important;
}

/* Use an actual botanical crop from the hero rather than an almost invisible texture wash. */
body.v160-home .v160-brand::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .82 !important;
  background-image:
    linear-gradient(90deg,
      rgba(3,6,4,.20) 0%,
      rgba(3,6,4,.30) 34%,
      rgba(3,6,4,.50) 62%,
      rgba(3,6,4,.64) 100%),
    url("../images/home-button-pencil-v6395.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-position: center, left center !important;
  filter: saturate(.92) brightness(.92) contrast(1.06) !important;
}

body.v160-home .v160-brand > * {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  opacity: .94 !important;
  filter: saturate(1.0) brightness(1.02) contrast(1.07) !important;
}

/* Keep the logo and wordmark decisively readable over the visible artwork. */
body.v160-home .v160-brand-wordmark,
body.v160-home .v160-brand-icon {
  text-shadow:
    0 1px 3px rgba(0,0,0,.92),
    0 0 8px rgba(0,0,0,.48) !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-brand::after {
    opacity: .78 !important;
    background-position: left center !important;
  }
}

/* Source: assets/home-nav-v6396.css */
/* Mantis OSRS v6.39.6 — full-surface abstract colored-pencil Home button */

body.v160-home .v160-brand {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #070a07 !important;
  border-color: rgba(164, 145, 91, .46) !important;
}

/* Abstract pencil material across the whole button. No literal subject is meant to read at this scale. */
body.v160-home .v160-brand::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .96 !important;
  background-image:
    linear-gradient(90deg, rgba(3,6,4,.30) 0%, rgba(4,7,5,.16) 34%, rgba(21,18,9,.12) 72%, rgba(3,6,4,.28) 100%),
    url("../images/home-button-pencil-v6396.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center, center !important;
  filter: saturate(1.02) brightness(1.03) contrast(1.06) !important;
}

body.v160-home .v160-brand > * {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  opacity: 1 !important;
  filter: saturate(1.08) brightness(1.10) contrast(1.07) !important;
}

body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(202, 179, 109, .66) !important;
}

/* Keep the icon and wordmark crisp over the richer surface. */
body.v160-home .v160-brand-wordmark,
body.v160-home .v160-brand-icon {
  text-shadow:
    0 1px 3px rgba(0,0,0,.96),
    0 0 7px rgba(0,0,0,.56) !important;
}

/* Source: assets/home-nav-v6397.css */
/* Mantis OSRS v6.39.7 — real image-based texture across the full Home button */
body.v160-home .v160-brand {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #060906 !important;
  border-color: rgba(152, 169, 124, .42) !important;
  box-shadow: inset 0 0 0 1px rgba(228, 236, 214, .025) !important;
}

body.v160-home .v160-brand::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(0deg, rgba(5,8,6,.42), rgba(5,8,6,.42)),
    url("../images/home-button-pencil-v6397.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center !important;
  filter: none !important;
}

body.v160-home .v160-brand > * {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  background-image:
    linear-gradient(0deg, rgba(5,8,6,.34), rgba(5,8,6,.34)),
    url("../images/home-button-pencil-v6397.webp") !important;
}

body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(181, 199, 147, .56) !important;
}

body.v160-home .v160-brand-wordmark,
body.v160-home .v160-brand-icon {
  text-shadow:
    0 1px 3px rgba(0,0,0,.95),
    0 0 7px rgba(0,0,0,.52) !important;
}

/* Source: assets/home-nav-v6398.css */
/* Mantis OSRS v6.39.8 — black open nav + full-button botanical pencil texture */

/* Black navigation field like the preferred reference, with one line beneath everything. */
body.v160-home .v160-nav-shell {
  background: #020302 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(118,150,121,.28) !important;
  box-shadow: none !important;
}
body.v160-home .v160-nav-shell::before,
body.v160-home .v160-nav-shell::after {
  content: none !important;
  display: none !important;
}

/* Home control: a real image texture fills the entire interior. */
body.v160-home .v160-brand {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #050806 !important;
  border-color: rgba(140,164,128,.45) !important;
  box-shadow: inset 0 0 0 1px rgba(228,236,214,.022) !important;
}

body.v160-home .v160-brand::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(3,5,4,.50), rgba(3,5,4,.34) 45%, rgba(3,5,4,.44)),
    url("../images/home-button-botanical-v6398.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-position: center, 72% 48% !important;
  filter: none !important;
}

body.v160-home .v160-brand > * {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  background-image:
    linear-gradient(90deg, rgba(3,5,4,.43), rgba(3,5,4,.27) 45%, rgba(3,5,4,.36)),
    url("../images/home-button-botanical-v6398.webp") !important;
}

body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(177,199,158,.60) !important;
}

body.v160-home .v160-brand-wordmark,
body.v160-home .v160-brand-icon {
  text-shadow:
    0 1px 3px rgba(0,0,0,.96),
    0 0 7px rgba(0,0,0,.56) !important;
}

/* Source: assets/home-nav-v6399.css */
/* Mantis OSRS v6.39.9 — restore open nav field, keep black textured Home control */

/* Return the navigation area to the page-integrated treatment. */
body.v160-home .v160-nav-shell {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(118,150,121,.26) !important;
  box-shadow: none !important;
}
body.v160-home .v160-nav-shell::before,
body.v160-home .v160-nav-shell::after {
  content: none !important;
  display: none !important;
}

/* Keep the Home control itself black, with the full image texture from v6.39.8. */
body.v160-home .v160-brand {
  background: #050806 !important;
  border-color: rgba(140,164,128,.45) !important;
  box-shadow: inset 0 0 0 1px rgba(228,236,214,.022) !important;
}
body.v160-home .v160-brand::after {
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(3,5,4,.50), rgba(3,5,4,.34) 45%, rgba(3,5,4,.44)),
    url("../images/home-button-botanical-v6398.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-position: center, 72% 48% !important;
  filter: none !important;
}
body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  background-image:
    linear-gradient(90deg, rgba(3,5,4,.43), rgba(3,5,4,.27) 45%, rgba(3,5,4,.36)),
    url("../images/home-button-botanical-v6398.webp") !important;
}

/* Source: assets/home-type-v63910.css */
/* Mantis OSRS v6.39.10 — section heading typography + footer cleanup */

/* Keep status out of the interface entirely. */
body.v160-home .home-status-v630 {
  display: none !important;
}

/* Give section headings the same editorial serif voice as the rest of the site. */
body.v160-home .home-section-head-v630 {
  margin-bottom: 16px !important;
}

body.v160-home .home-section-head-v630 .section-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.18rem !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  color: #e7ece2 !important;
  text-shadow: 0 1px 7px rgba(0,0,0,.34) !important;
}

body.v160-home .home-section-head-v630 .section-title span {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}

@media (max-width: 700px) {
  body.v160-home .home-section-head-v630 .section-title {
    font-size: 1.08rem !important;
  }
}

/* Source: assets/home-polish-v63911.css */
/* Mantis OSRS v6.39.11 — Home-button tonal balance + section rhythm */

/* Keep the real pencil texture, but neutralize the mossy left side so the
   full Home control reads as one dark charcoal-black material. */
body.v160-home .v160-brand {
  background: #030504 !important;
  border-color: rgba(133, 153, 124, .42) !important;
}
body.v160-home .v160-brand::after {
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg,
      rgba(2,4,3,.72) 0%,
      rgba(2,4,3,.62) 30%,
      rgba(2,4,3,.54) 62%,
      rgba(2,4,3,.54) 100%),
    url("../images/home-button-botanical-v6398.webp") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-position: center, 72% 48% !important;
  filter: saturate(.78) brightness(.90) contrast(1.04) !important;
}
body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  background-image:
    linear-gradient(90deg,
      rgba(2,4,3,.64) 0%,
      rgba(2,4,3,.54) 30%,
      rgba(2,4,3,.46) 62%,
      rgba(2,4,3,.46) 100%),
    url("../images/home-button-botanical-v6398.webp") !important;
  filter: saturate(.82) brightness(.96) contrast(1.04) !important;
}

/* Even out the page rhythm. The two major transitions now land at nearly the
   same perceived distance, with a little more breathing room than before. */
body.v160-home .home-hero-v628.wrap {
  margin-bottom: 42px !important;
}
body.v160-home main > section.home-section-v630 + section.home-section-v630 {
  margin-top: 44px !important;
}

@media (max-width: 700px) {
  body.v160-home .home-hero-v628.wrap {
    margin-bottom: 32px !important;
  }
  body.v160-home main > section.home-section-v630 + section.home-section-v630 {
    margin-top: 34px !important;
  }
}

/* Source: assets/home-polish-v63912.css */
/* Mantis OSRS v6.39.12 — Home texture lift + section-title pencil accents */

/* Bring a little more material detail back into the Home control without
   reintroducing the mossy green imbalance from earlier versions. */
body.v160-home .v160-brand::after {
  background-image:
    linear-gradient(90deg,
      rgba(2,4,3,.64) 0%,
      rgba(2,4,3,.56) 30%,
      rgba(2,4,3,.48) 62%,
      rgba(2,4,3,.48) 100%),
    url("../images/home-button-botanical-v6398.webp") !important;
  filter: saturate(.76) brightness(.98) contrast(1.035) !important;
}
body.v160-home .v160-brand:hover::after,
body.v160-home .v160-brand:focus-visible::after {
  background-image:
    linear-gradient(90deg,
      rgba(2,4,3,.56) 0%,
      rgba(2,4,3,.48) 30%,
      rgba(2,4,3,.40) 62%,
      rgba(2,4,3,.40) 100%),
    url("../images/home-button-botanical-v6398.webp") !important;
  filter: saturate(.80) brightness(1.03) contrast(1.035) !important;
}

/* Give section names a small editorial anchor rather than another full-width rule. */
body.v160-home .home-section-head-v630 .section-title {
  color: #edf0e8 !important;
}
body.v160-home .home-section-head-v630 .section-title::before {
  content: none !important;
  display: none !important;
}
body.v160-home .home-section-head-v630 .section-title::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 32px !important;
  height: 2px !important;
  margin: 8px 0 0 1px !important;
  opacity: .78 !important;
  transform: rotate(-1.2deg) !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    linear-gradient(90deg,
      rgba(172,151,94,.18) 0%,
      rgba(194,174,111,.72) 20%,
      rgba(153,170,108,.56) 78%,
      rgba(153,170,108,0) 100%) !important;
}
body.v160-home .home-section-head-v630 .section-title > span::after {
  content: none !important;
  display: none !important;
}

body.v160-home .home-section-head-v630 {
  margin-bottom: 18px !important;
}

@media (max-width: 700px) {
  body.v160-home .home-section-head-v630 .section-title::after {
    width: 28px !important;
    margin-top: 7px !important;
  }
  body.v160-home .home-section-head-v630 {
    margin-bottom: 16px !important;
  }
}

/* Source: assets/home-hero-v700.css */
/* Mantis OSRS v7.4 corrected
   Based directly on v7.3.
   The hero composition remains the same at every viewport width.
   Only the old baked Discord button rectangle was restored in the artwork.
   The original button pixels are now a separate real link that can lift on hover.
*/

body.v160-home .home-hero-v700 {
  margin: 3px 0 18px;
}

body.v160-home .home-hero-v700__wrap {
  width: min(1049px, calc(100% - 16px));
  margin: 0 auto;
}

body.v160-home .home-hero-v700__stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  isolation: isolate;
}

body.v160-home .home-hero-v700__art {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  user-select: none;
  -webkit-user-drag: none;
}

body.v160-home .home-hero-v700__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.v160-home .home-hero-v700__desktop-cta {
  position: absolute;
  z-index: 3;
  left: 79.5043%;
  top: 82.0225%;
  width: 17.1592%;
  height: 13.4831%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  transform: translateY(0);
  transform-origin: center;
  transition: transform .16s ease, filter .16s ease;
}

body.v160-home .home-hero-v700__desktop-cta img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

body.v160-home .home-hero-v700__desktop-cta:hover,
body.v160-home .home-hero-v700__desktop-cta:focus-visible {
  transform: translateY(-3px);
  filter: brightness(1.06) drop-shadow(0 5px 6px rgba(0,0,0,.34));
}

body.v160-home .home-hero-v700__desktop-cta:focus-visible {
  outline: 1px solid rgba(232, 222, 167, .82);
  outline-offset: 2px;
}

@media (max-width: 720px) {
  body.v160-home .home-hero-v700 {
    margin-top: 5px;
    margin-bottom: 18px;
  }

  body.v160-home .home-hero-v700__wrap {
    width: min(100% - 10px, 1049px);
  }

  body.v160-home .home-hero-v700__desktop-cta:hover,
  body.v160-home .home-hero-v700__desktop-cta:focus-visible {
    transform: translateY(-2px);
  }
}

@media (max-width: 430px) {
  body.v160-home .home-hero-v700__wrap {
    width: min(100% - 8px, 1049px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v160-home .home-hero-v700__desktop-cta {
    transition: none;
  }
}

/* Source: assets/home-archive-v730.css */
/* Mantis OSRS v7.3
   Event Archive refinement only.
   Current Event, hero, navigation, and all non-archive homepage components are untouched.
*/

/* Desktop: shorter four-card archive row with reference-style green metadata. */
@media (min-width: 861px) {
  body.v160-home .home-archive-v630 .past-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px !important;
  }

  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    width: 100%;
    min-width: 0;
    min-height: 94px !important;
    height: 94px !important;
  }

  body.v160-home .home-archive-v630 .past-card.feature-past-event::after {
    inset: 5px;
  }

  /* Let the shorter cards show more of each original illustration. */
  body.v160-home .home-archive-v630 .past-event-art img {
    transform: none !important;
    object-fit: cover;
    filter: saturate(.94) contrast(1.04) brightness(.84);
  }

  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 50% 46%;
  }

  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 52% 50%;
  }

  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 48% 50%;
  }

  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 50% 50%;
  }

  body.v160-home .home-archive-v630 .v162-event-copy {
    left: 9px !important;
    right: 8px !important;
    bottom: 7px !important;
  }

  body.v160-home .home-archive-v630 .v162-event-archive {
    margin-bottom: 2px !important;
    color: #9fbd80 !important;
    font-size: .42rem !important;
    line-height: 1.05 !important;
    letter-spacing: .13em !important;
    font-weight: 800 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy h3 {
    margin: 0 !important;
    color: #eee8d2 !important;
    font-size: clamp(.92rem, 1.5vw, 1.05rem) !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    margin-top: 3px !important;
    gap: .22em !important;
    color: #95ad7c !important;
    font-size: .44rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-prefix {
    color: #95ad7c !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .creator-name {
    color: #b5d88f !important;
    font-weight: 800 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .creator-separator {
    color: #8da576 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-creators {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link {
    top: 7px !important;
    right: 7px !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    border-radius: 1px !important;
    font-size: .40rem !important;
    letter-spacing: .06em !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link::before {
    inset: 2px !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome .event-action-arrow {
    font-size: .66rem !important;
  }
}

/* Mid-size screens: keep the compact style without squeezing text or artwork. */
@media (min-width: 621px) and (max-width: 860px) {
  body.v160-home .home-archive-v630 .past-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px !important;
  }

  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    width: 100%;
    min-height: 108px !important;
    height: 108px !important;
  }

  body.v160-home .home-archive-v630 .past-event-art img {
    transform: none !important;
    object-fit: cover;
  }

  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 50% 46%;
  }

  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 52% 50%;
  }

  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 48% 50%;
  }

  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 50% 50%;
  }

  body.v160-home .home-archive-v630 .v162-event-copy {
    left: 10px !important;
    right: 9px !important;
    bottom: 8px !important;
  }

  body.v160-home .home-archive-v630 .v162-event-archive {
    color: #9fbd80 !important;
    font-size: .46rem !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy h3 {
    font-size: 1rem !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    margin-top: 3px !important;
    color: #95ad7c !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-prefix {
    color: #95ad7c !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .creator-name {
    color: #b5d88f !important;
    font-weight: 800 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link {
    top: 8px !important;
    right: 8px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 7px !important;
    font-size: .43rem !important;
  }
}

/* Source: assets/home-canvas-v760.css */
/* Mantis OSRS v7.6
   Stronger homepage canvas treatment.
   Keeps the no-glow direction, but makes the dark forest-parchment texture
   clearly visible instead of reading as flat black.
*/

body.v160-home {
  background-color: #080b09 !important;
  background-image:
    url("../images/paper-grain-v760.png"),
    linear-gradient(
      180deg,
      #0d120f 0%,
      #0a0e0b 20%,
      #080b09 48%,
      #070907 72%,
      #0a0e0b 100%
    ) !important;
  background-size: 256px 256px, auto !important;
  background-position: 0 0, center top !important;
  background-repeat: repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
  background-blend-mode: normal, normal !important;
}

/* Remove the older pseudo-element grain layer so the texture is controlled
   in one place and cannot disappear behind the body background. */
body.v160-home::before {
  content: none !important;
}

@media (max-width: 700px) {
  body.v160-home {
    background-attachment: scroll, scroll !important;
  }
}

/* Source: assets/home-canvas-v770.css */
/* Mantis OSRS v7.7
   Clean, smooth homepage canvas.
   Removes the grain/static look and uses a refined near-black forest tone
   with a very soft tonal shift for depth.
*/

body.v160-home {
  background-color: #090b0a !important;
  background-image:
    radial-gradient(
      140% 88% at 50% 0%,
      rgba(28, 40, 31, .18) 0%,
      rgba(12, 15, 13, 0) 56%
    ),
    linear-gradient(
      180deg,
      #0c0f0d 0%,
      #090b0a 44%,
      #080a09 70%,
      #0b0d0b 100%
    ) !important;
  background-size: auto, auto !important;
  background-position: center top, center top !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: scroll, scroll !important;
}

body.v160-home::before {
  content: none !important;
}

/* Source: assets/home-layout-v780.css */
/* Mantis OSRS v7.8
   Layout-only spacing refinements.
   Moves the hero closer to the nav, evens out homepage section spacing,
   and brings section headings closer to their cards.
*/

body.v160-home .home-hero-v700 {
  margin-top: -8px;
  margin-bottom: 24px;
}

body.v160-home main > section.home-section-v630 {
  margin-top: 50px;
}

body.v160-home main > section.home-section-v630 + section.home-section-v630 {
  margin-top: 50px;
}

body.v160-home .home-section-head-v630,
body.v160-home .home-archive-head-v630 {
  margin-bottom: 9px;
}

@media (max-width: 700px) {
  body.v160-home .home-hero-v700 {
    margin-top: -4px;
    margin-bottom: 20px;
  }

  body.v160-home main > section.home-section-v630,
  body.v160-home main > section.home-section-v630 + section.home-section-v630 {
    margin-top: 38px;
  }

  body.v160-home .home-section-head-v630,
  body.v160-home .home-archive-head-v630 {
    margin-bottom: 8px;
  }
}

/* Source: assets/home-layout-v790.css */
/* Mantis OSRS v7.9
   Authoritative homepage spacing rules.
   These selectors intentionally override older high-specificity and !important
   rules so the visible gaps are controlled directly and consistently.
*/

/* Bring the hero materially closer to the navigation. */
body.v160-home .home-hero-v700 {
  margin-top: -18px !important;
  margin-bottom: 52px !important;
}

/* Keep the first content section from adding its own top margin.
   The hero's bottom margin is the single source of truth for this gap. */
body.v160-home main > section.home-section-v630.home-current-v630:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the Current -> Archive gap match the Hero -> Current gap. */
body.v160-home main > section.home-section-v630.home-current-v630 +
section.home-section-v630.home-archive-v630 {
  margin-top: 52px !important;
  padding-top: 0 !important;
}

/* Bring section labels closer to their cards. */
body.v160-home .home-current-v630 > .home-section-head-v630,
body.v160-home .home-archive-v630 > .home-section-head-v630.home-archive-head-v630 {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
}

@media (max-width: 700px) {
  body.v160-home .home-hero-v700 {
    margin-top: -10px !important;
    margin-bottom: 40px !important;
  }

  body.v160-home main > section.home-section-v630.home-current-v630:first-child {
    margin-top: 0 !important;
  }

  body.v160-home main > section.home-section-v630.home-current-v630 +
  section.home-section-v630.home-archive-v630 {
    margin-top: 40px !important;
  }

  body.v160-home .home-current-v630 > .home-section-head-v630,
  body.v160-home .home-archive-v630 > .home-section-head-v630.home-archive-head-v630 {
    margin-bottom: 6px !important;
  }
}

/* Source: assets/home-responsive-v710.css */
/* Mantis OSRS v7.10
   Keeps the compact archive treatment at small screen sizes and gives the
   Current Event metadata the same restrained green hierarchy used by archive cards.
*/

/* Current Event metadata: green at every viewport size. */
body.v160-home .home-current-v630 .current-event-feature-copy .v162-event-archive {
  color: #9fbd80 !important;
  font-weight: 800 !important;
}

body.v160-home .home-current-v630 .current-event-feature-copy .current-event-feature-credit {
  color: #95ad7c !important;
}

body.v160-home .home-current-v630 .current-event-feature-copy .current-event-feature-credit .creator-name {
  color: #b5d88f !important;
  font-weight: 800 !important;
}

/* Mobile: do not fall back to the older tall archive-card design. */
@media (max-width: 620px) {
  body.v160-home .home-archive-v630 .past-list {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 104px !important;
    height: 104px !important;
  }

  body.v160-home .home-archive-v630 .past-event-art img {
    object-fit: cover !important;
    transform: none !important;
    filter: saturate(.94) contrast(1.04) brightness(.84) !important;
  }

  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 50% 46% !important;
  }

  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 52% 50% !important;
  }

  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 48% 50% !important;
  }

  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 50% 50% !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy {
    left: 10px !important;
    right: 82px !important;
    bottom: 8px !important;
  }

  body.v160-home .home-archive-v630 .v162-event-archive {
    margin-bottom: 2px !important;
    color: #9fbd80 !important;
    font-size: .44rem !important;
    line-height: 1.05 !important;
    letter-spacing: .13em !important;
    font-weight: 800 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy h3 {
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #eee8d2 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: .20em !important;
    max-width: none !important;
    margin: 3px 0 0 !important;
    color: #95ad7c !important;
    font-size: .46rem !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-prefix {
    color: #95ad7c !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .creator-name {
    color: #b5d88f !important;
    font-weight: 800 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .creator-separator {
    color: #8da576 !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit .credit-creators {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: .20em !important;
    white-space: normal !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link {
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    border-radius: 1px !important;
    font-size: .40rem !important;
    letter-spacing: .06em !important;
  }

  body.v160-home .home-archive-v630 .event-action-label {
    display: inline !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome .event-action-arrow {
    font-size: .64rem !important;
  }
}

@media (max-width: 380px) {
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 98px !important;
    height: 98px !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy {
    right: 50px !important;
  }

  body.v160-home .home-archive-v630 .event-action-label {
    display: none !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link {
    width: 25px !important;
    min-width: 25px !important;
    padding: 0 !important;
  }
}

/* Source: assets/home-nav-v7132.css */
/* Mantis OSRS v7.13.2
   Full-width homepage navigation surface while preserving the existing
   centered content alignment and individual nav controls.
*/

body.v160-home .v160-nav-shell {
  position: relative !important;
  isolation: isolate !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Full-bleed header surface. The nav contents remain constrained by the
   existing shell width, so their current left/right positions do not move. */
body.v160-home .v160-nav-shell::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg,
      rgba(18, 27, 21, .98) 0%,
      rgba(13, 20, 16, .98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(226, 235, 217, .018),
    inset 0 -10px 24px rgba(0, 0, 0, .10) !important;
}

/* One quiet full-width divider replaces the old content-width rule. */
body.v160-home .v160-nav-shell::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: rgba(119, 149, 119, .24) !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .18) !important;
}

/* Keep the existing brand and link placement. Only tune hover contrast so the
   controls read cleanly against the slightly lighter header surface. */
body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  background: rgba(161, 205, 145, .045) !important;
}

/* Source: assets/home-archive-v7133.css */
/* Mantis OSRS v7.13.3
   Archive card proportion pass only.
   Desktop archive cards are taller so the event artwork has more room.
   Image crop and object-position values are intentionally unchanged for the
   next visual-tuning pass.
*/

@media (min-width: 861px) {
  body.v160-home .home-archive-v630 .past-card.feature-past-event,
  body.v160-home .home-archive-v630 .past-event-art {
    min-height: 130px !important;
    height: 130px !important;
  }
}

/* Source: assets/home-canvas-v7138.css */
/* Mantis OSRS v7.13.8
   Atmospheric page-depth pass built on v7.13.3.
   Keeps the same sparse dust/glint placement while increasing speck brightness and contrast.
   Navigation, hero, events, archive sizing, and footer are not changed here.
*/

body.v160-home {
  background-image:
    url("../images/star-dust-v7138.png"),
    radial-gradient(
      140% 88% at 50% 0%,
      rgba(28, 40, 31, .18) 0%,
      rgba(12, 15, 13, 0) 56%
    ),
    linear-gradient(
      180deg,
      #0c0f0d 0%,
      #090b0a 44%,
      #080a09 70%,
      #0b0d0b 100%
    ) !important;
  background-size: 1024px 1024px, auto, auto !important;
  background-position: 0 0, center top, center top !important;
  background-repeat: repeat, no-repeat, no-repeat !important;
  background-attachment: fixed, scroll, scroll !important;
}

@media (max-width: 700px) {
  body.v160-home {
    background-attachment: scroll, scroll, scroll !important;
  }
}

/* Source: assets/home-nav-v71310.css */
/* Mantis OSRS v7.13.10
   Small navigation separation refinement only.
   Layout, sizing, link placement, and interaction behavior remain unchanged.
*/

/* Give the existing full-width nav surface a restrained forest-charcoal tint
   so it reads as a control area without becoming a separate bright banner. */
body.v160-home .v160-nav-shell::before {
  background:
    linear-gradient(180deg,
      rgba(20, 30, 23, .99) 0%,
      rgba(14, 22, 17, .99) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(226, 235, 217, .024),
    inset 0 -10px 24px rgba(0, 0, 0, .10) !important;
}

/* Slightly stronger divider, still muted and thematic. */
body.v160-home .v160-nav-shell::after {
  height: 2px !important;
  background: rgba(126, 156, 121, .32) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, .28),
    0 2px 8px rgba(0, 0, 0, .14) !important;
}

/* Source: assets/home-nav-v71314.css */
/* Mantis OSRS v7.13.14
   Nav-only atmospheric lift. Built directly from v7.13.10.
   The page canvas, hero, events, archive, and footer are intentionally untouched.
*/

/* Keep the v7.13.10 nav surface, then add a broad low-opacity green-charcoal
   illumination entirely inside the existing header band. */
body.v160-home .v160-nav-shell::before {
  background:
    radial-gradient(
      ellipse 62% 92% at 50% 46%,
      rgba(76, 111, 82, .18) 0%,
      rgba(53, 82, 60, .105) 34%,
      rgba(32, 50, 37, .045) 58%,
      rgba(20, 30, 23, 0) 78%
    ),
    linear-gradient(180deg,
      rgba(20, 30, 23, .99) 0%,
      rgba(14, 22, 17, .99) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(226, 235, 217, .028),
    inset 0 -10px 24px rgba(0, 0, 0, .10) !important;
}

/* Source: assets/home-nav-v71315.css */
/* Mantis OSRS v7.13.15
   Design-director pass: make the homepage navigation read as a deliberate
   control surface while keeping the page itself untouched.
*/

/* The header becomes a richer dark forest control band. The center receives
   a controlled atmospheric lift, while the ends stay darker so the band has
   depth rather than reading as a flat green rectangle. */
body.v160-home .v160-nav-shell::before {
  background:
    linear-gradient(90deg,
      rgba(3, 7, 5, .72) 0%,
      rgba(3, 7, 5, .16) 18%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .16) 82%,
      rgba(3, 7, 5, .72) 100%),
    radial-gradient(
      ellipse 72% 135% at 50% 44%,
      rgba(92, 132, 94, .28) 0%,
      rgba(61, 94, 68, .18) 35%,
      rgba(34, 55, 40, .075) 61%,
      rgba(20, 30, 23, 0) 82%),
    linear-gradient(180deg,
      rgba(20, 31, 23, .995) 0%,
      rgba(12, 20, 15, .995) 100%),
    url("../images/paper-grain-v760.png") center / 256px 256px repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(225, 232, 204, .065),
    inset 0 -1px 0 rgba(167, 190, 139, .10),
    inset 0 -15px 28px rgba(0, 0, 0, .14) !important;
}

/* Stronger keyline borrowed from the olive-green edge language in the hero.
   It is distinct enough to define the control area without becoming bright. */
body.v160-home .v160-nav-shell::after {
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(94, 122, 94, .18) 0%,
    rgba(144, 169, 125, .50) 18%,
    rgba(163, 187, 139, .58) 50%,
    rgba(144, 169, 125, .50) 82%,
    rgba(94, 122, 94, .18) 100%) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, .36),
    0 5px 14px rgba(0, 0, 0, .18) !important;
}

/* Give the right-side controls a faint shared tray so they read as one nav
   cluster. No extra padding is added, so their established alignment stays put. */
body.v160-home .v160-nav-links {
  background: linear-gradient(180deg,
    rgba(4, 10, 6, .14),
    rgba(2, 7, 4, .22)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(155, 179, 133, .075),
    inset 0 1px 0 rgba(224, 231, 205, .018) !important;
}

/* Make interaction feel intentional rather than merely changing text color. */
body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  color: #f0f3e6 !important;
  background:
    linear-gradient(180deg,
      rgba(177, 202, 150, .085),
      rgba(124, 160, 112, .045)) !important;
  box-shadow:
    inset 0 -2px 0 rgba(170, 198, 145, .62),
    inset 0 1px 0 rgba(236, 239, 219, .025) !important;
}

/* Tie the Home control into the same material family as the band, while
   preserving its existing botanical artwork and dimensions. */
body.v160-home .v160-brand {
  border-color: rgba(148, 171, 129, .52) !important;
  box-shadow:
    inset 0 0 0 1px rgba(228, 236, 214, .028),
    0 5px 15px rgba(0, 0, 0, .15) !important;
}

body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(181, 205, 156, .70) !important;
  box-shadow:
    inset 0 0 0 1px rgba(228, 236, 214, .038),
    0 6px 18px rgba(0, 0, 0, .20),
    0 0 12px rgba(120, 161, 105, .08) !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-links {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Source: assets/home-nav-v71316.css */
/* Mantis OSRS v7.13.16
   Simplify the right-side nav cluster while preserving the v7.13.15 band.
   The links sit directly on the nav surface and use one underline only.
*/

/* Remove the shared tray/box around About, Discord, Wise Old Man, and Wiki. */
body.v160-home .v160-nav-links {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep interaction clean: no hover fill and no inset underline. The existing
   ::after rule remains the single underline treatment. */
body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  color: #f0f3e6 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Explicitly keep exactly one underline, supplied by the existing ::after. */
body.v160-home .v160-nav-links a::after {
  height: 1px !important;
  background: rgba(170, 198, 145, .72) !important;
}

/* Source: assets/home-nav-v71317.css */
/* Mantis OSRS v7.13.17
   Nav surface refinement only. Adds quiet engraved botanical detail and faint
   organic grain while preserving the v7.13.16 layout and single-underline links.
*/

body.v160-home .v160-nav-shell::before {
  background:
    url("../images/nav-botanical-etch-v71317.png") center / 100% 100% no-repeat,
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,
    linear-gradient(90deg,
      rgba(3, 7, 5, .76) 0%,
      rgba(3, 7, 5, .18) 18%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .18) 82%,
      rgba(3, 7, 5, .76) 100%),
    radial-gradient(
      ellipse 72% 135% at 50% 44%,
      rgba(92, 132, 94, .26) 0%,
      rgba(61, 94, 68, .17) 35%,
      rgba(34, 55, 40, .07) 61%,
      rgba(20, 30, 23, 0) 82%),
    linear-gradient(180deg,
      rgba(20, 31, 23, .995) 0%,
      rgba(12, 20, 15, .995) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(225, 232, 204, .065),
    inset 0 -1px 0 rgba(167, 190, 139, .10),
    inset 0 -15px 28px rgba(0, 0, 0, .14) !important;
}

/* Keep the center navigation area visually calm. The ornament is intentionally
   pushed toward the outer edges; link spacing and interactions remain untouched. */
body.v160-home .v160-nav-links {
  position: relative !important;
  z-index: 2 !important;
}

body.v160-home .v160-brand {
  position: relative !important;
  z-index: 2 !important;
}

/* Source: assets/home-nav-v71318.css */
/* Mantis OSRS v7.13.18
   Make the nav surface pattern visibly readable and extend it across the full
   navigation band, while preserving the v7.13.17 layout and interaction.
*/

body.v160-home .v160-nav-shell::before {
  background:
    /* Whole-band organic contour texture, kept subtle but now visible. */
    repeating-radial-gradient(circle at 7% 68%,
      rgba(150, 176, 126, .080) 0 1.1px,
      transparent 1.3px 15px),
    repeating-radial-gradient(circle at 24% 18%,
      rgba(138, 164, 117, .060) 0 1px,
      transparent 1.2px 16px),
    repeating-radial-gradient(circle at 46% 82%,
      rgba(144, 170, 122, .050) 0 1px,
      transparent 1.2px 17px),
    repeating-radial-gradient(circle at 66% 16%,
      rgba(140, 166, 119, .050) 0 1px,
      transparent 1.2px 16px),
    repeating-radial-gradient(circle at 86% 72%,
      rgba(152, 179, 128, .080) 0 1.1px,
      transparent 1.3px 15px),
    url("../images/nav-botanical-etch-v71317.png") center / 100% 100% no-repeat,
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,
    linear-gradient(90deg,
      rgba(3, 7, 5, .72) 0%,
      rgba(3, 7, 5, .16) 18%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .16) 82%,
      rgba(3, 7, 5, .72) 100%),
    radial-gradient(
      ellipse 72% 135% at 50% 44%,
      rgba(92, 132, 94, .24) 0%,
      rgba(61, 94, 68, .15) 35%,
      rgba(34, 55, 40, .06) 61%,
      rgba(20, 30, 23, 0) 82%),
    linear-gradient(180deg,
      rgba(20, 31, 23, .995) 0%,
      rgba(12, 20, 15, .995) 100%) !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-shell::before {
    background:
      repeating-radial-gradient(circle at 10% 68%,
        rgba(150, 176, 126, .060) 0 1px,
        transparent 1.2px 18px),
      repeating-radial-gradient(circle at 90% 30%,
        rgba(150, 176, 126, .060) 0 1px,
        transparent 1.2px 18px),
      url("../images/paper-grain-v760.png") center / 256px 256px repeat,
      linear-gradient(90deg,
        rgba(3, 7, 5, .72) 0%,
        rgba(3, 7, 5, .16) 18%,
        rgba(3, 7, 5, 0) 34%,
        rgba(3, 7, 5, 0) 66%,
        rgba(3, 7, 5, .16) 82%,
        rgba(3, 7, 5, .72) 100%),
      radial-gradient(
        ellipse 72% 135% at 50% 44%,
        rgba(92, 132, 94, .22) 0%,
        rgba(61, 94, 68, .13) 35%,
        rgba(34, 55, 40, .05) 61%,
        rgba(20, 30, 23, 0) 82%),
      linear-gradient(180deg,
        rgba(20, 31, 23, .995) 0%,
        rgba(12, 20, 15, .995) 100%) !important;
  }
}

/* Source: assets/home-nav-v71319.css */
/* Mantis OSRS v7.13.19
   Stronger, clearly visible etched contour pattern across the entire homepage
   navigation band. Layout and link interactions remain unchanged.
*/

body.v160-home .v160-nav-shell::before {
  background:
    /* Broad contour arcs crossing the whole header. */
    repeating-radial-gradient(ellipse 260px 92px at 3% 132%,
      rgba(187, 207, 158, .18) 0 1.15px,
      transparent 1.45px 11px),
    repeating-radial-gradient(ellipse 300px 104px at 28% -38%,
      rgba(166, 190, 141, .145) 0 1.05px,
      transparent 1.35px 12px),
    repeating-radial-gradient(ellipse 330px 108px at 53% 145%,
      rgba(179, 201, 151, .13) 0 1.05px,
      transparent 1.35px 13px),
    repeating-radial-gradient(ellipse 300px 102px at 76% -42%,
      rgba(166, 190, 141, .145) 0 1.05px,
      transparent 1.35px 12px),
    repeating-radial-gradient(ellipse 260px 92px at 101% 132%,
      rgba(187, 207, 158, .18) 0 1.15px,
      transparent 1.45px 11px),

    /* Fine organic grain under the etched lines. */
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,

    /* Preserve the v7.13.15 atmospheric depth. */
    linear-gradient(90deg,
      rgba(3, 7, 5, .70) 0%,
      rgba(3, 7, 5, .14) 17%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .14) 83%,
      rgba(3, 7, 5, .70) 100%),
    radial-gradient(
      ellipse 74% 138% at 50% 44%,
      rgba(94, 134, 96, .25) 0%,
      rgba(62, 96, 69, .16) 34%,
      rgba(34, 56, 40, .06) 61%,
      rgba(20, 30, 23, 0) 82%),
    linear-gradient(180deg,
      rgba(20, 31, 23, .995) 0%,
      rgba(12, 20, 15, .995) 100%) !important;

  box-shadow:
    inset 0 1px 0 rgba(225, 232, 204, .065),
    inset 0 -1px 0 rgba(167, 190, 139, .10),
    inset 0 -15px 28px rgba(0, 0, 0, .14) !important;
}

/* Keep the linework across the entire band, but lower it slightly on narrow
   layouts so wrapped navigation remains readable. */
@media (max-width: 760px) {
  body.v160-home .v160-nav-shell::before {
    background:
      repeating-radial-gradient(ellipse 230px 88px at 0% 130%,
        rgba(187, 207, 158, .13) 0 1px,
        transparent 1.3px 13px),
      repeating-radial-gradient(ellipse 250px 92px at 50% -38%,
        rgba(170, 194, 145, .10) 0 1px,
        transparent 1.3px 14px),
      repeating-radial-gradient(ellipse 230px 88px at 100% 130%,
        rgba(187, 207, 158, .13) 0 1px,
        transparent 1.3px 13px),
      url("../images/paper-grain-v760.png") center / 256px 256px repeat,
      linear-gradient(90deg,
        rgba(3, 7, 5, .70) 0%,
        rgba(3, 7, 5, .14) 17%,
        rgba(3, 7, 5, 0) 34%,
        rgba(3, 7, 5, 0) 66%,
        rgba(3, 7, 5, .14) 83%,
        rgba(3, 7, 5, .70) 100%),
      radial-gradient(
        ellipse 74% 138% at 50% 44%,
        rgba(94, 134, 96, .22) 0%,
        rgba(62, 96, 69, .13) 34%,
        rgba(34, 56, 40, .05) 61%,
        rgba(20, 30, 23, 0) 82%),
      linear-gradient(180deg,
        rgba(20, 31, 23, .995) 0%,
        rgba(12, 20, 15, .995) 100%) !important;
  }
}

/* Source: assets/home-nav-v71320.css */
/* Mantis OSRS v7.13.20
   Deliberately overboard calibration pass. The contour pattern is intentionally
   much stronger than the intended final design so its strength can be reduced
   by a known percentage in the next pass.
*/

body.v160-home .v160-nav-shell::before {
  background:
    url("../images/nav-contour-overboard-v71320.png") center center / 100% 100% no-repeat,
    linear-gradient(90deg,
      rgba(8, 18, 12, .18) 0%,
      rgba(36, 59, 39, .18) 18%,
      rgba(61, 89, 62, .22) 50%,
      rgba(36, 59, 39, .18) 82%,
      rgba(8, 18, 12, .18) 100%),
    linear-gradient(180deg,
      rgba(21, 35, 25, .995) 0%,
      rgba(11, 20, 14, .995) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(232, 239, 213, .10),
    inset 0 -1px 0 rgba(177, 202, 146, .16),
    inset 0 -16px 30px rgba(0, 0, 0, .16) !important;
}

/* Keep controls above the intentionally strong calibration artwork. */
body.v160-home .v160-brand,
body.v160-home .v160-nav-links {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-shell::before {
    background:
      url("../images/nav-contour-overboard-v71320.png") center center / auto 100% no-repeat,
      linear-gradient(180deg,
        rgba(21, 35, 25, .995) 0%,
        rgba(11, 20, 14, .995) 100%) !important;
  }
}

/* Source: assets/home-nav-v71321.css */
/* Mantis OSRS v7.13.21
   Authoritative homepage nav surface.
   Fixes the legacy pseudo-element height bug that collapsed nav artwork to 1px.
   Keeps the deliberately strong v7.13.20 contour treatment for calibration.
*/

body.v160-home .v160-nav-shell {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

/* Full-height nav artwork/surface layer. Explicit geometry overrides older
   experimental rules that forced this pseudo-element to a 1px strip. */
body.v160-home .v160-nav-shell::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: auto !important;
  min-height: 100% !important;
  transform: translateX(-50%) !important;
  opacity: 1 !important;
  background:
    url("../images/nav-contour-overboard-v71320.png") center / 100% 100% no-repeat,
    radial-gradient(
      ellipse 72% 135% at 50% 44%,
      rgba(104, 147, 100, .30) 0%,
      rgba(64, 101, 70, .20) 36%,
      rgba(34, 55, 40, .07) 62%,
      rgba(20, 30, 23, 0) 84%),
    linear-gradient(90deg,
      rgba(3, 7, 5, .64) 0%,
      rgba(3, 7, 5, .13) 18%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .13) 82%,
      rgba(3, 7, 5, .64) 100%),
    linear-gradient(180deg,
      rgba(21, 33, 24, .995) 0%,
      rgba(11, 19, 14, .995) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(230, 238, 211, .065),
    inset 0 -15px 28px rgba(0, 0, 0, .14) !important;
}

/* Keep the established lower nav keyline as a separate full-width layer. */
body.v160-home .v160-nav-shell::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  pointer-events: none !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100vw !important;
  height: 2px !important;
  min-height: 0 !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,
    rgba(94, 122, 94, .18) 0%,
    rgba(144, 169, 125, .50) 18%,
    rgba(163, 187, 139, .58) 50%,
    rgba(144, 169, 125, .50) 82%,
    rgba(94, 122, 94, .18) 100%) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, .36),
    0 5px 14px rgba(0, 0, 0, .18) !important;
}

/* Ensure all real controls render above the decorative surface. */
body.v160-home .v160-brand,
body.v160-home .v160-nav-links {
  position: relative !important;
  z-index: 2 !important;
}

/* Keep v7.13.16 interaction rules: no shared box, one underline only. */
body.v160-home .v160-nav-links {
  background: transparent !important;
  box-shadow: none !important;
}

body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  color: #f0f3e6 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.v160-home .v160-nav-links a::after {
  height: 1px !important;
  background: rgba(170, 198, 145, .72) !important;
}

/* Source: assets/home-nav-v71322.css */
/* Mantis OSRS v7.13.22
   Replace the calibration contour pattern with a restrained full-width
   botanical surface while preserving the v7.13.21 geometry fix.
*/

body.v160-home .v160-nav-shell::before {
  background:
    url("../images/nav-botanical-full-v71322.png") center / 100% 100% no-repeat,
    radial-gradient(
      ellipse 72% 135% at 50% 44%,
      rgba(88, 126, 88, .22) 0%,
      rgba(58, 91, 64, .145) 36%,
      rgba(33, 53, 39, .055) 62%,
      rgba(20, 30, 23, 0) 84%),
    linear-gradient(90deg,
      rgba(3, 7, 5, .62) 0%,
      rgba(3, 7, 5, .12) 18%,
      rgba(3, 7, 5, 0) 34%,
      rgba(3, 7, 5, 0) 66%,
      rgba(3, 7, 5, .12) 82%,
      rgba(3, 7, 5, .62) 100%),
    linear-gradient(180deg,
      rgba(20, 31, 23, .995) 0%,
      rgba(11, 19, 14, .995) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(230, 238, 211, .055),
    inset 0 -15px 28px rgba(0, 0, 0, .14) !important;
}

/* Keep v7.13.21's full-height, full-viewport geometry and established controls. */
body.v160-home .v160-brand,
body.v160-home .v160-nav-links {
  position: relative !important;
  z-index: 2 !important;
}

/* Source: assets/home-nav-v71323.css */
/* Mantis OSRS v7.13.23
   Hero-matched navigation surface. Keeps the v7.13.21 geometry fix, but
   replaces the separate green/pattern experiment with hero-derived botanical
   engraving, a darker charcoal base, and warmer olive framing.
*/

body.v160-home .v160-nav-shell::before {
  background:
    url("../images/nav-hero-etch-v71323.png") center / 100% 100% no-repeat,
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,
    linear-gradient(90deg,
      rgba(2, 5, 3, .52) 0%,
      rgba(2, 5, 3, .18) 14%,
      rgba(2, 5, 3, .02) 34%,
      rgba(2, 5, 3, .02) 70%,
      rgba(2, 5, 3, .18) 86%,
      rgba(2, 5, 3, .52) 100%),
    radial-gradient(
      ellipse 60% 110% at 50% 46%,
      rgba(79, 96, 69, .105) 0%,
      rgba(52, 65, 47, .060) 42%,
      rgba(28, 37, 29, 0) 78%),
    linear-gradient(180deg,
      rgba(14, 21, 16, .998) 0%,
      rgba(7, 12, 9, .998) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(215, 216, 179, .052),
    inset 0 -1px 0 rgba(150, 146, 96, .10),
    inset 0 -12px 25px rgba(0, 0, 0, .16) !important;
}

/* Warmer olive keyline, closer to the hero's branch and ornamental accents. */
body.v160-home .v160-nav-shell::after {
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(105, 111, 76, .18) 0%,
    rgba(145, 145, 92, .38) 20%,
    rgba(166, 158, 99, .48) 50%,
    rgba(145, 145, 92, .38) 80%,
    rgba(105, 111, 76, .18) 100%) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, .40),
    0 4px 12px rgba(0, 0, 0, .16) !important;
}

/* Keep the established clean control treatment. */
body.v160-home .v160-nav-links {
  background: transparent !important;
  box-shadow: none !important;
}

body.v160-home .v160-nav-links a:hover,
body.v160-home .v160-nav-links a:focus-visible,
body.v160-home .v160-nav-links a[aria-current="page"] {
  color: #f1f0df !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.v160-home .v160-nav-links a::after {
  height: 1px !important;
  background: rgba(180, 177, 112, .74) !important;
}

/* Pull the Home control into the same warm olive/charcoal family. */
body.v160-home .v160-brand {
  border-color: rgba(150, 148, 94, .50) !important;
  box-shadow:
    inset 0 0 0 1px rgba(224, 224, 186, .024),
    0 5px 14px rgba(0, 0, 0, .15) !important;
}

body.v160-home .v160-brand:hover,
body.v160-home .v160-brand:focus-visible {
  border-color: rgba(184, 180, 112, .66) !important;
}

/* Source: assets/home-nav-v71324.css */
/* Mantis OSRS v7.13.24
   Header cleanup only: make the nav surface meet the top of the viewport and
   remove the scratchy left-side ornament while preserving the v7.13.23 palette.
*/

/* The body already has margin: 0. The remaining black strip came from the
   nav shell's legacy top margin, so the shell now begins flush at y=0. */
body.v160-home .v160-nav-shell {
  margin-top: 0 !important;
}

/* Preserve the hero-matched material treatment, swapping only the etched art
   for a cleaned version with the stray left-side marks removed. */
body.v160-home .v160-nav-shell::before {
  background:
    url("../images/nav-hero-etch-v71324.png") center / 100% 100% no-repeat,
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,
    linear-gradient(90deg,
      rgba(2, 5, 3, .52) 0%,
      rgba(2, 5, 3, .18) 14%,
      rgba(2, 5, 3, .02) 34%,
      rgba(2, 5, 3, .02) 70%,
      rgba(2, 5, 3, .18) 86%,
      rgba(2, 5, 3, .52) 100%),
    radial-gradient(
      ellipse 60% 110% at 50% 46%,
      rgba(79, 96, 69, .105) 0%,
      rgba(52, 65, 47, .060) 42%,
      rgba(28, 37, 29, 0) 78%),
    linear-gradient(180deg,
      rgba(14, 21, 16, .998) 0%,
      rgba(7, 12, 9, .998) 100%) !important;
}

/* Source: assets/home-nav-v71326.css */
/* Mantis OSRS v7.13.26
   Uniform nav refinement from v7.13.24.
   Preserve the clean center treatment and extend that same material across
   the full viewport width. No new ornament or side-specific lighting.
*/

body.v160-home .v160-nav-shell::before {
  background:
    url("../images/paper-grain-v760.png") center / 256px 256px repeat,
    linear-gradient(180deg,
      rgba(79, 96, 69, .072) 0%,
      rgba(52, 65, 47, .044) 58%,
      rgba(28, 37, 29, .018) 100%),
    linear-gradient(180deg,
      rgba(14, 21, 16, .998) 0%,
      rgba(7, 12, 9, .998) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(215, 216, 179, .052),
    inset 0 -1px 0 rgba(150, 146, 96, .10),
    inset 0 -12px 25px rgba(0, 0, 0, .16) !important;
}

/* The center value from the v7.13.24 keyline is now used across the full bar,
   so the divider no longer fades or changes character toward the edges. */
body.v160-home .v160-nav-shell::after {
  background: rgba(166, 158, 99, .48) !important;
}

/* Source: assets/home-refine-v71327.css */
/* Mantis OSRS v7.13.27
   Responsive navigation stabilization + archive artwork crop refinement.
*/

/* Slightly stronger secondary navigation labels. Home control is intentionally
   excluded from this sizing change. */
body.v160-home .v160-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  gap: 27px !important;
  overflow-x: visible !important;
  overflow-y: hidden !important;
  padding: 0 !important;
  border-top: 0 !important;
  scrollbar-width: none !important;
}
body.v160-home .v160-nav-links::-webkit-scrollbar { display: none !important; }

body.v160-home .v160-nav-links a,
body.v160-home .v160-nav-links a + a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-height: 39px !important;
  padding: 0 !important;
  font-size: .90rem !important;
  white-space: nowrap !important;
}

/* Lock the Home control to its established desktop geometry at every viewport.
   Older responsive rules used to shrink the icon, hide OSRS, and narrow the box. */
body.v160-home .v160-brand {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 178px !important;
  min-height: 39px !important;
  padding: 5px 13px 5px 8px !important;
}
body.v160-home .v160-brand-icon {
  width: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex-basis: 34px !important;
  padding-right: 8px !important;
}
body.v160-home .v160-brand-icon img {
  width: 26px !important;
  height: 26px !important;
}
body.v160-home .v160-brand-wordmark {
  margin-left: 9px !important;
  gap: 7px !important;
}
body.v160-home .v160-brand-wordmark .mantis-word {
  font-size: 1.03rem !important;
}
body.v160-home .v160-brand-wordmark .osrs-word {
  display: inline !important;
  font-size: .52rem !important;
  letter-spacing: .16em !important;
}

/* Keep the homepage header on one row. At genuinely narrow widths the link
   cluster scrolls horizontally instead of dropping below Home or hiding links. */
body.v160-home .v160-nav-shell {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-shell {
    width: calc(100% - 18px) !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.v160-home .v160-nav-links {
    width: auto !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    min-height: 39px !important;
    padding: 0 !important;
    font-size: .84rem !important;
  }

  body.v160-home .v160-nav-links a[href*="wiseoldman"],
  body.v160-home .v160-nav-links a[href*="oldschool.runescape.wiki"] {
    display: inline-flex !important;
  }
}

@media (max-width: 520px) {
  body.v160-home .v160-nav-shell {
    gap: 10px !important;
  }

  body.v160-home .v160-nav-links {
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    font-size: .82rem !important;
  }
}

/* Archive artwork: preserve cover behavior, but center the actual focal subject
   in each illustration rather than applying one generic crop to all four cards. */
@media (min-width: 861px) {
  body.v160-home .home-archive-v630 .past-event-art img {
    object-fit: cover !important;
    transform: none !important;
  }
  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 58% 52% !important;
  }
  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 66% 54% !important;
  }
  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 63% 52% !important;
  }
  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 64% 52% !important;
  }
}

@media (min-width: 621px) and (max-width: 860px) {
  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 50% 58% !important;
  }
  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 55% 58% !important;
  }
  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 54% 55% !important;
  }
  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 54% 53% !important;
  }
}

@media (max-width: 620px) {
  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 50% 58% !important;
  }
  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 52% 59% !important;
  }
  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 52% 55% !important;
  }
  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 53% 53% !important;
  }
}

/* Source: assets/home-refine-v71328.css */
/* Mantis OSRS v7.13.28
   Slight nav-label scale increase, upcoming-event homepage teaser restoration,
   and five-card archive layout with Point Rush added as the newest entry.
*/

/* Secondary nav links only. Home control remains exactly the established size. */
body.v160-home .v160-nav-links a,
body.v160-home .v160-nav-links a + a {
  font-size: .96rem !important;
}

@media (max-width: 760px) {
  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    font-size: .90rem !important;
  }
}

@media (max-width: 520px) {
  body.v160-home .v160-nav-links a,
  body.v160-home .v160-nav-links a + a {
    font-size: .88rem !important;
  }
}

/* Upcoming card is informational rather than a link. Preserve the established
   feature-card dimensions while using the original blocked-road teaser artwork. */
body.v160-home .home-current-v630 .upcoming-event-teaser {
  cursor: default !important;
}
body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art img {
  object-fit: cover !important;
  object-position: center 56% !important;
  transform: none !important;
  filter: saturate(.78) contrast(1.04) brightness(.72) !important;
}
body.v160-home .home-current-v630 .upcoming-event-teaser:hover .event-teaser-art img,
body.v160-home .home-current-v630 .upcoming-event-teaser:focus-within .event-teaser-art img {
  transform: none !important;
  filter: saturate(.78) contrast(1.04) brightness(.72) !important;
}
body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art::before {
  background:
    linear-gradient(180deg, rgba(4,7,5,.02) 0%, rgba(4,7,5,.08) 40%, rgba(4,7,5,.76) 100%),
    linear-gradient(90deg, rgba(4,7,5,.30), transparent 31%, transparent 83%, rgba(4,7,5,.16)) !important;
}
body.v160-home .home-current-v630 .upcoming-event-teaser .current-event-feature-copy {
  right: 30px !important;
}
body.v160-home .home-current-v630 .upcoming-event-teaser .v162-event-description {
  margin: 5px 0 0 !important;
  color: #b8c5b4 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .68rem !important;
  line-height: 1.3 !important;
  letter-spacing: .025em !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.84) !important;
}

/* Five archive entries read better as 3 + 2 on desktop than as five cramped
   strips. Tablet remains two columns and mobile remains the existing one column. */
@media (min-width: 861px) {
  body.v160-home .home-archive-v630 .past-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.v160-home .home-archive-v630 .point-rush-past-event .past-event-art img {
    object-fit: cover !important;
    object-position: 55% 53% !important;
    transform: none !important;
  }
  body.v160-home .home-archive-v630 .tile-wars-compact .past-event-art img {
    object-position: 55% 54% !important;
  }
  body.v160-home .home-archive-v630 .bingo-past-event .past-event-art img {
    object-position: 61% 55% !important;
  }
  body.v160-home .home-archive-v630 .tile-race-past-event .past-event-art img {
    object-position: 59% 53% !important;
  }
  body.v160-home .home-archive-v630 .chutes-past-event .past-event-art img {
    object-position: 60% 53% !important;
  }
}

@media (min-width: 621px) and (max-width: 860px) {
  body.v160-home .home-archive-v630 .point-rush-past-event .past-event-art img {
    object-position: 53% 54% !important;
  }
}

@media (max-width: 620px) {
  body.v160-home .home-archive-v630 .point-rush-past-event .past-event-art img {
    object-position: 52% 54% !important;
  }
}

/* Source: assets/home-refine-v71329.css */
/* Mantis OSRS v7.13.29
   Remove the redundant Upcoming Event eyebrow inside the teaser card and give
   Event Archive card typography a modest readability increase at every size.
*/

/* Desktop and tablet archive typography. Card geometry and artwork are unchanged. */
body.v160-home .home-archive-v630 .v162-event-archive {
  font-size: .60rem !important;
}

body.v160-home .home-archive-v630 .v162-event-copy h3 {
  font-size: clamp(1.24rem, 2vw, 1.46rem) !important;
}

body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit {
  font-size: .65rem !important;
}

body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
  font-size: .62rem !important;
}

body.v160-home .home-archive-v630 .past-event-outcome.event-link {
  font-size: .65rem !important;
}

/* Compact mobile cards get the same proportional readability lift without
   changing their height or forcing title wrapping. */
@media (max-width: 620px) {
  body.v160-home .home-archive-v630 .v162-event-archive {
    font-size: .48rem !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy h3 {
    font-size: 1.08rem !important;
  }

  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit,
  body.v160-home .home-archive-v630 .v162-event-copy .v162-event-credit.long-credit {
    font-size: .50rem !important;
  }

  body.v160-home .home-archive-v630 .past-event-outcome.event-link {
    font-size: .44rem !important;
  }
}

/* Source: assets/home-refine-v71330.css */
/* Mantis OSRS v7.13.30
   Typography-only refinement: archive dates move from green to muted parchment,
   and the two homepage section headings use a more old-world serif voice.
*/

/* Archive dates: separate them from the green creator accent with a restrained
   parchment/stone tone. Geometry, sizing, and card artwork remain unchanged. */
body.v160-home .home-archive-v630 .v162-event-archive {
  color: #c7c0aa !important;
}

/* Homepage section headings only. Palatino/Book Antiqua brings the labels closer
   to the illustrated, old-world character of the hero without becoming novelty type. */
body.v160-home #upcoming-event-heading,
body.v160-home #event-archive-heading {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important;
  font-size: 1.24rem !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  letter-spacing: -.008em !important;
  color: #ece5cf !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .38) !important;
}

body.v160-home #upcoming-event-heading > span,
body.v160-home #event-archive-heading > span {
  font: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}

@media (max-width: 700px) {
  body.v160-home #upcoming-event-heading,
  body.v160-home #event-archive-heading {
    font-size: 1.12rem !important;
  }
}

/* Mantis OSRS v7.13.32
   Pair the compact upcoming-event teaser with the Point Rush champions roster. */
body.v160-home .home-event-highlights {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: start;
}

body.v160-home .home-event-highlights > div {
  min-width: 0;
}

body.v160-home .home-champions-v71332 {
  padding-left: 28px;
}

body.v160-home .home-event-highlights .home-section-head-v630 {
  margin: 0 0 6px !important;
  padding: 0 !important;
}

body.v160-home #point-rush-winners-heading,
body.v160-home #upcoming-event-heading {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important;
  font-size: 1.24rem !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  letter-spacing: -.008em !important;
  color: #ece5cf !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .38) !important;
}

body.v160-home #point-rush-winners-heading > span,
body.v160-home #upcoming-event-heading > span {
  font: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}

body.v160-home .home-champions-v71332 .home-section-head-v630 {
  max-width: 520px;
  margin-left: auto !important;
  text-align: center;
}

body.v160-home #point-rush-winners-heading {
  display: inline-block !important;
  width: auto !important;
}

body.v160-home #point-rush-winners-heading::after {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.v160-home .home-champions-card,
body.v160-home .home-current-v630 .current-card.current-event-teaser.upcoming-event-teaser,
body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art {
  min-height: 130px !important;
  height: 130px !important;
}

body.v160-home .home-champions-card {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin-left: auto;
  padding: 3px 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.v160-home .home-champions-card::before {
  content: none;
}

body.v160-home .home-champions-list {
  position: relative;
  z-index: 1;
  height: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-auto-flow: column;
  column-gap: 6px;
  list-style: none;
}

body.v160-home .home-champions-list li {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #e9eadf;
  font: 700 .74rem/1.1 Arial, Helvetica, sans-serif;
  letter-spacing: .01em;
  white-space: nowrap;
}

body.v160-home .home-champions-list li > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.v160-home .home-champion-trophy {
  flex: 0 0 auto;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
  font-size: .86rem;
  line-height: 1;
  filter: drop-shadow(0 1px 3px rgba(229, 183, 64, .32));
}

body.v160-home .home-current-v630 .current-card.current-event-teaser.upcoming-event-teaser {
  width: 100% !important;
  padding: 0 !important;
  display: block !important;
  border-color: rgba(122, 145, 126, .18) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .12) !important;
}

body.v160-home .home-current-v630 .upcoming-event-teaser::after {
  inset: 5px !important;
}

body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art img {
  object-position: center 56% !important;
}

body.v160-home .home-current-v630 .upcoming-event-message {
  position: absolute;
  z-index: 3;
  left: 14px;
  right: 14px;
  bottom: 12px;
  margin: 0;
  color: #f0ead8;
  font: 600 .92rem/1.16 "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  letter-spacing: -.01em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .96), 0 1px 2px rgba(0, 0, 0, .98);
}

@media (min-width: 621px) and (max-width: 860px) {
  body.v160-home .home-event-highlights {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 11px;
  }

  body.v160-home .home-champions-card,
  body.v160-home .home-current-v630 .current-card.current-event-teaser.upcoming-event-teaser,
  body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art {
    min-height: 108px !important;
    height: 108px !important;
  }

  body.v160-home .home-champions-card {
    padding: 3px 2px;
  }

  body.v160-home .home-champions-v71332 {
    padding-left: 18px;
  }

  body.v160-home .home-champions-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(8, minmax(0, 1fr));
    column-gap: 10px;
  }

  body.v160-home .home-champions-list li {
    gap: 4px;
    font-size: .61rem;
  }

  body.v160-home .home-champion-trophy {
    font-size: .70rem;
  }
}

@media (max-width: 700px) {
  body.v160-home #point-rush-winners-heading,
  body.v160-home #upcoming-event-heading {
    font-size: 1.12rem !important;
  }
}

@media (max-width: 620px) {
  body.v160-home .home-event-highlights {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.v160-home .home-champions-card {
    height: auto !important;
    min-height: 184px !important;
    padding: 3px 2px;
  }

  body.v160-home .home-champions-v71332 {
    padding-left: 0;
  }

  body.v160-home .home-champions-list {
    min-height: 154px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(8, minmax(0, 1fr));
    column-gap: 10px;
  }

  body.v160-home .home-champions-list li {
    gap: 5px;
    font-size: .70rem;
  }

  body.v160-home .home-champion-trophy {
    font-size: .78rem;
  }

  body.v160-home .home-current-v630 .current-card.current-event-teaser.upcoming-event-teaser,
  body.v160-home .home-current-v630 .upcoming-event-teaser .event-teaser-art {
    min-height: 104px !important;
    height: 104px !important;
  }

  body.v160-home .home-current-v630 .upcoming-event-message {
    left: 12px;
    right: 12px;
    bottom: 10px;
    font-size: .88rem;
  }
}