/* A shared visual chapter for the supporting pages. */
.inner-page { background:#0b090b; --world-image:url('assets/page-desert-temple.jpg'); --world-position:center 60%; }
.hiscores-page { --world-image:none; }
.hiscores-page main { position:relative; isolation:isolate; }
.hiscores-page main::before {
  content:none;
}
.vote-page { --world-image:url('assets/page-forestry.jpg'); --world-position:center 48%; }
.store-page { --world-image:url('assets/page-grand-exchange.jpg'); --world-position:center 50%; }
.inner-page .header,.inner-page .site-header { background:#0b090bf5; border-bottom:1px solid #b74a4a30; }
.inner-page .header .button.compact { white-space:nowrap; }
.inner-page .header nav { gap:clamp(14px,1.8vw,27px); }
.inner-page :is(.hiscores-hero,.vote-hero,.store-hero) {
  position:relative; isolation:isolate; overflow:hidden; min-height:365px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:82px 24px 78px; border:0;
  background:linear-gradient(180deg,#0b090b35,#0b090b65 52%,#0b090b),linear-gradient(90deg,#0b090b90,transparent 40%,#0b090b80),var(--world-image) var(--world-position)/cover no-repeat;
}
.inner-page :is(.hiscores-hero,.vote-hero,.store-hero)::before {
  content:''; position:absolute; z-index:-1; inset:0;
  background:radial-gradient(ellipse at 50% 50%,#09070be0,transparent 67%);
}
.hiscores-page .hiscores-hero {
  min-height:490px;
  padding:105px 24px 95px;
  background:#0b090b;
}
.hiscores-scenery { position:absolute; inset:0; z-index:-2; pointer-events:none; }
.hiscores-scene { position:absolute; top:0; height:100%; width:46%; object-fit:cover; }
.hiscores-scenery .scene-left { left:0; object-position:48% center; mask-image:linear-gradient(90deg,#000 55%,transparent); }
.hiscores-scenery .scene-centre { left:27%; object-position:28% center; mask-image:linear-gradient(90deg,transparent,#000 23%,#000 77%,transparent); }
.hiscores-scenery .scene-right { right:0; object-position:55% center; mask-image:linear-gradient(90deg,transparent,#000 45%); }
.hiscores-page .hiscores-hero::before { background:linear-gradient(90deg,#0b090b,transparent 18%,transparent 82%,#0b090b),linear-gradient(180deg,#0b090b 0%,#0b090b30 28%,#0b090b30 72%,#0b090b 100%),radial-gradient(ellipse at center,#0b090be0 0%,#0b090b99 36%,#0b090b18 85%); }
.inner-page :is(.hiscores-hero,.vote-hero,.store-hero)::after {
  content:''; display:block; width:155px; height:1px; margin-top:28px;
  background:linear-gradient(90deg,transparent,#e36b6b,transparent); box-shadow:0 0 18px #f2464650;
}
.inner-page :is(.hiscores-hero,.vote-hero,.store-hero) h1 { font-size:clamp(38px,5vw,65px); text-shadow:0 4px 24px #000; }
.inner-page :is(.hiscores-hero,.vote-hero,.store-hero)>p:last-of-type { color:#d5c7c7; text-shadow:0 2px 10px #000; max-width:600px; }
.inner-page .eyebrow { color:#ef8587; }
.inner-page :is(.hiscores-content,.vote-layout,.store-shell) { position:relative; padding-top:26px; }
.inner-page :is(.vote-panel,.hiscore-table-panel,.skills-panel,.product-card,.cart-panel,.help-grid article,.rank-grid article) {
  border-color:#a6505040; border-top-color:#dc77776b;
  background:linear-gradient(135deg,#27191d,#151115 70%);
  box-shadow:0 18px 50px #0004,inset 0 1px #ffffff06;
}
.inner-page :is(.product-card,.help-grid article,.rank-grid article) { transition:transform .2s,border-color .2s; }
.inner-page :is(.product-card,.help-grid article,.rank-grid article):hover { transform:translateY(-3px); border-color:#d56a6a80; }
.inner-page :is(.hiscore-heading,.cart-heading) { border-bottom:1px solid #bc606028; padding-bottom:20px; }
.inner-page .hiscore-tabs { border-color:#c35e5e45; background:#1d1419; }
.inner-page .hiscore-tab.active { background:linear-gradient(135deg,#59262e,#2e1b23); }
.inner-page .hiscore-controls { max-width:none; grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)); }
.inner-page .hiscore-tabs { margin-left:auto; margin-right:auto; max-width:560px; }
.inner-page :is(.hiscore-table-panel,.skills-panel) { min-width:0; }
.inner-page :is(.player-search,.hiscore-controls select) { background:#191216; border-color:#b65e5e35; }
.inner-page tbody tr:hover { background:#5a27322b; }
.inner-page .skill-item.active { background:linear-gradient(90deg,#5b2838,#251a22); }
.inner-page :is(.hiscore-note,.rank-section) {
  background:linear-gradient(90deg,#0b090bf2,#0b090bc4,#0b090bf2),var(--world-image) var(--world-position)/cover;
  border-top:1px solid #ae5d5d30; border-bottom:1px solid #ae5d5d20;
}
.inner-page .vote-faq { border-top-color:#ae5d5d30; }
.inner-page .help-grid article>span { font:500 32px Georgia,serif; color:#da7171; }
.inner-page .product-art { background:radial-gradient(ellipse,#b9514930,transparent 70%); min-height:145px; }
.inner-page .product-art img { transition:transform .3s; }
.inner-page .product-card:hover .product-art img { transform:translateY(-4px) rotate(-3deg); }
.inner-page .cart-panel { border-top:2px solid #c25b63; }
.inner-page .barrage-launcher {
  position:relative;
  background:linear-gradient(180deg,#0b090b30,#0b090b50),url('assets/downloads-valley-v1.png') center center/cover no-repeat;
}
.inner-page .barrage-launcher main { max-width:1360px; }
.inner-page .barrage-launcher .welcome { gap:50px; padding-top:64px; align-items:center; }
.inner-page .barrage-launcher .desktop-clients h1 { font-size:clamp(38px,4.3vw,60px); color:#f3e7e5; text-shadow:0 3px 24px #000; }
.inner-page .barrage-launcher h1 em { color:#ee797c; }
.inner-page .barrage-launcher .eyebrow { color:#ed8586; }
.inner-page .barrage-launcher .downloads-intro { color:#d3c1c3; }
.inner-page .barrage-launcher .download-card {
  background:linear-gradient(145deg,#2b1a21ef,#130f16ed); border-color:#bd65654d; border-top:2px solid #c65c65; border-radius:2px;
  box-shadow:0 12px 28px #0005; min-height:235px;
}
.inner-page .barrage-launcher a.download-card:hover { border-color:#f08586; background:linear-gradient(145deg,#43252e,#1b141c); }
.inner-page .barrage-launcher .download-action { color:#f2b0a3; }
.inner-page .barrage-launcher :is(.file-details,.download-card small,.download-help) { color:#bbabb0; }
.inner-page .barrage-launcher .launch-card {
  background:linear-gradient(160deg,#291920f5,#100d13f5); border:1px solid #b85b6355; border-top:2px solid #e17076; border-radius:2px;
  padding:38px; box-shadow:0 25px 75px #0008;
}
.inner-page .barrage-launcher .play-button { color:#fff1ed; background:linear-gradient(135deg,#c83b46,#842632); border-color:#e4737960; border-radius:2px; }
.inner-page .barrage-launcher footer { border-top-color:#c45c5c30; background:transparent; text-shadow:0 2px 6px #000; }
.inner-page .barrage-launcher footer span:first-child { color:#ed8586; }
.inner-page footer { background:#0b090b; }
.inner-page [hidden] { display:none!important; }
@media(min-width:761px) and (max-width:1100px) {
  .inner-page .site-header nav { display:none; }
  .inner-page .site-header .menu-toggle { display:block; }
  .inner-page .site-header nav.open { display:flex; position:absolute; top:88px; left:0; right:0; flex-direction:column; padding:20px; background:#110c10; z-index:6; }
}
@media(min-width:721px) and (max-width:1250px) {
  .inner-page .header .button.compact { display:none; }
}
@media(max-width:800px) {
  .inner-page :is(.hiscores-hero,.vote-hero,.store-hero) { min-height:300px; padding:58px 20px 55px; }
  .inner-page .hiscore-controls { grid-template-columns:1fr; }
  .inner-page .barrage-launcher .welcome { gap:30px; padding-top:42px; }
  .inner-page .barrage-launcher .launch-card { padding:28px; }
  .hiscores-page .hiscores-hero { min-height:430px; padding:85px 20px; }
  .hiscores-scene { width:70%; }
  .hiscores-scenery .scene-left { left:-20%; }
  .hiscores-scenery .scene-centre { left:15%; }
  .hiscores-scenery .scene-right { right:-20%; }
  .hiscores-page main::before { background-size:auto,auto 100%; }
}
@media(prefers-reduced-motion:reduce) {
  .inner-page :is(.product-card,.product-art img,.help-grid article,.rank-grid article) { transition:none; transform:none!important; }
}