/* Inner routes extend the same realm.css design system used by the homepage. */
.inner-page .container{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.inner-page .page-main{min-height:calc(100svh - 375px);padding-block:32px 64px;border-top:1px solid #51412b;background:linear-gradient(180deg,#15120f,#10100f 320px)}
.inner-page .page-kicker{display:flex;flex-wrap:wrap;gap:12px;color:#a99b87;font-size:.8125rem;letter-spacing:.09em}
.inner-page .page-kicker>a{color:#d6b779}
.inner-page .page-intro{margin-top:32px;min-width:0}
.inner-page .eyebrow{margin-bottom:12px;color:#c69465;font-size:.75rem;font-weight:600;letter-spacing:.18em;line-height:1.8}
.inner-page .page-intro h1{max-width:920px;margin-bottom:20px;font-size:clamp(2.25rem,3.3vw,3.25rem);letter-spacing:-.03em;overflow-wrap:anywhere}
.inner-page .page-summary{max-width:780px;margin-bottom:28px;color:#bcb3a6;font-size:1.0625rem;line-height:1.8}
.inner-page .page-intro>p:not(.eyebrow):not(.page-summary){max-width:780px;margin-block:20px;color:#b7afa0}
.inner-page .page-intro h2{margin-bottom:14px;font-size:1.75rem;letter-spacing:-.025em}
.inner-page .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;max-width:100%;padding:12px 23px;border:1px solid #8c6844;font:600 .9375rem Arial,"Segoe UI",sans-serif;line-height:1.5;text-align:center}
.inner-page .button-primary{background:linear-gradient(#b7472e,#8d3021);border-color:#d1754a;border-bottom-color:#703721;box-shadow:inset 0 1px #f2b67c55;color:#fff2df}
.inner-page .button-primary:hover{background:#bd4f32;color:#fff}
.inner-page .button-outline{background:#201a13;color:#e4c393;font-weight:400}
.inner-page .button-outline:hover{background:#2b2117;color:#f2ce94}
.inner-page .page-back{margin-top:36px}
.inner-page .text-link{display:inline-flex;align-items:center;min-height:44px;color:#dec298;font-size:.875rem;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#826349}
.inner-page .page-action{margin-top:24px}
.inner-page .access-notice,.inner-page .notice,.inner-page .start-guide,.inner-page .blog-empty{max-width:920px;margin-block:26px;padding:24px 26px;border:1px solid #514b3d;border-top:2px solid #947443;background:#181713;color:#b7afa0}
.inner-page .access-notice>strong,.inner-page .notice strong{color:#e9e4da}
.inner-page .access-notice p{margin:10px 0;font-size:1rem}
.inner-page .access-notice .button{margin-top:10px}
.inner-page .access-notice a:not(.button),.inner-page .notice a,.inner-page .blog-empty a{color:#dec298;text-decoration:underline;text-underline-offset:4px}
.inner-page .notice{display:flex;align-items:flex-start;gap:18px}
.inner-page .notice-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #947443;color:#d6b779;font-size:.875rem}
.inner-page .notice p{margin:0}
.inner-page .start-guide p{margin-block:12px}
.inner-page .start-guide ol{padding-left:24px}
.inner-page .start-guide li{margin-block:10px}
.inner-page .download-panel{max-width:920px;margin-block:28px;padding:26px;border:1px solid #8b6742;background:linear-gradient(125deg,#282018,#171511);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 26px;align-items:center}
.inner-page .download-panel h2{margin:10px 0;font-size:1.75rem}
.inner-page .download-panel p{margin:0;font-size:1rem;color:#c1b6a5}
.inner-page .download-label{color:#c69465;font-size:.75rem;font-weight:600;letter-spacing:.18em}
.inner-page .download-panel .download-source{grid-column:1/-1;margin-top:10px;color:#a89a86;font-size:.875rem;overflow-wrap:anywhere}
.inner-page .install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:920px;margin-block:32px;padding:0;list-style:none}
.inner-page .install-steps li{margin:0;padding-top:20px;border-top:1px solid #76613f;min-width:0}
.inner-page .install-steps strong,.inner-page .install-steps span{display:block}
.inner-page .install-steps strong{margin-bottom:12px;color:#dec298}
.inner-page .install-steps span{color:#b5ac9e}
.inner-page .availability-list{max-width:920px;margin-top:28px;border-top:1px solid #514330}
.inner-page .availability-list>div{display:flex;justify-content:space-between;gap:20px;padding-block:16px;border-bottom:1px solid #514330}
.inner-page .availability-list span{color:#a99b87}
.inner-page .availability-list strong{color:#dec298;font-weight:400}
.inner-page .forum-board{max-width:920px;margin-block:30px;border-top:1px solid #76613f}
.inner-page .forum-board>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:82px;padding-block:16px;border-bottom:1px solid #514330}
.inner-page .forum-board span{color:#c69465;font-size:.875rem}
.inner-page .forum-board strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;color:#e9e4da}
.inner-page .forum-board small{color:#a99b87;font-size:.875rem}
.inner-page .community-social-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:26px}
.inner-page .community-social-links a{display:inline-flex;align-items:center;min-height:44px;color:#dec298;font-size:.875rem;text-decoration:underline;text-underline-offset:6px}
.inner-page .blog-empty>span{display:block;margin-bottom:10px;color:#c69465}
.inner-page .blog-empty h2{margin-bottom:12px}
.inner-page .blog-empty p{margin:0}
.inner-page .update-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-block:32px}
.inner-page .update-post-meta{margin-block:28px 20px;color:#c69b68;font-size:.875rem}
.inner-page .update-post-body{max-width:780px;color:#b7afa0}
.inner-page .update-post-body p{margin-block:20px;white-space:pre-line}
.inner-page .update-post-body h2{margin-block:32px 16px}
.inner-page .update-post-body figure{margin:28px 0}
.inner-page .update-post-body img{display:block;height:auto}
.inner-page .update-post-body figcaption{margin-top:12px;color:#a99b87;font-size:.875rem}
.inner-page .privacy-policy{max-width:780px;margin-top:30px;color:#b7afa0;font-size:1rem;line-height:1.8}
.inner-page .privacy-policy section{margin-block:32px}
.inner-page .privacy-policy h2{color:#e9e4da;font-size:1.75rem}
.inner-page .privacy-policy p{margin-block:14px}
.inner-page .privacy-policy a{color:#dec298;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.inner-page .privacy-policy .policy-date{color:#a99b87;font-size:.875rem}
.inner-page .hiscores-board{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;max-width:1240px;margin-top:32px}
.inner-page .hiscores-parchment,.inner-page .hiscores-tools{min-width:0;border:1px solid #514b3d;border-top:2px solid #947443;background:#181713}
.inner-page .hiscores-parchment-inner{padding:26px;min-width:0}
.inner-page .hiscores-board-header{padding-bottom:20px;border-bottom:1px solid #514330}
.inner-page .hiscores-board-kicker,.inner-page .hiscores-tools-note>span{color:#c69465;font-size:.75rem;font-weight:600;letter-spacing:.14em}
.inner-page .hiscores-board-header h2{margin:12px 0}
.inner-page .hiscores-board-header p{margin:0;color:#a99b87;font-size:.875rem}
.inner-page .hiscores-table-wrap{margin-top:24px;max-width:100%;overflow-x:auto}
.inner-page .hiscores-table{width:100%;min-width:430px;border-collapse:collapse;font-size:.875rem}
.inner-page .hiscores-table th,.inner-page .hiscores-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #514330}
.inner-page .hiscores-table th{color:#dec298;background:#201a13;font-weight:600}
.inner-page .hiscores-table td{color:#b7afa0}
.inner-page .hiscores-table tr:nth-child(even) td{background:#ffffff03}
.inner-page .hiscores-table th:nth-child(n+3),.inner-page .hiscores-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.inner-page .hiscores-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px;text-align:center;color:#b7afa0}
.inner-page .hiscores-empty[hidden]{display:none}
.inner-page .hiscores-empty>span{color:#c69465;font-size:1.5rem}
.inner-page .hiscores-empty strong{color:#e9e4da;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}
.inner-page .hiscores-empty p{max-width:340px;margin:0;font-size:.875rem}
.inner-page .hiscores-board-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #514330;color:#a99b87;font-size:.75rem;letter-spacing:.06em}
.inner-page .hiscores-panel-heading{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #514330}
.inner-page .hiscores-panel-heading h2{margin:0;font-size:1.5rem}
.inner-page .hiscores-ornament{color:#c69465}
.inner-page .hiscores-tools-body,.inner-page .hiscores-tools-note{padding:22px}
.inner-page .hiscores-tools-note{border-top:1px solid #514330}
.inner-page .hiscores-search-label{display:block;margin-bottom:10px;color:#dec298;font-size:.875rem}
.inner-page .hiscores-search{width:100%;height:48px;padding:10px 12px;border:1px solid #66533c;border-radius:0;background:#10100f;color:#e9e4da;font:1rem Arial,"Segoe UI",sans-serif}
.inner-page .hiscores-search::placeholder{color:#a99b87}
.inner-page .hiscores-tools-body p,.inner-page .hiscores-tools-note p{margin:12px 0 0;color:#a99b87;font-size:.875rem}
.inner-page .hiscores-tools-note strong{display:block;margin-top:10px;color:#dec298;font-weight:400}
@media(max-width:1080px){.inner-page .container{width:calc(100% - 48px)}}
@media(max-width:820px){.inner-page .hiscores-board{grid-template-columns:1fr}.inner-page .hiscores-tools{order:-1}.inner-page .hiscores-tools-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.inner-page .hiscores-search-label{grid-column:1/-1}.inner-page .hiscores-tools-body p{margin:0}}
@media(max-width:600px){
 .inner-page .container{width:calc(100% - 36px)}
 .inner-page .page-main{padding-block:24px 42px}.inner-page .page-intro{margin-top:26px}
 .inner-page .page-intro h1{font-size:2.25rem}.inner-page .page-summary{font-size:1rem}
 .inner-page .access-notice,.inner-page .notice,.inner-page .start-guide,.inner-page .blog-empty{padding:22px}
 .inner-page .download-panel{grid-template-columns:1fr;padding:22px}.inner-page .download-panel .button{margin-top:10px;width:100%}
 .inner-page .install-steps,.inner-page .update-list{grid-template-columns:1fr;gap:24px}
 .inner-page .forum-board>div{grid-template-columns:28px minmax(0,1fr);gap:6px 14px}.inner-page .forum-board small{grid-column:2}
 .inner-page .hiscores-board{gap:20px}.inner-page .hiscores-parchment-inner{padding:20px 16px}
 .inner-page .hiscores-table{min-width:0;table-layout:fixed;font-size:.8125rem}
 .inner-page .hiscores-table th,.inner-page .hiscores-table td{padding:12px 6px;overflow-wrap:anywhere}
 .inner-page .hiscores-table th:nth-child(1){width:16%}.inner-page .hiscores-table th:nth-child(2){width:40%}.inner-page .hiscores-table th:nth-child(3){width:20%}.inner-page .hiscores-table th:nth-child(4){width:24%}
 .inner-page .hiscores-tools-body{display:block}.inner-page .hiscores-tools-body p{margin-top:12px}
 .inner-page .hiscores-empty{padding:22px 12px}.inner-page .availability-list>div{flex-wrap:wrap;gap:8px 20px}
}

/* Native disclosure and route links work with touch, keyboard, and without JavaScript. */
.inner-page .hiscores-navigation{max-width:1240px;margin-top:28px;border:1px solid #66533c;background:#181713}
.inner-page .hiscores-navigation summary{min-height:48px;padding:12px 18px;color:#dec298;cursor:pointer;font-size:1rem;line-height:1.5}
.inner-page .hiscores-navigation summary strong{color:#e9e4da;font-weight:600}
.inner-page .hiscores-navigation summary::marker{color:#c69465}
.inner-page .hiscores-navigation[open] summary{border-bottom:1px solid #514330}
.inner-page .hiscores-skill-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px}
.inner-page .hiscores-skill-links a{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:#bcb3a6;font-size:.875rem;line-height:1.5;border:1px solid transparent}
.inner-page .hiscores-skill-links a:hover{background:#282018;color:#f2ce94}
.inner-page .hiscores-skill-links a[aria-current="page"]{border-color:#947443;background:#2b2117;color:#f2ce94;font-weight:600}
.inner-page .hiscores-navigation summary:focus-visible,.inner-page .hiscores-skill-links a:focus-visible{outline:2px solid #e4c393;outline-offset:3px}
@media(max-width:1080px){.inner-page .hiscores-skill-links{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.inner-page .hiscores-skill-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px}.inner-page .hiscores-skill-links a{padding-inline:10px}}

/* WEB-01 v2 — enhanced ranking and FAQ clarity. No invented live standings. */
.hiscores-page .hiscores-navigation{border:1px solid rgba(214,183,121,.32);background:linear-gradient(145deg,rgba(50,39,28,.72),rgba(24,22,19,.8));border-radius:6px}
.hiscores-page .hiscores-navigation summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#e7d2af}
.hiscores-page .hiscores-skill-links a{min-height:40px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:4px;transition:background .16s,color .16s}
.hiscores-page .hiscores-skill-links a:hover,.hiscores-page .hiscores-skill-links a[aria-current="page"]{color:#f3d39b;background:rgba(205,161,87,.16)}
.hiscores-page .hiscores-tools-note{border-top:1px solid rgba(214,183,121,.27);padding-top:18px}
.hiscores-page .hiscores-tools-note strong{color:#eacb91}
.hiscores-page [data-hiscores-updated]{color:#d5b98b;font-size:.86rem}
.hiscores-page .hiscores-table th{text-transform:uppercase;letter-spacing:.075em;font-size:.75rem}
.hiscores-page .hiscores-table tbody tr:nth-child(even){background:rgba(238,204,144,.035)}
.hiscores-page .hiscores-table tbody tr:hover{background:rgba(218,180,109,.105)}
.faq-section .faq-item{border:1px solid rgba(214,183,121,.2);border-radius:5px;margin-bottom:10px;background:rgba(24,22,19,.7)}
.faq-section .faq-item[open]{border-color:rgba(214,183,121,.45);background:rgba(36,30,23,.85)}
.faq-section .faq-item>summary{cursor:pointer;padding:15px 18px;font-weight:600;list-style-position:inside}
.faq-section .faq-item>div{padding:0 18px 18px;line-height:1.7}
@media(max-width:600px){.hiscores-page .hiscores-navigation summary{padding:12px}.hiscores-page .hiscores-skill-links a{min-height:44px}.faq-section .faq-item>summary{padding:15px 13px}.faq-section .faq-item>div{padding:0 13px 15px}}
@media(prefers-reduced-motion:reduce){.hiscores-page .hiscores-skill-links a{transition:none}}

/* Honest availability labels for account and client routes. */
.ux-status-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 12px;border-radius:4px;border:1px solid rgba(211,172,105,.38);background:rgba(83,60,33,.22);color:#ecd0a1;font-size:.8125rem;letter-spacing:.025em}
.ux-status-dot{width:7px;height:7px;border-radius:50%;background:#d6b779;flex:none}

/* Shared artwork sits behind content without adding layout space. */
.inner-page .page-main{position:relative;isolation:isolate}
.inner-page .page-main::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:min(680px,65%);height:320px;background:url('/assets/osastra-banner.webp') center top/cover no-repeat;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(180deg,#000 25%,transparent 95%);mask-composite:intersect}
@media(max-width:600px){.inner-page .page-main::before{width:100%;height:260px;opacity:.12}}