:root{color-scheme:dark;--bg:#101a18;--card:#1b2925;--text:#f1efdf;--muted:#b1bdb4;--gold:#d9bc77;--line:#3c4940}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 38%,#2a3d30 0,transparent 50%),var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header,footer{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;gap:20px}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:15px;display:flex;align-items:center;gap:8px}.crest{display:inline-grid;place-items:center;width:39px;height:43px;border:1px solid var(--gold);color:var(--gold);font:28px Georgia;margin-right:8px}.muted{color:var(--muted)}.badge{font-size:10px;letter-spacing:.15em;border:1px solid var(--line);border-radius:30px;padding:6px 12px;color:var(--gold)}main{max-width:1160px;margin:38px auto 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:85px;padding:0 32px;align-items:start}.intro{padding-top:40px}.eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.19em;margin:0 0 22px}h1{font:clamp(42px,5vw,68px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:0 0 28px}h2{font:30px/1.15 Georgia,serif;margin:0 0 16px}.lede{color:var(--muted);font-size:18px}.world{display:flex;gap:19px;align-items:center;padding:25px 0;margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.world p{font-size:13px;color:var(--muted);margin:2px 0}.world strong{font-size:14px}.rune{font-size:38px;color:var(--gold)}.steps{margin:28px 0}.steps p{font-size:14px;margin:13px 0}.steps b{font-size:11px;color:var(--gold);margin-right:20px}.note{color:var(--muted);font-size:12px;line-height:1.65}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 25px 70px #0003}nav{display:flex;background:#111d18;border-radius:7px;padding:4px;margin-bottom:32px}.tab{flex:1;padding:11px;background:none;color:var(--muted);border:0;border-radius:5px;font-weight:600}.tab.active{background:#354237;color:var(--text)}button{cursor:pointer;font:inherit}label{display:block;font-size:12px;font-weight:600;margin-top:19px}input{display:block;width:100%;margin-top:7px;background:#121e19;border:1px solid #4c5b4f;border-radius:5px;padding:12px 13px;font:15px system-ui;color:var(--text)}input:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.primary{width:100%;margin-top:25px;padding:13px 17px;border:1px solid var(--gold);background:var(--gold);color:#1a241b;border-radius:5px;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#edd395}button:disabled{opacity:.5;cursor:wait}.text{background:transparent;border:0;color:var(--gold);padding:12px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.status{padding:14px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:12px}.status strong{color:var(--gold)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px}.session-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}#message{font-size:13px;color:#f0d8a0;white-space:pre-line}#message:empty{display:none}#recovery-code{display:block;overflow-wrap:anywhere;background:#101b15;padding:20px;border:1px dashed var(--gold);font-size:16px;user-select:all}footer{border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.04em}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;gap:28px;max-width:600px;margin-top:0}.intro{padding-top:18px}h1{font-size:48px}.steps{display:none}.world{margin-top:20px}header,footer{padding:22px}.panel{padding:25px}footer{flex-direction:column;align-items:start}.badge{font-size:8px}.brand{font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

:root{--bg:#17151b;--card:#242029;--text:#eee7db;--muted:#b9b0bb;--gold:#cfb579;--line:#49404b}body{background:radial-gradient(ellipse at 0 30%,#30233280,transparent 60%),repeating-linear-gradient(95deg,#ffffff02 0 1px,transparent 1px 9px),#17151b}header,footer{max-width:1280px}.brand{font:24px Georgia;letter-spacing:.16em}.brand small{font:8px system-ui;letter-spacing:.15em;margin:3px 0;color:var(--gold)}.crest{border:none;font:58px Georgia;color:#be95ed;width:54px}.site-nav{background:none;margin:0;gap:30px;padding:0}.site-nav a{color:#ccc2cf;font-size:12px;text-decoration:none}.site-nav a:hover{color:#e3c3ff}main{display:block;max-width:1200px;margin:0 auto 70px;padding:0 24px}.hero{position:relative;min-height:500px;border:1px solid #71604c;background:linear-gradient(90deg,#17131ceF 0%,#18151cc7 42%,#18131c20 100%),url('/assets/osrs-hero.jpg') center/cover;box-shadow:0 22px 70px #0005}.hero-copy{padding:75px 50px}.hero h1{font-size:clamp(38px,4.7vw,65px);line-height:1.1;letter-spacing:-.025em}.hero h1 em{color:#d5b7ee;font-weight:400}.hero .lede{font-size:15px;color:#e1d7df;max-width:560px}.cta{display:inline-flex;gap:32px;text-decoration:none;color:#fff3ff;background:linear-gradient(#795298,#59377b);border:1px solid #c29cdb;padding:13px 24px;font-size:13px;margin-top:20px;box-shadow:0 4px 18px #0008}.quiet-link{margin-left:24px;font-size:12px;color:#e6d7c2}.hero-caption{position:absolute;bottom:15px;right:20px;font-size:8px;letter-spacing:.13em;color:#ddd;background:#16131bb8;padding:5px 8px}.world-strip{display:flex;justify-content:space-around;gap:15px;padding:18px;background:#221e27;border:1px solid var(--line);border-top:0;font-size:11px;color:#cfc4d5}.world-strip i{display:inline-block;width:6px;height:6px;background:#c9ad78;border-radius:50%;margin-right:8px}.portal-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin:75px 0;align-items:start;scroll-margin-top:25px}.intro{padding:15px 0}.intro h2{font-size:44px;line-height:1.15}.intro .lede{font-size:15px}.world-image{width:100%;height:190px;object-fit:cover;border:1px solid #806c4b;margin-top:12px;filter:saturate(.8)}.panel{border-radius:3px;padding:32px;background:linear-gradient(125deg,#e5d7b8,#c8b58e);color:#302a25;border:1px solid #cdb88e;box-shadow:0 15px 40px #0005}.panel .muted,.panel .note,.panel small{color:#605348}.panel .eyebrow{color:#6a427e}.panel nav{background:#a7957b4d}.panel .tab{color:#504338}.panel .tab.active{background:#5b3b75;color:#fff}.panel input{background:#f3ead9;border-color:#a39073;color:#302a25;border-radius:2px}.panel .primary{background:linear-gradient(#75528f,#57376e);border-color:#5a3d70;color:#fff;border-radius:2px}.panel .primary:hover{background:#70488d}.panel .text{color:#533565}.panel .status{border-color:#a49176}.panel .status strong{color:#5c3d72}.panel details{border-color:#a49176}.panel #message{color:#713e26;background:#fff4d380;padding:12px}.panel #recovery-code{background:#f5ecd8;color:#342a24}.wallet{margin:23px 0;padding:20px;background:#4e345e;color:#f1e0fb;text-align:center;border:1px solid #856193}.wallet span{font-size:10px;letter-spacing:.2em}.wallet strong{display:block;font:44px Georgia}.wallet small{color:#d9c6e4}.panel details p{font-size:12px}#admin-panel{margin-top:20px}#admin-content{max-height:260px;overflow:auto;font-size:12px}.shop{border-top:1px solid var(--line);padding-top:45px;scroll-margin-top:25px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title .eyebrow{margin-bottom:12px}.shop>.muted{max-width:720px;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.product{text-align:center;background:linear-gradient(150deg,#302736,#211d25);border:1px solid #594960;padding:28px 22px}.gem{font:64px Georgia;color:#c29adf;text-shadow:0 0 32px #a16ad575}.product h3{font:24px Georgia;color:#e4d4b3;margin:10px 0}.points{font-size:14px;color:#d6b4ef}.product p{font-size:12px;color:#bcb0c3;min-height:40px}.product button{width:100%;padding:12px;border:1px solid #62526b;background:#41354b;color:#e1d4e9;font-size:11px;cursor:not-allowed;opacity:1}.badge{border-radius:2px}.steps b{color:#bb96d5}a:focus-visible{outline:2px solid #d0a8ef;outline-offset:5px}footer{font-size:10px}@media(max-width:800px){header{flex-wrap:wrap;gap:16px}.site-nav{order:3;width:100%;justify-content:center;gap:35px}.hero-copy{padding:50px 25px 75px}.hero{min-height:430px}.hero h1{font-size:42px}.hero-caption{font-size:7px;left:15px;right:15px;text-align:center}.portal-layout{grid-template-columns:1fr;gap:28px;margin:40px 0}.intro h2{font-size:36px}.world-image{height:200px}.world-strip{flex-wrap:wrap;font-size:10px}.product-grid{grid-template-columns:1fr}.product p{min-height:0}.quiet-link{display:inline-block;margin:20px 0 0 15px}.section-title{align-items:start}.section-title .badge{font-size:8px}main{padding:0 16px}.panel{padding:25px}.steps{display:block}}
/* Holy Rebirth: ivory limestone, Saradomin blue and gilded light. */
:root{color-scheme:light;--bg:#ece9df;--card:#fffaf0;--text:#22374a;--muted:#606d75;--gold:#987638;--line:#c8c1ae}body{background:radial-gradient(ellipse at 50% 0,#fffdf6 0,transparent 65%),repeating-linear-gradient(105deg,#97856805 0 1px,transparent 1px 8px),#ece9df;color:var(--text)}header{padding-top:24px;padding-bottom:24px}.brand{color:#233e59}.brand small{color:#8a713e}.crest{font-size:50px;color:#a38342;text-shadow:0 2px 0 #fff}.site-nav a{color:#4b5f71}.site-nav a:hover{color:#9a742f}.badge{border-color:#c4b487;color:#796434;background:#fffaf055}.hero{min-height:545px;background:linear-gradient(90deg,#10263be8 0%,#152e49c2 35%,#172f4b26 65%,transparent 100%),url('/assets/holy-gates.png') center 49%/cover;border:1px solid #aa915c;box-shadow:0 20px 45px #3b4a531f;outline:1px solid #cbb985;outline-offset:5px}.hero-copy{padding:95px 50px 85px;position:relative;z-index:1}.hero .eyebrow{color:#e5c98e;font-size:10px}.hero h1{color:#fff9e9;font-size:clamp(44px,5vw,70px);text-shadow:0 3px 18px #142b47}.hero h1 em{color:#edd499}.hero .lede{color:#e4eaf0;max-width:490px;font-size:15px;line-height:1.8}.cta{background:linear-gradient(#e9d3a0,#c5a364);border-color:#f9e5b7;color:#25374a;box-shadow:0 3px 20px #0c21394d;font-weight:700}.cta:hover{background:#f2dfb8}.quiet-link{color:#f2e3c2}.hero-caption{background:#152c438f;color:#f3e5c7;letter-spacing:.14em}.world-strip{margin-top:6px;background:#f8f4e9;color:#526373;border-color:#cec3a6;padding:20px}.world-strip i{background:#8b743f}.intro h2{color:#294a66}.intro .eyebrow{color:#937435}.intro .lede{color:#5e6b75}.world-image{border-color:#b2a483;filter:saturate(.7);box-shadow:0 8px 20px #233c5114}.steps b{color:#8d713b}.panel{background:linear-gradient(130deg,#fffdf5,#eee8d9);border:1px solid #c8b991;box-shadow:0 15px 40px #243a5119;color:#2e4150;border-top:4px solid #b39a60}.panel .eyebrow{color:#94743d}.panel .muted,.panel .note,.panel small{color:#667078}.panel nav{background:#dedfd9}.panel .tab{color:#53636d}.panel .tab.active{background:#315471;color:#fff7e7;box-shadow:0 2px 5px #203b5322}.panel input{background:#fffdf8;border-color:#b5b7b1;color:#263c4f}.panel .primary{background:linear-gradient(#3d6485,#284c6b);border-color:#284b68;color:#fff9e8}.panel .primary:hover{background:#426d91}.panel .text,.panel .status strong{color:#305e82}.panel .status,.panel details{border-color:#c9c5b7}.panel #message{color:#694e24;background:#e9dfc8}.wallet{background:linear-gradient(120deg,#274963,#3c6688);border-color:#b49b62;color:#fff0ce}.wallet small{color:#e0e7eb}.shop{border-color:#c7b997}.product{background:linear-gradient(145deg,#fffdf6,#e8e6dc);border:1px solid #c6bb9e;border-top:3px solid #b6a06d;box-shadow:0 8px 20px #243a510a}.product h3{color:#2f5069}.gem{color:#a98a49;text-shadow:0 0 26px #e7d19b;font-size:62px}.points{color:#426684}.product p{color:#66737b}.product button{background:#e0e3df;border-color:#bac2c2;color:#586874}.section-title h2{color:#2f5069}footer{border-color:#c9c1af;color:#65747d}.panel input:focus,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #a58136;outline-offset:3px}@media(max-width:800px){.hero{min-height:530px;background-position:61% center}.hero-copy{padding:65px 25px 85px}.hero h1{font-size:47px}.hero .eyebrow{font-size:8px;letter-spacing:.14em}.hero .lede{font-size:14px;max-width:330px}.hero-caption{font-size:7px}.portal-layout{margin-top:50px}.brand{font-size:23px}.site-nav{border-top:1px solid #d2c9b4;padding-top:15px}.intro h2{font-size:38px}}
/* Selected direction: The Cathedral. */
:root{color-scheme:dark;--bg:#0e2033;--card:#172f47;--text:#f5eedc;--muted:#b9c5ce;--gold:#d4b578;--line:#526174}body{background:radial-gradient(ellipse at 50% 0,#29445d 0,transparent 65%),repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 9px),#0e2033;color:var(--text)}header{border-bottom:1px solid #a38b5555;margin-bottom:25px}.brand{color:#f6eedb;letter-spacing:.22em}.brand small{color:#c6b17f}.crest{color:#dfc17d;text-shadow:0 0 16px #ceb57344}.site-nav a{color:#e3dfd3;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.site-nav a:hover{color:#e6c680}.badge{background:#142c4055;color:#d5bf8c;border-color:#8c7b535e}.hero{border:1px solid #b99c5d;outline-color:#74694f;background:linear-gradient(90deg,#0a2038f0 0%,#122d49cf 34%,#122b4745 62%,#142a4212 100%),url('/assets/holy-gates.png') center 48%/cover;box-shadow:0 15px 50px #0004}.hero:after{content:'';position:absolute;inset:12px;border:1px solid #d6bc7b66;pointer-events:none}.hero h1{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.055em;font-size:clamp(40px,4.8vw,66px);line-height:1.15;font-weight:400}.hero h1 em{font-style:normal;color:#f3e7c8}.hero .eyebrow{letter-spacing:.23em;font-size:9px}.hero-copy{padding-top:95px}.cta{background:linear-gradient(#284b6d,#163854);border:1px solid #dcc079;color:#fff4d4;outline:1px solid #9d814b;outline-offset:3px;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.09em;font-size:14px;padding:13px 30px}.cta:hover{background:#335b7c}.world-strip{background:#152d43;border-color:#5c604f;color:#d3d9d9}.world-strip i{background:#d2b470}.intro h2,.section-title h2{color:#f0e5c9;font-family:Georgia,serif}.intro .eyebrow{color:#d1b579}.intro .lede{color:#bbc8d1}.steps b{color:#d1b579}.world-image{border-color:#a28a56;box-shadow:0 8px 20px #0003}.panel{color-scheme:light;background:linear-gradient(125deg,#f8f2e3,#e3dac5);border:1px solid #c0a76b;border-top:4px solid #c5ab70;box-shadow:0 15px 40px #0003}.panel h2{color:#263f54}.panel .primary{background:linear-gradient(#315576,#173951);border-color:#9c854d;color:#fff0cf}.panel .tab.active{background:#234762}.panel .wallet{background:linear-gradient(125deg,#17334c,#2d536e)}.shop{border-color:#88784e}.product{background:linear-gradient(140deg,#203c55,#142c42);border-color:#7e7454;border-top:3px solid #bc9f60;box-shadow:0 8px 20px #0002}.product h3{color:#eee0ba;font-family:Georgia,serif}.gem{color:#d6b96e}.points{color:#d7bf89}.product p{color:#bbc7d0}.product button{background:#203b50;border-color:#657077;color:#c2c9cb}.section-title .muted{color:#b9c5ce}footer{border-color:#776c4d;color:#b8c1c5}@media(max-width:800px){.site-nav{border-color:#8c805a55}.hero h1{font-size:43px;letter-spacing:.035em}.hero-copy{padding:70px 25px 85px}.hero{background-position:61% center}.hero:after{inset:8px}.hero .eyebrow{font-size:8px;letter-spacing:.15em}}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-actions a{text-decoration:none;font-size:12px;font-weight:600;padding:10px 19px}.header-login{color:#f2e7cf;border:1px solid #8b805e}.header-download{color:#152e45;background:#ddc38c;border:1px solid #efdab0}.header-login:hover{background:#294961}.header-download:hover{background:#efdab0}.brand{white-space:nowrap;font-size:21px}.download-section{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #7e7454;background:#172f45;padding:30px;margin:0 0 45px;scroll-margin-top:25px}.download-section .eyebrow{margin-bottom:12px}.download-section h2{color:#f0e5c9}.download-section p{font-size:14px;max-width:650px}.download-pending{padding:13px 22px;flex-shrink:0;color:#c8d0d6;background:#263f54;border:1px solid #6b735f;cursor:not-allowed;opacity:1;font-size:12px}@media(max-width:800px){header{justify-content:space-between}.brand{font-size:18px}.header-actions{gap:7px}.header-actions a{padding:9px 12px;font-size:11px}.download-section{flex-direction:column;align-items:start;padding:24px}}@media(max-width:460px){header{padding:18px 16px}.brand{font-size:16px}.brand .crest{width:28px;margin-right:0;font-size:34px}.brand small{font-size:7px;letter-spacing:.08em}.header-actions a{padding:8px 9px}.header-actions{gap:6px}}
/* Devotion shop banner */
.devotion-banner{padding:42px!important;border:1px solid #b69b58!important;border-top:5px solid #c5a25d!important;border-radius:14px;background:linear-gradient(125deg,#102e47,#244d6b 65%,#355d72);box-shadow:0 16px 45px #152d4229;scroll-margin-top:25px}.devotion-banner-heading{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-bottom:30px}.devotion-banner-heading>div{max-width:690px}.devotion-banner h2{color:#fff3d7;margin-bottom:18px;font-size:clamp(30px,3.4vw,44px)}.devotion-banner .eyebrow{color:#e6c884}.devotion-intro{color:#e0e8ec;font-size:16px;line-height:1.8}.blessing{color:#f3d797;font:italic 20px/1.5 Georgia,serif}.devotion-cta{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:64px;padding:18px 30px;background:linear-gradient(#f9e7b8,#d8b367);color:#203a50!important;border:1px solid #fff0c4;border-radius:7px;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 6px 22px #0003;flex-shrink:0}.devotion-cta:hover{background:#ffedbc;box-shadow:0 7px 28px #dab55e55}.hero-devotion{margin-top:15px;margin-left:12px}.devotion-tier{display:flex;flex-direction:column;padding:28px!important;border-radius:9px}.devotion-tier.tier-2{background:linear-gradient(145deg,#fff8e5,#eee0bd)}.devotion-tier.tier-3{background:linear-gradient(145deg,#fff3cb,#e8cd8c);border-color:#ecd187}.devotion-tier .eyebrow{color:#80612b;font-size:10px;margin:12px 0}.devotion-tier h3{font:26px/1.2 Georgia,serif;margin:0 0 18px}.devotion-tier .points{font-size:23px;font-weight:800}.devotion-tier p:not(.eyebrow){font-size:14px;line-height:1.7;flex:1}.devotion-coins{display:flex;justify-content:center;height:70px;align-items:center}.devotion-coins span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:4px double #ac7b27;background:radial-gradient(circle at 30% 25%,#fff1ae,#e2af43 65%,#aa731c);box-shadow:0 4px 0 #8d611f,0 7px 10px #3b2d2533;color:#8c611c;font-size:30px;text-shadow:0 1px #fff2bb}.devotion-coins span+span{margin-left:-14px;transform:translateY(-5px)}.devotion-coins span:nth-child(3){transform:translateY(-10px)}.devotion-thanks{text-align:center;color:#f3dfb4;margin-top:28px;font-size:16px}.devotion-banner>.note{text-align:center;color:#cbd7df!important}.devotion-banner .product-grid{scroll-margin-top:25px}@media(max-width:800px){.devotion-banner{padding:25px 18px!important}.devotion-banner-heading{flex-direction:column;align-items:stretch;gap:12px}.devotion-cta{width:100%;font-size:16px}.hero-devotion{margin-left:0}.devotion-banner .product-grid{grid-template-columns:1fr}.devotion-tier{padding:25px!important}}
/* Explicit contrast for light devotion cards; retain gold lettering on the dark first tier. */
.devotion-tier.tier-1 .eyebrow{color:#e6c884}
.devotion-tier.tier-2,.devotion-tier.tier-3{color-scheme:light;color:#20364a}
.devotion-tier.tier-2 h3,.devotion-tier.tier-3 h3{color:#172e43}
.devotion-tier.tier-2 .points,.devotion-tier.tier-3 .points{color:#233e54}
.devotion-tier.tier-2 p,.devotion-tier.tier-3 p{color:#354552}
.devotion-tier.tier-2 .eyebrow,.devotion-tier.tier-3 .eyebrow{color:#62491f;font-weight:800;font-size:11px}
.devotion-tier.tier-2 button,.devotion-tier.tier-3 button{background:#233e54;color:#fff4d8;border-color:#516271;opacity:1}