@import url('/assets/fonts/fonts.css');
:root { color-scheme: light; --ink: #352d26; --muted: #695d4e; --line: #b6a183; --paper: #e8dcc2; --accent: #79553a; --soft: #dfd0b2; }
body, button, input, select { font-family: "IM Fell English", Georgia, serif; }
body, aside, .topbar, footer { background: #e8dcc2; color: var(--ink); }
aside { background-image: url('/assets/realm/parchment.webp'); background-size: 900px auto; }
.topbar { border-bottom: 3px double var(--line); background-image: url('/assets/realm/ornament.webp'); background-position: center; background-size: 190px auto; background-repeat: no-repeat; }
.mark { font: 400 19px/1.4 "Uncial Antiqua", Georgia, serif; letter-spacing: 0; }
.brand-divider { border-color: var(--line); }
.brand-sub, .top-meta, .small, .range-label, .check, .download-note, .status-note, .stat span, .keyboard, .keyboard strong, .part-empty p, .part-empty small { color: var(--muted); }
.brand-sub strong { color: var(--ink); }
.offline, .rev, .scene-heading > .eyebrow, .viewport-tags > .tag:not(.section-tag) { display: none; }
.panel { border-bottom-color: #b6a183; }
.eyebrow { color: #4d6265; font-family: "IM Fell English SC", Georgia, serif; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
button, a.button, select, .search { background: #f0e5cf; color: var(--ink); border-color: var(--line); border-radius: 0; box-shadow: none; }
button:hover, a.button:hover { background: #dfd0b2; border-color: #947654; }
button.active { background: #d9c9a7; border-color: #947654; color: var(--ink); }
a, a:hover, a:focus, .text-button:hover { color: var(--accent); text-decoration: none !important; }
.text-button, .text-button:hover { background: transparent; }
.viewport { background: #e6decd; }
.scene-heading { background: #e8dcc2; border-radius: 0; }
.scene-heading h1 { color: var(--ink); font: 400 18px/1.4 "Uncial Antiqua", Georgia, serif; letter-spacing: 0; }
.scene-description { color: var(--muted); }
.viewport-tools button { background: #eee1c9; box-shadow: none; }
.section-tag { color: #4d6265; background: #e8dcc2; border-color: var(--line); border-radius: 0; }
.selection-notice { background: #f1e4c9; color: #79553a; border-color: var(--line); border-radius: 0; }
.loading { background: #e8dcc2; }
.spinner { border-color: #b6a183; border-top-color: #79553a; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline-color: #4d6265; }
.stat strong, .stat-envelope, .part-name, .part-properties dd { color: var(--ink); }
.part-properties dt { color: #4d6265; }
footer { border-top: 3px double var(--line); }
@media (max-width: 580px) { .scene-heading h1 { font-size: 14px; } }
@media (max-width: 900px) { .topbar { background-image: none; } }

.details-open .details { box-shadow: none; }
button, input, select, .search, .scene-heading, .section-tag, .selection-notice { border-radius: 0; }
button:disabled { opacity: 1; color: #9a8c78; }
