/* Eldwake site styles. The design's inline styles, one class each (converted from the approved design files);
   page-specific classes are prefixed with the page: home-, reg-, dl-, rules-, chron-. */

body{margin:0;background:#0E1116}
a{color:#E3B25A}
/* :where keeps the hover rule weaker than a class, as the design's inline colours were. */
a:where(:hover){color:#F2CD86}
img{max-width:100%}
[hidden]{display:none !important}
.hero-bg{background-color:#0E1116;background-image:linear-gradient(0deg,#0E1116 0%,rgba(14,17,22,0) 35%),linear-gradient(90deg,rgba(14,17,22,0.94) 0%,rgba(14,17,22,0.72) 45%,rgba(14,17,22,0.2) 100%),url(/assets/hero.jpg);background-size:cover;background-position:center 40%}

.page{background: #0E1116;color: #E8E2D4;font-family: 'IBM Plex Sans', system-ui, sans-serif;font-size: 17px;line-height: 1.6}
.site-header{border-bottom: 1px solid #1E242E}
.header-bar{max-width: 1240px;margin: 0 auto;padding: 24px 32px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px}
.brand{display: flex;align-items: center;gap: 12px;text-decoration: none;color: #E8E2D4}
.brand-name{font-family: 'Cormorant Garamond', serif;font-size: 30px;font-weight: 700;letter-spacing: 0.06em}
.top-nav{display: flex;flex-wrap: wrap;align-items: center;gap: 28px;font-size: 15px}
.nav-link{color: #C9C2B3;text-decoration: none}
.lang-switch{display: inline-flex;align-items: center;gap: 4px;font-family: 'IBM Plex Mono', monospace;font-size: 14px;color: #6C7484}
.lang-current{display: inline-flex;align-items: center;min-height: 44px;padding: 0 8px;color: #F4EEE0;font-weight: 500}
.lang-other{display: inline-flex;align-items: center;min-height: 44px;padding: 0 8px;color: #C9C2B3;text-decoration: none}
.site-footer{border-top: 1px solid #1E242E}
.footer-bar{max-width: 1240px;margin: 0 auto;padding: 40px 32px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 24px;font-size: 14px;color: #8A93A3}
.footer-nav{display: flex;flex-wrap: wrap;gap: 24px}
.footer-link{color: #C9C2B3}
.eyebrow{font-family: 'IBM Plex Mono', monospace;font-size: 14px;letter-spacing: 0.14em;text-transform: uppercase;color: #7FC4B8}
.text-soft{margin: 0;color: #C9C2B3}
.text{margin: 0;color: #DCD5C6}
.page-title{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 64px;line-height: 1.05;font-weight: 600;color: #F4EEE0}
.section-title{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 52px;line-height: 1.1;font-weight: 600;color: #F4EEE0}
.side-title{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 44px;line-height: 1.1;font-weight: 600;color: #F4EEE0}
.rules-title{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 40px;line-height: 1.1;font-weight: 600;color: #F4EEE0}
.panel-title{margin: 0;font-size: 18px;font-weight: 600;color: #F4EEE0}
.card-title{margin: 0;font-size: 21px;font-weight: 600;color: #F4EEE0}
.step-num{font-family: 'Cormorant Garamond', serif;font-size: 48px;font-weight: 600;color: #E3B25A;line-height: 1}
.main-split{max-width: 1240px;margin: 0 auto;padding: 96px 32px 120px;display: flex;flex-wrap: wrap;gap: 64px;align-items: flex-start}
.band{background: #12161D;border-top: 1px solid #1E242E;border-bottom: 1px solid #1E242E}
.band-inner{max-width: 1240px;margin: 0 auto;padding: 112px 32px;display: flex;flex-direction: column;gap: 56px}
.wide-img{display: block;width: 100%;height: auto;aspect-ratio: 1916 / 821;object-fit: cover;border-radius: 10px;border: 1px solid #262D38}
.feed-head{display: flex;align-items: center;justify-content: space-between;padding: 16px 24px;border-bottom: 1px solid #262D38;font-family: 'IBM Plex Mono', monospace;font-size: 13px;color: #8A93A3}
.feed{display: flex;flex-direction: column;font-family: 'IBM Plex Mono', monospace;font-size: 15px;line-height: 1.55}
.feed-time{flex: 0 0 56px;color: #6C7484}
.feed-who{color: #E3B25A}
.link-strong{font-weight: 500}
.note{font-size: 14px;color: #8A93A3}
.hint{font-size: 14px;color: #A8B0BD}
.dt-muted{color: #8A93A3}
.dd-text{margin: 0;color: #DCD5C6}
.dt-soft{color: #A8B0BD}
.dd-num{margin: 0;font-family: 'IBM Plex Mono', monospace;color: #F4EEE0}
.dd-mono{margin: 0;font-family: 'IBM Plex Mono', monospace;color: #DCD5C6}
.dd-mono-wrap{margin: 0;font-family: 'IBM Plex Mono', monospace;color: #DCD5C6;overflow-wrap: anywhere}
.row-section{display: flex;flex-wrap: wrap;gap: 64px}
.row-aside{flex: 1 1 300px;min-width: 0}
.rules-intro{flex: 1 1 300px;min-width: 0;display: flex;flex-direction: column;gap: 18px}
.stack-16{display: flex;flex-direction: column;gap: 16px}
.rules-list{margin: 0;padding-left: 28px;display: flex;flex-direction: column;gap: 12px;color: #DCD5C6}
.toc-link{display: flex;align-items: center;min-height: 44px;color: #C9C2B3;text-decoration: none;border-bottom: 1px solid #1E242E}
.toc-link-last{display: flex;align-items: center;min-height: 44px;color: #C9C2B3;text-decoration: none}
.code{font-family: 'IBM Plex Mono', monospace;color: #F4EEE0}
.btn-primary{display: inline-flex;align-items: center;min-height: 52px;padding: 0 28px;background: #E3B25A;color: #1A1408;border-radius: 6px;font-weight: 600;text-decoration: none}
.btn-primary-sm{display: inline-flex;align-items: center;min-height: 52px;padding: 0 24px;background: #E3B25A;color: #1A1408;border-radius: 6px;font-weight: 600;text-decoration: none}
.btn-ghost{display: inline-flex;align-items: center;min-height: 52px;padding: 0 28px;border: 1px solid #3A4250;color: #E8E2D4;border-radius: 6px;font-weight: 500;text-decoration: none}
.btn-ghost-sm{display: inline-flex;align-items: center;min-height: 52px;padding: 0 24px;border: 1px solid #3A4250;color: #E8E2D4;border-radius: 6px;font-weight: 500;text-decoration: none}
.home-a-1{display: inline-flex;align-items: center;min-height: 44px;padding: 0 20px;border: 1px solid #E3B25A;border-radius: 6px;color: #E3B25A;text-decoration: none;font-weight: 500}
.home-section-1{max-width: 1240px;margin: 0 auto;padding: 140px 32px 200px;display: flex;flex-wrap: wrap;gap: 64px;align-items: center}
.home-div-1{flex: 0 1 660px;min-width: 0;display: flex;flex-direction: column;gap: 28px}
.home-h1-1{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 76px;line-height: 1.02;font-weight: 600;color: #F4EEE0}
.home-p-1{margin: 0;max-width: 620px;font-size: 20px;color: #C9C2B3}
.home-div-2{display: flex;flex-wrap: wrap;gap: 16px;padding-top: 8px}
.home-section-2{background: #151A22;border-top: 1px solid #262D38;border-bottom: 1px solid #262D38}
.home-div-3{max-width: 1240px;margin: 0 auto;padding: 28px 32px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 24px 40px}
.home-span-1{display: inline-flex;align-items: center;gap: 10px;font-size: 15px;font-weight: 500;color: #7FC4B8}
.home-div-4{display: flex;align-items: baseline;gap: 10px}
.home-span-2{font-family: 'Cormorant Garamond', serif;font-size: 36px;font-weight: 600;color: #F4EEE0}
.home-span-3{font-family: 'IBM Plex Mono', monospace;font-size: 14px;color: #C9C2B3}
.home-div-5{display: flex;flex-direction: column;gap: 16px;max-width: 760px}
.home-p-2{margin: 0;font-size: 19px;color: #C9C2B3}
.home-div-6{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));gap: 24px}
.home-div-7{background: #0E1116;border: 1px solid #262D38;border-radius: 10px;padding: 32px;display: flex;flex-direction: column;gap: 14px}
.home-section-3{max-width: 1240px;margin: 0 auto;padding: 112px 32px;display: flex;flex-wrap: wrap;gap: 64px}
.home-div-8{flex: 1 1 340px;min-width: 0;display: flex;flex-direction: column;gap: 18px}
.home-div-9{flex: 999 1 560px;min-width: 0;background: #151A22;border: 1px solid #262D38;border-radius: 10px;overflow: hidden}
.home-span-4{color: #7FC4B8}
.home-div-10{display: flex;gap: 20px;padding: 16px 24px;border-bottom: 1px solid #1E242E}
.home-span-5{flex: 1 1 auto;min-width: 0;color: #DCD5C6}
.home-div-11{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));gap: 24px}
.home-div-12{display: flex;flex-direction: column;gap: 14px;padding: 32px;border: 1px solid #262D38;border-radius: 10px;background: #0E1116}
.home-section-4{max-width: 1240px;margin: 0 auto;padding: 112px 32px;display: flex;flex-wrap: wrap;gap: 64px;align-items: center}
.home-img-1{flex: 1 1 360px;min-width: 0;max-width: 520px;width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 10px;border: 1px solid #262D38}
.home-div-13{flex: 999 1 480px;min-width: 0;display: flex;flex-direction: column;gap: 22px}
.home-p-3{margin: 0;max-width: 640px;color: #C9C2B3}
.home-div-14{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 24px;padding-top: 8px}
.home-a-2{display: inline-flex;justify-content: center;align-items: center;min-height: 52px;padding: 0 28px;background: #E3B25A;color: #1A1408;border-radius: 6px;font-weight: 600;text-decoration: none}
.home-h1-2{margin: 0;font-family: 'Cormorant Garamond', serif;font-size: 72px;line-height: 1.04;font-weight: 600;color: #F4EEE0}
.reg-div-1{flex: 1 1 380px;min-width: 0;display: flex;flex-direction: column;gap: 22px}
.reg-p-1{margin: 0;max-width: 460px;color: #C9C2B3}
.reg-div-2{display: flex;flex-direction: column;gap: 18px;padding-top: 16px}
.reg-div-3{display: flex;gap: 16px}
.reg-svg-1{flex: 0 0 28px}
.reg-div-4{font-weight: 600;color: #F4EEE0}
.reg-div-5{font-size: 15px;color: #A8B0BD}
.reg-form-1{flex: 999 1 480px;min-width: 0;max-width: 560px;background: #151A22;border: 1px solid #262D38;border-radius: 10px;padding: 40px;display: flex;flex-direction: column;gap: 22px}
.reg-div-6{display: flex;flex-direction: column;gap: 8px}
.reg-label-1{font-size: 15px;font-weight: 500;color: #F4EEE0}
.reg-input-1{min-height: 48px;padding: 0 14px;background: #0E1116;border: 1px solid #3A4250;border-radius: 6px;color: #F4EEE0;font-family: 'IBM Plex Mono', monospace;font-size: 16px}
.reg-input-2{min-height: 48px;padding: 0 14px;background: #0E1116;border: 1px solid #3A4250;border-radius: 6px;color: #F4EEE0;font-size: 16px}
.reg-div-7{display: flex;align-items: center;gap: 14px;min-height: 64px;padding: 0 16px;border: 1px dashed #3A4250;border-radius: 6px;font-size: 14px;color: #A8B0BD}
.reg-label-2{display: flex;align-items: flex-start;gap: 12px;font-size: 15px;color: #C9C2B3;cursor: pointer}
.reg-input-3{width: 20px;height: 20px;margin: 3px 0 0;accent-color: #E3B25A}
.reg-button-1{min-height: 52px;padding: 0 28px;background: #E3B25A;color: #1A1408;border: 0;border-radius: 6px;font-family: inherit;font-size: 17px;font-weight: 600;cursor: pointer}
.reg-p-2{margin: 0;font-size: 15px;color: #A8B0BD;text-align: center}
.dl-main-1{max-width: 1240px;margin: 0 auto;padding: 96px 32px 120px;display: flex;flex-direction: column;gap: 72px}
.dl-div-1{display: flex;flex-direction: column;gap: 18px;max-width: 760px}
.dl-div-2{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));gap: 24px}
.dl-div-3{background: #151A22;border: 1px solid #262D38;border-radius: 10px;padding: 36px;display: flex;flex-direction: column;gap: 16px}
.dl-div-4{display: flex;align-items: baseline;gap: 14px}
.dl-h2-1{margin: 0;font-size: 24px;font-weight: 600;color: #F4EEE0}
.dl-dl-1{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 6px 20px;font-size: 15px}
.dl-div-5{display: flex;flex-wrap: wrap;gap: 12px;padding-top: 8px}
.dl-ol-1{flex: 999 1 560px;min-width: 0;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 0;border-top: 1px solid #262D38}
.dl-li-1{display: flex;gap: 24px;padding: 22px 0;border-bottom: 1px solid #262D38}
.dl-span-1{flex: 0 0 32px;font-family: 'IBM Plex Mono', monospace;color: #7FC4B8}
.dl-span-2{color: #DCD5C6}
.dl-dl-2{flex: 999 1 560px;min-width: 0;margin: 0;display: grid;grid-template-columns: minmax(120px, auto) 1fr;gap: 14px 32px}
.dl-div-6{flex: 999 1 560px;min-width: 0;display: flex;flex-direction: column;gap: 24px}
.dl-h3-1{margin: 0 0 6px;font-size: 18px;font-weight: 600;color: #F4EEE0}
.rules-nav-1{display: flex;flex-direction: column;gap: 4px;padding-top: 12px;font-size: 15px}
.rules-div-1{flex: 999 1 640px;min-width: 0;display: flex;flex-direction: column;gap: 56px}
.rules-section-1{display: flex;flex-direction: column;gap: 16px;padding: 32px;background: #151A22;border: 1px solid #262D38;border-radius: 10px}
.chron-main-1{max-width: 1240px;margin: 0 auto;padding: 80px 32px 120px;display: flex;flex-direction: column;gap: 48px}
.chron-div-1{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 24px}
.chron-div-2{display: flex;flex-direction: column;gap: 14px;max-width: 720px}
.chron-div-3{display: inline-flex;align-items: center;gap: 10px;font-family: 'IBM Plex Mono', monospace;font-size: 14px;letter-spacing: 0.14em;text-transform: uppercase;color: #7FC4B8}
.chron-div-4{display: flex;flex-wrap: wrap;gap: 8px}
.chron-div-5{display: flex;flex-wrap: wrap;gap: 32px;align-items: flex-start}
.chron-section-1{flex: 999 1 620px;min-width: 0;background: #151A22;border: 1px solid #262D38;border-radius: 10px;overflow: hidden}
.chron-div-6{display: flex;flex-wrap: wrap;gap: 6px 20px;padding: 16px 24px;border-bottom: 1px solid #1E242E}
.chron-span-1{flex: 0 0 72px;color: #7FC4B8;font-size: 13px;text-transform: uppercase;letter-spacing: 0.08em;padding-top: 2px}
.chron-span-2{flex: 1 1 320px;min-width: 0;color: #DCD5C6}
.chron-div-7{display: flex;justify-content: center;padding: 20px}
.chron-button-1{min-height: 44px;padding: 0 22px;background: transparent;color: #DCD5C6;border: 1px solid #3A4250;border-radius: 6px;font-family: inherit;font-size: 15px;cursor: pointer}
.chron-aside-1{flex: 1 1 320px;min-width: 0;display: flex;flex-direction: column;gap: 24px}
.chron-section-2{background: #151A22;border: 1px solid #262D38;border-radius: 10px;padding: 28px;display: flex;flex-direction: column;gap: 18px}
.chron-dl-1{margin: 0;display: grid;grid-template-columns: 1fr auto;gap: 10px 16px;font-size: 15px}
.chron-section-3{background: #151A22;border: 1px solid #262D38;border-radius: 10px;padding: 28px;display: flex;flex-direction: column;gap: 14px}
.chron-table-1{width: 100%;border-collapse: collapse;font-size: 15px}
.chron-th-1{text-align: left;padding: 6px 0;font-weight: 500;color: #8A93A3;border-bottom: 1px solid #262D38}
.chron-th-2{text-align: right;padding: 6px 0;font-weight: 500;color: #8A93A3;border-bottom: 1px solid #262D38}
.chron-td-1{padding: 10px 0;color: #F4EEE0;border-bottom: 1px solid #1E242E}
.chron-td-2{padding: 10px 0;color: #C9C2B3;border-bottom: 1px solid #1E242E}
.chron-td-3{padding: 10px 0;text-align: right;font-family: 'IBM Plex Mono', monospace;color: #E3B25A;border-bottom: 1px solid #1E242E}
.chron-p-1{margin: 0;font-size: 14px;color: #8A93A3}

/* Chronicle filters: one class, the pressed one filled. */
.filter-btn{min-height:44px;padding:0 18px;background:transparent;color:#DCD5C6;border:1px solid #3A4250;border-radius:6px;font-family:inherit;font-size:15px;cursor:pointer}
.filter-btn[aria-pressed="true"]{background:#E3B25A;color:#1A1408;border-color:#E3B25A;font-weight:600}

/* Server status: hidden until the API answers; grey when the server is down or unreachable. */
[data-status="state"]{visibility:hidden}
[data-status="state"].is-known{visibility:visible}
[data-status="state"].is-offline{color:#8A93A3}
[data-status="state"].is-offline circle{fill:#6C7484}

/* Registration: the server's answer under the button. */
.form-msg{margin:0;font-size:15px;color:#7FC4B8}
.form-msg.is-error{color:#E8A08A}
.reg-button-1:disabled{opacity:.6;cursor:wait}

/* Donations: the order form, the order page and the "pay from Russia" guide (prefix don-). */
.don-intro{flex: 1 1 360px;min-width: 0;display: flex;flex-direction: column;gap: 22px}
.don-aside{flex: 999 1 420px;min-width: 0;max-width: 560px;display: flex;flex-direction: column;gap: 18px}
.don-steps{margin: 0;padding-left: 26px;display: flex;flex-direction: column;gap: 12px;color: #DCD5C6}
.don-later{display: flex;flex-direction: column;gap: 10px;padding: 24px;background: #151A22;border: 1px solid #262D38;border-radius: 10px}
.don-later-list{margin: 0;padding-left: 20px;display: flex;flex-direction: column;gap: 8px;color: #C9C2B3;font-size: 15px}
.don-row{display: flex;gap: 10px}
.don-row .reg-input-1{flex: 1 1 auto;min-width: 0;text-transform: uppercase;letter-spacing: 0.12em}
.don-button{min-height: 48px;padding: 0 18px;background: transparent;border: 1px solid #3A4250;border-radius: 6px;color: #E8E2D4;font-family: inherit;font-size: 15px;font-weight: 500;cursor: pointer}
.don-button:hover{border-color: #E3B25A;color: #F2CD86}
.don-character{margin: 0;font-size: 15px;color: #7FC4B8}
.don-character.is-error{color: #E8A08A}
.don-fieldset{margin: 0;padding: 0;border: 0;display: flex;flex-direction: column;gap: 10px;min-width: 0}
.don-options{display: flex;flex-direction: column;gap: 8px;max-height: 420px;overflow-y: auto}
.don-option{display: flex;align-items: center;gap: 14px;min-height: 56px;padding: 10px 14px;background: #0E1116;border: 1px solid #262D38;border-radius: 6px;cursor: pointer}
.don-option.is-selected{border-color: #E3B25A}
.don-option.is-soon{cursor: default;opacity: .55}
.don-radio{flex: 0 0 auto;accent-color: #E3B25A}
.don-option-text{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column}
.don-option-title{color: #F4EEE0;font-weight: 500}
.don-price{flex: 0 0 auto;font-family: 'IBM Plex Mono', monospace;color: #E3B25A}
.don-swatches{display: flex;flex-wrap: wrap;gap: 10px}
.don-swatch{width: 44px;height: 44px;border: 2px solid #262D38;border-radius: 50%;cursor: pointer}
.don-swatch[aria-checked="true"]{border-color: #F4EEE0;box-shadow: 0 0 0 2px #E3B25A}
.don-order{display: flex;flex-direction: column;gap: 24px;padding: 32px;background: #151A22;border: 1px solid #262D38;border-radius: 10px}
.don-order .btn-primary-sm{align-self: flex-start}
.don-dl{margin: 0;display: flex;flex-direction: column;gap: 10px}
.don-dl-row{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 4px 16px}
.don-targets{display: flex;flex-direction: column;gap: 14px}
.don-target{display: flex;flex-direction: column;gap: 8px;padding: 16px;background: #0E1116;border: 1px solid #262D38;border-radius: 6px}
.don-target-coin{font-family: 'IBM Plex Mono', monospace;font-size: 14px;letter-spacing: 0.1em;color: #7FC4B8}
.don-target-line{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px}
.don-target-line .dt-soft{flex: 0 0 150px;font-size: 14px}
.don-copytext{flex: 1 1 200px;min-width: 0;font-family: 'IBM Plex Mono', monospace;font-size: 15px;color: #F4EEE0;overflow-wrap: anywhere}

/* The account cabinet (prefix acc-): the donation pages' panels, one under another. */
.acc-cabinet{flex: 999 1 560px;min-width: 0;display: flex;flex-direction: column;gap: 24px}
.acc-panel{display: flex;flex-direction: column;gap: 18px;padding: 32px;background: #151A22;border: 1px solid #262D38;border-radius: 10px}
.acc-form{display: flex;flex-direction: column;gap: 18px}
.acc-scroll{overflow-x: auto}
.acc-logout{align-self: flex-start}
.acc-panel .don-options{max-height: 320px}

/* Phones and narrow windows: the same layout, smaller type and less air. */
@media (max-width: 720px){
  .header-bar{padding:16px 20px}
  .top-nav{gap:8px 20px}
  .footer-bar{padding:32px 20px}
  .home-section-1{padding:56px 20px 96px;gap:40px}
  .home-h1-1,.home-h1-2{font-size:44px}
  .home-div-3{padding:24px 20px}
  .band-inner{padding:64px 20px;gap:40px}
  .home-section-3,.home-section-4{padding:64px 20px;gap:40px}
  .section-title{font-size:36px}
  .page-title{font-size:42px}
  .side-title{font-size:32px}
  .rules-title{font-size:30px}
  .main-split,.dl-main-1{padding:56px 20px 72px;gap:40px}
  .chron-main-1{padding:48px 20px 72px;gap:32px}
  .row-section{gap:24px}
  .home-div-7,.home-div-12,.rules-section-1{padding:24px}
  .dl-div-3{padding:24px}
  .reg-form-1{padding:24px}
  .don-order{padding:20px}
  .acc-panel{padding:20px}
  .chron-section-2,.chron-section-3{padding:20px}
  .home-div-10,.chron-div-6{padding:14px 16px}
  .feed-head{padding:14px 16px}
}