:root {
  color-scheme: dark;
  --black: #090709;
  --brown: #38261f;
  --white: #f6eaf1;
  --pink: #eca5cd;
  --purple: #c09ade;
  --edge: #806479;
  --mono: 'Courier New', monospace;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 12px; }
body { margin: 0; background: var(--black); color: var(--white); font: 17px/1.55 'Times New Roman', Times, serif; }
body:has(dialog[open]) { overflow: hidden; }
a { color: var(--pink); text-underline-offset: 3px; }
a:hover { color: #fff; }
button { font: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; }
a:focus-visible, button:focus-visible { outline: 2px dotted #fff; outline-offset: 5px; }
::selection { background: #864c88; color: #fff; }
.top-strip { display: flex; justify-content: center; align-items: center; gap: 24px; background: #100c10; color: #d8badb; text-align: center; font-size: 12px; letter-spacing: 1px; padding: 5px 16px; border-bottom: 1px solid #6c4a61; }
.top-strip span { color: var(--pink); }
.site-header { background: repeating-linear-gradient(0deg, #38271f 0, #38271f 2px, #3d2b24 2px, #3d2b24 4px); border-bottom: 3px ridge #a78a9c; }
.header-inner { width: min(1040px, calc(100% - 48px)); margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 8px 0; }
.brand { display: inline-block; position: relative; color: #f3e3ef; text-decoration: none; font: bold 30px/1 Georgia, serif; letter-spacing: -7px; width: 69px; text-shadow: 2px 2px #000; }
.brand>span:first-child { color: #d7a3cd; }
.brand .brand-crown { position: absolute; left: 47px; top: -5px; font-size: 18px; letter-spacing: 0; color: var(--pink); }
.header-url { font: 12px var(--mono); letter-spacing: 2px; color: #decec8; }
.header-inner>a:last-child { font-size: 13px; }
.hero { background-color: #070608; background-image: radial-gradient(ellipse at 50% 50%, #35203945, transparent 60%), radial-gradient(1px 1px at 27px 43px, #a37b9d8c 95%, transparent), radial-gradient(1px 1px at 111px 108px, #d7b8d44a 95%, transparent); background-size: 100% 100%, 153px 157px, 211px 193px; position: relative; border-bottom: 3px ridge #b295aa; overflow: hidden; }
.hero-inner { position: relative; z-index: 1; width: min(1040px, calc(100% - 40px)); margin: auto; padding: 23px 0 27px; text-align: center; }
.welcome-line { color: #ddc1d8; font: italic 16px Georgia, serif; display: flex; align-items: center; justify-content: center; gap: 18px; }
.welcome-line span { font: 13px 'Times New Roman', serif; color: #967396; }
.royal-crown { display: block; width: 124px; height: 68px; margin: 15px auto 0; filter: drop-shadow(0 0 12px #ae65b25c); }
h1 { margin: 0; font-weight: normal; line-height: .88; }
.mudshark { display: block; color: #eee0f2; font: bold clamp(60px, 7.8vw, 101px)/1 'Times New Roman', serif; text-transform: uppercase; letter-spacing: -3px; background: linear-gradient(#fff 13%, #e8d4ec 35%, #9972ad 50%, #e5cef0 55%, #fff 68%, #94619e 92%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(3px 4px 0 #351b3e); }
.queens { display: block; font: italic 92px/.95 'Times New Roman', serif; color: #e7a7d2; letter-spacing: 3px; text-shadow: 1px 1px #fff0f5, 3px 3px #734d80, 5px 5px #230c2f; margin-top: -6px; }
.domain-line { font: 10px var(--mono); color: #b6a3ba; margin-top: 22px; }
.domain-line span { color: #b773a7; margin: 0 13px; }
.ornament { display: flex; justify-content: center; align-items: center; gap: 18px; color: #c49ccb; font-size: 27px; height: 48px; }
.ornament span { height: 3px; width: 135px; border-top: 1px solid #b68ead; border-bottom: 1px solid #4d344c; }
.hero-tagline { font-size: 20px; margin: 0 0 5px; }
.hero-tagline em { color: #d6bfd7; font-size: 18px; margin-left: 4px; }
.hero-byline { margin: 0; color: #baa8b4; font-size: 15px; }
.hero-byline strong { color: #eee1ec; font-weight: normal; }
.enter-link { display: inline-block; font: bold 14px var(--mono); margin-top: 21px; }
.hero-side { position: absolute; top: 130px; color: #a578ac; font-size: 30px; line-height: 2.8; text-align: center; }
.hero-side.left { left: max(8%, calc((100% - 960px) / 2)); }
.hero-side.right { right: max(8%, calc((100% - 960px) / 2)); }
.navigation-strip { display: flex; align-items: center; justify-content: center; gap: 34px; background: linear-gradient(#53392c, #332018); border-bottom: 3px ridge #a88b9c; padding: 10px 20px; }
.navigation-strip a { color: #ffe4f4; font-size: 16px; font-weight: bold; }
.navigation-strip a:hover { color: #d8a9f4; }
.navigation-strip>span { color: #c997bf; font-size: 11px; }
.announcement-strip { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 12px 20px; background: #110b10; border-bottom: 1px solid #7a5b60; font: 11px/1.5 var(--mono); color: #dac4d5; text-align: center; }
.new-label { color: #f3badb; font-weight: bold; white-space: nowrap; }
.brown-strip { background-color: var(--brown); background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, #130a0517 2px, #130a0517 4px); }
.section-inner { width: min(980px, calc(100% - 64px)); margin: auto; padding: 36px 0; }
.about-layout { display: grid; grid-template-columns: 1fr 250px; gap: 62px; }
.section-kicker { font: 10px/1.5 var(--mono); color: #d4acd4; letter-spacing: 1.5px; }
h2 { color: #f3d9f0; font: normal 35px/1.15 'Times New Roman', serif; text-shadow: 2px 2px #130b13; margin: 8px 0 17px; }
.about-copy p { margin: 12px 0; font-size: 16px; color: #e2d5cf; }
.about-copy .intro { color: #fff; font-size: 21px; margin-top: 0; }
.about-copy .signature { color: var(--pink); font: italic 23px 'Times New Roman', serif; margin: 23px 0 0; }
.signature span { display: block; font: 10px var(--mono); color: #c9b4be; margin-top: 7px; }
.site-index { align-self: center; border: 3px ridge #96768c; background: #110b0f; padding: 4px; }
.site-index h3 { font: italic 22px 'Times New Roman', serif; text-align: center; margin: 0; padding: 9px; background: #482c4e; border: 1px solid #a081a3; color: #f8e3f2; }
.index-body { padding: 14px 14px 17px; }
.index-body>a { display: block; font-size: 15px; line-height: 2; }
.index-rule { text-align: center; color: #9a7197; font-size: 12px; margin: 14px 0 10px; }
.index-body p { text-align: center; color: #cab9c5; font-size: 13px; line-height: 1.5; margin: 0 0 18px; }
.web-badge { width: max-content; margin: auto; background: linear-gradient(#594061, #1b1220); color: #d9c4dc; border: 2px outset #987c99; padding: 5px 10px; text-align: center; font: 8px/1.4 var(--mono); }
.web-badge strong { color: #fff; font-size: 9px; }
.section-divider { background: #171017; border-top: 2px ridge #92667e; border-bottom: 2px groove #92667e; text-align: center; color: #c9a3c9; font-size: 18px; line-height: 1.6; letter-spacing: 2px; }
.section-divider>span { color: #c47ba9; font-size: 10px; margin: 0 14px; }
.black-strip { background: #090709; }
.center-heading { text-align: center; }
.center-heading h2 { margin-bottom: 5px; color: #dfb7ed; }
.center-heading p { font-style: italic; color: #c7b6c1; font-size: 15px; margin: 0 0 25px; }
.notebook-table { border: 3px ridge #8e718a; padding: 3px; }
.table-header, .notebook-row { display: grid; grid-template-columns: 54px 1fr 75px; align-items: center; gap: 16px; }
.table-header { background: #48304b; border: 1px solid #9a729b; padding: 6px 15px; color: #efdae9; font: 11px var(--mono); }
.table-header>span:last-child { text-align: center; }
.notebook-row { padding: 16px 15px; background: #1c1313; border: 1px solid #664655; margin-top: 3px; }
.notebook-row:nth-of-type(even) { background: #090709; }
.entry-number { color: #b285ba; font: italic 29px Georgia, serif; text-align: center; }
.entry-category { color: #c4a3ca; font: 9px var(--mono); letter-spacing: 1.2px; }
.notebook-row h3 { font-size: 22px; font-weight: normal; margin: 1px 0 3px; }
.notebook-row h3 button { padding: 0; background: transparent; border: 0; color: #f0c0dd; text-decoration: underline; text-underline-offset: 3px; text-align: left; }
.notebook-row h3 button:hover, .read-entry:hover { color: #fff; }
.notebook-row p { font-size: 14px; color: #c8b9c1; margin: 0; }
.read-entry { padding: 0; background: transparent; border: 0; color: #d7ace9; font: 12px var(--mono); text-decoration: underline; text-underline-offset: 3px; }
.notebook-footnote { text-align: center; font-size: 12px; font-style: italic; color: #ba9fb4; margin: 13px 0 0; }
.donate-layout { display: grid; grid-template-columns: 1fr 390px; gap: 65px; align-items: center; padding-block: 39px; }
.donate-copy p { font-size: 16px; color: #e2d5cf; }
.donate-copy .donate-thanks { font-style: italic; color: #f1bddd; font-size: 20px; }
.donate-thanks span { font-size: 15px; color: #cab4c4; }
.payment-badges { display: flex; gap: 8px; margin-top: 20px; }
.payment-badges span { padding: 4px 9px; background: #140e13; border: 2px outset #82637c; color: #e6c7e2; font: bold 10px var(--mono); }
.donate-window { background: #0d090d; border: 3px ridge #ae8ea6; padding: 4px; }
.panel-title { display: flex; align-items: center; justify-content: space-between; padding: 6px 12px; color: #fff0fb; background: linear-gradient(90deg, #44254d, #765177, #44254d); border: 1px solid #b68bac; font-size: 18px; }
.donate-inner { padding: 15px 12px 9px; }
.currency-tabs { display: flex; gap: 5px; }
.currency-tabs button { flex: 1; background: #31212e; color: #cfb6c8; border: 2px outset #91708d; padding: 7px 8px; font-size: 14px; }
.currency-tabs button[aria-selected=true] { background: #6b426b; color: #fff; border-style: inset; }
.wallet-network { font: 9px var(--mono); color: #c8a2cd; margin-top: 18px; }
#wallet-message { font-size: 14px; margin: 9px 0; }
.wallet-address { background: #231a20; border: 2px inset #7e6678; font: 11px/1.6 var(--mono); color: #cfbfcc; padding: 10px; overflow-wrap: anywhere; }
.button { background: #6a456a; color: #fff0f9; border: 3px outset #b48da7; padding: 9px 17px; font: bold 12px var(--mono); }
.button:hover:not(:disabled) { background: #84597e; }
.button:active:not(:disabled) { border-style: inset; }
.copy-button { margin-top: 12px; width: 100%; }
.copy-button:disabled { color: #b2a3ad; background: #352a32; border-color: #675260; }
.wallet-status { min-height: 30px; font: 10px/1.6 var(--mono); color: #bca4b7; margin: 10px 0 0; }
.closing-strip { display: flex; justify-content: center; align-items: center; gap: 25px; background: #0b080a; text-align: center; border-block: 3px ridge #96748a; padding: 21px; }
.closing-strip>span { font-size: 40px; color: #bf91c2; }
.closing-strip p { margin: 0; font-size: 15px; color: #ead5e4; }
.closing-strip em { color: #bb9fb8; font-size: 13px; }
.closing-strip a { font-size: 12px; margin-left: 30px; }
footer { text-align: center; background: repeating-linear-gradient(0deg, #32231c 0, #32231c 2px, #35251f 2px, #35251f 4px); padding: 19px 20px 24px; color: #c3adbd; font: 11px/1.6 var(--mono); }
.footer-links { font: 13px 'Times New Roman', serif; }
.footer-links a { margin: 0 9px; }
footer p { margin: 11px 0 16px; }
.footer-badges { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.footer-badges span { font: 8px var(--mono); padding: 4px 7px; background: #1b131b; border: 2px outset #846779; color: #e1c9db; }
dialog { width: min(620px, calc(100% - 32px)); padding: 4px; border: 3px ridge #b08fa9; background: #1b1018; color: #eadbe6; max-height: calc(100% - 40px); }
dialog::backdrop { background: #000c; }
dialog .panel-title button { background: #5b3c59; border: 2px outset #c0a3b7; font: 22px/1 'Times New Roman', serif; color: #fff; padding: 0 5px; }
.dialog-content { padding: 26px; }
.dialog-content h2 { margin-top: 15px; }
.dialog-content p { font-size: 17px; }
.dialog-content .button { margin-top: 12px; }
.skip-link { position: fixed; top: -100px; left: 10px; background: #68496b; color: #fff; padding: 10px; z-index: 10; }
.skip-link:focus { top: 10px; }
@media (max-width: 760px) {
  .header-inner { width: calc(100% - 30px); }
  .header-url { letter-spacing: 0; font-size: 10px; }
  .header-inner>a:last-child { font-size: 11px; }
  .brand { font-size: 24px; width: 53px; }
  .brand .brand-crown { left: 36px; font-size: 14px; }
  .top-strip { font-size: 10px; letter-spacing: 0; gap: 10px; }
  .hero-inner { padding-top: 23px; width: calc(100% - 24px); }
  .welcome-line { font-size: 14px; gap: 10px; }
  .welcome-line span { font-size: 10px; }
  .mudshark { font-size: clamp(46px, 11.3vw, 80px); letter-spacing: -2px; }
  .queens { font-size: 75px; margin-top: 0; }
  .royal-crown { width: 100px; height: 60px; margin-top: 13px; }
  .domain-line { font-size: 8px; margin-top: 19px; }
  .domain-line span { margin: 0 4px; }
  .hero-side { top: 124px; font-size: 16px; line-height: 3; }
  .hero-side.left { left: 13px; }
  .hero-side.right { right: 13px; }
  .hero-tagline { font-size: 19px; }
  .hero-tagline em { display: block; font-size: 16px; margin: 3px 0; }
  .hero-byline { font-size: 13px; }
  .ornament span { width: 90px; }
  .navigation-strip { gap: 12px; padding: 10px; }
  .navigation-strip a { font-size: 13px; }
  .navigation-strip>span { font-size: 7px; }
  .announcement-strip { flex-direction: column; gap: 3px; font-size: 10px; }
  .section-inner { width: calc(100% - 36px); padding: 29px 0; }
  .about-layout { grid-template-columns: 1fr; gap: 25px; }
  h2 { font-size: 31px; }
  .site-index { width: 100%; }
  .index-body { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 15px; align-items: center; }
  .index-body>a { grid-column: 1; font-size: 14px; }
  .index-rule { display: none; }
  .index-body p { grid-column: 2; grid-row: 1 / 3; font-size: 12px; margin: 0; }
  .web-badge { grid-column: 2; grid-row: 3; font-size: 6px; padding: 4px; }
  .web-badge strong { font-size: 7px; }
  .section-divider { font-size: 14px; letter-spacing: 0; }
  .table-header, .notebook-row { grid-template-columns: 27px 1fr; gap: 10px; padding: 12px 9px; }
  .table-header { padding-block: 5px; }
  .table-header>span:last-child { display: none; }
  .entry-number { font-size: 22px; align-self: start; padding-top: 15px; }
  .notebook-row h3 { font-size: 19px; line-height: 1.2; margin: 5px 0 7px; }
  .notebook-row p { font-size: 13px; }
  .read-entry { grid-column: 2; justify-self: start; margin-bottom: 4px; font-size: 11px; }
  .donate-layout { grid-template-columns: 1fr; gap: 22px; }
  .donate-copy .donate-thanks { font-size: 18px; }
  .closing-strip { gap: 12px; flex-wrap: wrap; padding: 20px 12px; }
  .closing-strip>a { margin: 0; width: 100%; }
  .closing-strip>span { font-size: 32px; }
  footer { font-size: 9px; }
  .dialog-content { padding: 19px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }