/* ATHAN finishing pass: readable type, matte panels and restrained interaction. */
:root{--panel:#101012;--muted:#aaa2a8;--line:#ffffff16;--athan-reading:13px}
body{background-color:#0e0e10;color:#eee7e2;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
#main-content .header-account>.discord-account-trigger{background:#101012;border-color:#ffffff21}
.search,.filter{background:#141416;border-color:#ffffff1a;color:#d2c6d0}
.btn:not(.primary){background:#151517;border-color:#ffffff1b;color:#d0c4ce}
.site-footer{background:#101012}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #dc506a;outline-offset:4px}
:where(button,a){touch-action:manipulation}
.card,.toc,.stat,.cta,.rule-section details,.hardware-faq details,.spec-card,.readiness-panel,.setup-panel,.placeholder-panel{background:#101012;border-color:#ffffff16}
.timeline [data-status=progress] .card{background:#101012;border-color:#9c2b45}
.card-body{padding:23px}.card-body h3{font-size:17px;line-height:1.65;color:#eee2e0}.card-body>p{font-size:13px;line-height:1.95;color:#b1a6ae;margin-top:10px}
.tag{font-size:10px;line-height:1.7;padding:4px 10px;background:#18181b;border-color:#ffffff19;color:#bda9b0}
.tag-row{gap:8px;margin-top:13px}
.page-intro>p:last-of-type{font-size:14px;line-height:1.95;max-width:720px;margin-inline:auto}
.page-intro>.eyebrow{font-size:10px;letter-spacing:.23em}
.demo-notice{font-size:11px;line-height:1.8;padding:6px 11px;background:#0c0c0dbb;border-color:#ffffff19;color:#b5a3ab}
.breadcrumb{font-size:12px;line-height:1.8}.result,.page-tail{font-size:12px;line-height:1.8}
.search,.filter{font-size:12px;min-height:44px}
.nav-list a{font-size:11px}.nav-toggle{font-size:13px}
.content>.toolbar{gap:18px;align-items:center;margin-bottom:20px}
.toolbar h2{font-size:19px;line-height:1.6;letter-spacing:.07em}
:is(.home-section-heading,.store-catalog-heading,.rewards-grid-heading,.orders-panel-heading,.content>.toolbar) h2::after{content:'';display:inline-block;width:10px;height:10px;vertical-align:middle;margin-inline-start:12px;background:#a95061;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}
.home-section-heading .eyebrow,.rewards-grid-heading .eyebrow,.orders-panel-heading .eyebrow{font-size:9px;letter-spacing:.17em;line-height:1.7}
.home-news .home-news-note{font-size:11px;line-height:1.85;color:#b1a1ab;margin:10px 0 18px}
.home-news .home-news-body .news-category{font-size:10px}.home-news .home-news-body h3{font-size:15px;line-height:1.6}
.home-news .home-news-body>p:not(.news-category){font-size:12px;line-height:1.85}.home-news .home-news-body>a{font-size:11px;min-height:40px}
.home-news .home-news-card{min-height:205px}.home-news .home-news-body{padding:17px 18px}
.recommended .home-section-heading .eyebrow{font-size:9px}.hero-layout .recommended-description{font-size:13px;line-height:1.85;min-height:48px}.hero-layout .recommended-copy .eyebrow{font-size:9px}
.recommended-all,.hero-layout .recommended-bottom .btn{font-size:12px;min-height:44px}
.hero-layout .recommended-label{font-size:10px}.hero-layout .recommended-pending-art{font-size:10px}
.hero-layout .recommended-copy{padding:25px 30px}
.welcome .hero-server-status>#status-label,.welcome .server-pill-players>strong{font-size:12px}.welcome .server-pill-players{font-size:11px}.server-status-sample{font-size:10px}
body[data-page=home] .hero-layout .welcome .sub{font-size:13px;line-height:1.9}
body[data-page=home] .home-trail-links>a{font-size:12px;min-height:44px}.home-trail-links .eyebrow{font-size:9px}
body[data-page] .shop-redesign .store-title>.eyebrow{font-size:10px;letter-spacing:.18em}
body[data-page] .shop-redesign .store-title>p:last-child:not(.eyebrow){font-size:13px;line-height:1.85}
body[data-page] .shop-redesign .demo-banner strong{font-size:10px}.shop-redesign .demo-banner p,.shop-redesign .demo-banner a{font-size:11px;line-height:1.8}
body[data-page] .shop-toolbar .store-nav a{font-size:12px;min-height:44px}
body[data-page] .shop-redesign .store-filter-buttons>button{font-size:12px;min-height:44px}
body[data-page] .shop-redesign .store-search{font-size:13px;min-height:44px}
body[data-page] .shop-redesign .store-product-body h2{font-size:15px;min-height:49px;line-height:1.65}
body[data-page] .shop-redesign .store-product-body>p{font-size:12px;line-height:1.85;min-height:45px}
body[data-page] .shop-redesign .store-product-body>small{font-size:10px;line-height:1.8;min-height:18px}
body[data-page] .shop-redesign .store-detail-link{font-size:12px;min-height:44px}
body[data-page] .shop-redesign .store-product-body{padding:20px;min-height:255px}
body[data-page] .shop-redesign .store-featured-copy>p{font-size:13px;line-height:1.9}
body[data-page] .shop-redesign .store-featured-copy .btn{font-size:12px;min-height:44px}
body[data-page] .shop-redesign .store-result,.shop-redesign .store-catalog-heading>span{font-size:11px}
.shop-service-note strong{font-size:12px}.shop-service-note small{font-size:11px;line-height:1.85}
.shop-redesign .store-footnote{font-size:10px;line-height:1.85}
.topup-wallet-heading .eyebrow,.topup-demo-tag{font-size:10px}.topup-wallet-card h2{font-size:14px}.topup-wallet-unit{font-size:11px;line-height:1.85}
.topup-recipient p{font-size:10px}.topup-recipient strong{font-size:14px}.topup-recipient small{font-size:11px}.topup-linked{font-size:9px}
.topup-howto strong{font-size:13px}.topup-howto p{font-size:12px;line-height:1.9}
.topup-card-heading .eyebrow{font-size:9px}.topup-card-heading>span{font-size:9px}
.topup-redesign .store-stepper button{font-size:11px;min-height:44px}
.topup-redesign [data-topup-pane]>p:not(.topup-smallprint):not(.store-form-status){font-size:13px;line-height:1.85}
.topup-redesign .store-amounts>button small,.topup-custom-amount>span{font-size:10px}
.topup-selection-summary>span{font-size:12px}.topup-redesign .store-form-status{font-size:11px;line-height:1.85}.topup-redesign .topup-smallprint{font-size:10px;line-height:1.9}
.topup-receipt dt,.topup-receipt dd{font-size:12px;line-height:1.8}
.topup-redesign .store-payment-unavailable .topup-confirm-note{font-size:12px;line-height:1.9}.topup-info-note p{font-size:13px;line-height:1.95}
.orders-redesign .store-order-summary .orders-summary-label>small{font-size:12px}.orders-summary-label>span{font-size:9px}
.orders-redesign .store-order-summary>article>span,.orders-summary-footnote{font-size:11px;line-height:1.85}
.orders-redesign .store-order-summary .store-actions .btn{font-size:12px;min-height:44px}
.orders-result,.orders-type-label,.orders-row-meta time,.orders-redesign .demo-ledger .orders-reference{font-size:10px;line-height:1.85}
.orders-redesign .demo-ledger .orders-row h3{font-size:15px;line-height:1.7}.orders-redesign .demo-ledger .orders-row p{font-size:12px;line-height:1.85}
.orders-row-status{font-size:10px;line-height:1.85}.orders-storage-note{font-size:10px;line-height:1.9}
.rewards-overview-copy>p{font-size:13px;line-height:1.95}.rewards-overview-actions .btn{font-size:12px;min-height:44px}
.rewards-total>div:first-child>span:first-child{font-size:12px}.rewards-demo-tag{font-size:10px}.rewards-total>p,.rewards-total-meta{font-size:11px;line-height:1.85}
.rewards-progress-heading p{font-size:11px;line-height:1.85}.rewards-milestones{font-size:10px}.rewards-next small{font-size:10px}.rewards-next strong{font-size:14px}.rewards-next-amount{font-size:13px}
.rewards-grid-heading>span{font-size:11px}.rewards-tier-status{font-size:10px}.rewards-tier-body>p{font-size:11px}.rewards-tier-hint{font-size:11px;min-height:21px;line-height:1.9}.rewards-tier-body>.btn{font-size:12px;min-height:44px}
.rewards-terms strong{font-size:12px}.rewards-terms p{font-size:11px;line-height:1.95}
.detail-body,.hardware-lower p{font-size:13px;line-height:1.95}.spec-list dt{font-size:12px}.spec-list dd{font-size:14px;line-height:1.8}.source-note{font-size:12px;line-height:1.9}
.activity-facts dt,.activity-facts dd,.activity-note{font-size:12px;line-height:1.8}.timeline .phase-label{font-size:11px}.timeline .tasks{font-size:13px;line-height:1.85}.progress-caption{font-size:11px}
.store-modal-copy>p,.store-detail-content>p,.store-detail-includes{font-size:13px;line-height:1.95}.store-detail-content h2{line-height:1.6}
.store-variants strong,.store-wallet-options label{font-size:12px}.store-variants span{font-size:12px}
.store-dialog .btn{min-height:44px;font-size:12px}.store-dialog-close{min-width:44px;min-height:44px}
.footer-main small,.footer-bottom p,.footer-bottom a{font-size:11px;line-height:1.85}
/* A labelled placeholder is retained until actual team portraits are supplied. */
body[data-page=developers] .page-intro h2{font-size:21px;line-height:1.7}
body[data-page=developers] #people-grid{gap:24px}
body[data-page=developers] #people-grid .card{background:#101012;border-color:#ffffff16}
body[data-page=developers] .crew-placeholder{height:270px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#ffffff05,transparent 70%),#0b0b0d;position:relative}
body[data-page=developers] .crew-placeholder:before{content:'';position:absolute;inset:19px;border:1px solid #ffffff0b;border-radius:2px;width:auto;height:auto;outline:0}
body[data-page=developers] .crew-placeholder:after{content:'';position:absolute;inset:auto 30px 0;height:1px;background:linear-gradient(90deg,transparent,#9e334850,transparent)}
.crew-kicker{position:absolute;left:27px;top:25px;font-size:9px;letter-spacing:.2em;color:#8e7985}
.crew-index{position:absolute;right:25px;top:21px;font-family:Georgia,serif;font-size:22px;color:#69545e}
.crew-emblem{display:grid;place-items:center;position:relative;width:112px;height:122px;clip-path:polygon(50% 0,94% 22%,94% 76%,50% 100%,6% 76%,6% 22%);background:#ffffff12}
.crew-emblem:before{content:'';position:absolute;inset:1px;clip-path:inherit;background:#111114}
.crew-emblem>span{position:relative;font-family:Georgia,serif;color:#d8c9c4;font-size:66px;line-height:1;padding-bottom:7px}
.crew-emblem>i{position:absolute;bottom:17px;font-size:12px;color:#ae415a;font-style:normal}
.crew-photo-note{position:absolute;bottom:25px;font-size:11px;color:#a18a97;letter-spacing:.03em}
body[data-page=developers] .card-body .tag{font-size:11px}.cta{padding:27px 29px}.cta p{font-size:13px;line-height:1.9}
/* Feedback stays subtle and is disabled for reduced-motion preferences. */
.btn,.filter,.store-detail-link,.store-filter-buttons>button{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.card,.store-product,.home-news-card,.rewards-tier-card{transition:transform .2s,border-color .2s,box-shadow .2s}
@media(hover:hover) and (pointer:fine){.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #0003}.card:hover,.home-news-card:hover,.rewards-tier-card:hover{transform:translateY(-3px);border-color:#ffffff35;box-shadow:0 12px 27px #0004}.crew-placeholder .crew-emblem{transition:transform .25s}.card:hover .crew-emblem{transform:translateY(-3px)}}
.btn:active:not(:disabled),.store-detail-link:active{transform:translateY(1px)}
dialog[open] .store-dialog-frame{animation:athan-dialog-in .17s ease-out}
@keyframes athan-dialog-in{from{opacity:.6;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:850px){.home-news .home-news-card{min-height:220px}.topup-receipt dt,.topup-receipt dd{font-size:11px}.orders-redesign .store-order-summary .store-actions .btn{font-size:11px}.rewards-grid-heading>span{font-size:10px}.rewards-overview-actions .btn{font-size:11px}}
@media(max-width:550px){.card-body{padding:20px}.card-body h3{font-size:17px}.card-body>p{font-size:13px}.page-intro h1{font-size:clamp(30px,8vw,42px)}.page-intro h2{font-size:17px;line-height:1.8}.page-intro>p:last-of-type{font-size:13px;line-height:1.95}.page-intro>.eyebrow{font-size:9px;letter-spacing:.15em}.demo-notice{font-size:10px}.breadcrumb{font-size:11px}.toolbar h2{font-size:17px}.content>.toolbar{gap:14px}.result,.page-tail{font-size:11px}
.home-news .home-news-card{min-height:164px}.home-news .home-news-body{padding:14px 15px}.home-news .home-news-body .news-category{font-size:9px}.home-news .home-news-body h3{font-size:13px}.home-news .home-news-body>p:not(.news-category){font-size:11px}.home-news .home-news-note{font-size:10px}.home-section-heading .eyebrow{font-size:8px}.home-news .home-news-body>a{font-size:11px;min-height:42px}
.hero-layout .recommended-copy{padding:20px}.hero-layout .recommended-description{font-size:12px;min-height:44px}.hero-layout .recommended-copy .eyebrow{font-size:8px}.hero-layout .recommended-label,.hero-layout .recommended-pending-art{font-size:9px}.recommended-all,.hero-layout .recommended-bottom .btn{font-size:11px}
body[data-page=home] .hero-layout .welcome .sub{font-size:12px;max-width:300px}.welcome .hero-server-status>#status-label{font-size:11px}.welcome .server-pill-players,.welcome .server-pill-players>strong{font-size:11px}.server-status-sample{font-size:10px}
body[data-page] .shop-toolbar .store-nav a{font-size:11px;padding-inline:10px}.shop-redesign .demo-banner a{font-size:10px}body[data-page] .shop-redesign .demo-banner strong{font-size:9px}body[data-page] .shop-redesign .store-title>.eyebrow{font-size:9px}body[data-page] .shop-redesign .store-title>p:last-child:not(.eyebrow){font-size:12px;line-height:1.9}
body[data-page] .shop-redesign .store-product-body{padding:15px;min-height:263px}body[data-page] .shop-redesign .store-product-body h2{font-size:14px;line-height:1.65;min-height:46px}body[data-page] .shop-redesign .store-product-body>p{font-size:11px;min-height:41px}body[data-page] .shop-redesign .store-product-body>small{font-size:9px;min-height:33px}body[data-page] .shop-redesign .store-product-price{font-size:18px;min-height:54px}body[data-page] .shop-redesign .store-detail-link{font-size:11px;padding-inline:9px}body[data-page] .shop-redesign .store-filter-buttons>button{font-size:11px}body[data-page] .shop-redesign .store-featured-copy>p{font-size:12px}body[data-page] .shop-redesign .store-featured-copy .btn{font-size:11px;padding-inline:10px}
.topup-wallet-heading .eyebrow,.topup-demo-tag{font-size:9px}.topup-wallet-unit{font-size:10px}.topup-recipient p{font-size:9px}.topup-recipient strong{font-size:12px}.topup-recipient small{font-size:10px}.topup-linked{font-size:8px}.topup-card-heading .eyebrow{font-size:8px;letter-spacing:.08em}.topup-redesign .store-stepper button{font-size:10px}.topup-redesign [data-topup-pane]>p:not(.topup-smallprint):not(.store-form-status){font-size:12px}.topup-redesign .store-amounts>button small,.topup-custom-amount>span{font-size:9px}.topup-redesign .store-form-status{font-size:10px}.topup-redesign .topup-smallprint{font-size:9px}.topup-selection-summary>span{font-size:11px}.topup-receipt dt,.topup-receipt dd{font-size:11px}.topup-redesign .store-payment-unavailable .topup-confirm-note{font-size:11px}
.orders-redesign .store-order-summary .orders-summary-label>small{font-size:11px}.orders-redesign .store-order-summary>article>span,.orders-summary-footnote{font-size:10px}.orders-summary-label>span{font-size:8px}.orders-result{font-size:10px}.orders-type-label,.orders-row-meta time,.orders-redesign .demo-ledger .orders-reference{font-size:9px}.orders-redesign .demo-ledger .orders-row h3{font-size:14px}.orders-redesign .demo-ledger .orders-row p{font-size:11px}.orders-row-status{font-size:9px}.orders-row-total{flex-wrap:wrap;row-gap:9px}.orders-storage-note{font-size:9px}
.rewards-overview-copy>p{font-size:12px}.rewards-overview-actions .btn{font-size:10px}.rewards-total>div:first-child>span:first-child{font-size:11px}.rewards-demo-tag{font-size:9px}.rewards-total>p,.rewards-total-meta{font-size:10px}.rewards-progress-heading p{font-size:10px}.rewards-milestones{font-size:9px}.rewards-next small{font-size:9px}.rewards-next strong{font-size:12px}.rewards-next-amount{font-size:11px}.rewards-grid-heading>span{font-size:9px}.rewards-tier-body{padding:15px 12px}.rewards-tier-status{font-size:9px}.rewards-tier-body h3{font-size:14px;min-height:48px}.rewards-tier-body>p{font-size:10px}.rewards-tier-hint{font-size:10px;min-height:39px}.rewards-tier-body>.btn{font-size:11px;padding-inline:7px}.rewards-terms strong{font-size:11px}.rewards-terms p{font-size:10px}
.source-note{font-size:11px}.activity-facts dt,.activity-facts dd{font-size:11px}.detail-body{font-size:13px}.footer-main small,.footer-bottom p,.footer-bottom a{font-size:10px}
body[data-page=developers] .page-intro h2{font-size:17px}body[data-page=developers] #people-grid{gap:18px}body[data-page=developers] .crew-placeholder{height:235px}.crew-photo-note{font-size:11px}.cta{padding:22px}.cta h2{font-size:18px}.cta p{font-size:12px}
}
@media(max-width:359px){body[data-page] .shop-toolbar .store-nav a{font-size:10px;padding-inline:8px}.topup-redesign .store-stepper button{font-size:9px}.rewards-grid-heading>span{white-space:normal;text-align:right;max-width:100px}.rewards-tier-body h3{min-height:0}.rewards-tier-hint{min-height:0}body[data-page] .shop-redesign .store-product-body{min-height:0}body[data-page] .shop-redesign .store-product-body h2,body[data-page] .shop-redesign .store-product-body>p,body[data-page] .shop-redesign .store-product-body>small,body[data-page] .shop-redesign .store-product-price{min-height:0}.orders-row-status{font-size:9px}.rewards-total>div:first-child{flex-wrap:wrap}.topup-wallet-unit{max-width:210px}}
@media(prefers-reduced-motion:reduce){.btn,.filter,.store-detail-link,.store-filter-buttons>button,.card,.store-product,.home-news-card,.rewards-tier-card,.crew-emblem{transition:none!important;transform:none!important}dialog[open] .store-dialog-frame{animation:none}html:focus-within{scroll-behavior:auto}}