@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#080d14;--slate:#111925;--line:#35404a;--gold:#c69b61;--text:#e4ded2;--muted:#9c9f9e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% 1%,#17202a 0,#090e16 40%,#070a0f 100%);color:var(--text);margin:0;font-family:'DM Sans',system-ui,sans-serif}.top{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29323b;padding:0 clamp(20px,4vw,68px)}.brand{text-decoration:none;color:#e8d8c2;font-weight:700;letter-spacing:.17em;font-size:13px}.sigil{color:var(--gold);font-size:22px;margin-right:8px}.separator{color:#454e58;padding:0 12px}.sub{font-weight:400;color:#818c99}.issue{letter-spacing:.16em;color:#9c9b93;font-size:10px}.issue i{display:inline-block;width:4px;height:4px;border-radius:10px;background:var(--gold);margin:0 10px}.intro{text-align:center;padding:65px 18px 38px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.30em;font-weight:700}.intro h1,.lore h2{font-family:Cinzel,Georgia,serif;font-weight:500;letter-spacing:.10em;font-size:clamp(40px,6.1vw,82px);margin:15px 0 0;text-shadow:0 8px 27px #000}.intro h1 em{font-style:normal;color:var(--gold);font-size:.54em}.subtitle{font-family:Cinzel,Georgia,serif;color:#e2d3b9;font-size:clamp(17px,2vw,25px);letter-spacing:.12em;margin:0 0 20px}.blurb{max-width:630px;margin:0 auto;color:#aab0b2;line-height:1.7;font-size:14px}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid #39424a;max-width:1550px;margin:18px auto 70px;min-height:680px;background:#0d141d;box-shadow:0 16px 90px #0009}.visual{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(ellipse,#182331,#080c14)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#backup{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:.84;transition:opacity .5s}.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,9,15,.65),transparent 18%,transparent 74%,rgba(6,9,15,.7))}.view-header,.view-footer,.view-overlay{pointer-events:none;position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.14em}.view-header{top:25px}.view-footer{bottom:22px;color:#a8b0b4}.view-overlay{bottom:68px;align-items:flex-end}.view-overlay #objectName{font-family:Cinzel,serif;color:#dfc395;font-size:15px;letter-spacing:.06em}.view-overlay #count{color:#b2a38c}.live{color:#ded4bf}.live b{display:inline-block;background:#dcb979;width:7px;height:7px;border-radius:50%;box-shadow:0 0 14px #eeb978;margin-right:9px}.controls{padding:26px 25px;background:#101821;border-left:1px solid #39424a}.control-title,.section-label{font-size:11px;font-weight:700;letter-spacing:.18em;color:#d8d0bd}.control-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px}.ornament{font-size:24px;color:#a77d49}.section{border-bottom:1px solid var(--line);padding:24px 0}.section-label{font-size:10px;color:var(--gold);margin-bottom:19px}.button-pair{display:flex;gap:9px}.button-pair button{flex:1;white-space:nowrap}button,select{font:inherit;font-size:11px;color:#e6dccd;background:#1c2630;border:1px solid #49515a;border-radius:3px;cursor:pointer;min-height:39px;padding:9px;transition:background .18s,border-color .18s}button:hover,select:hover{background:#2a333b;border-color:#bd9564}button.primary{color:#0b1018;background:linear-gradient(110deg,#bc9461,#e0b779);border-color:#dec39a;font-weight:700}button.primary.active{background:linear-gradient(110deg,#3aa4b9,#69d5ec);border-color:#91ecf0}.range-top{display:flex;justify-content:space-between;align-items:center;margin:15px 0 5px;font-size:12px;color:#bec4c4}.range-top output{color:var(--gold)}input[type=range]{width:100%;accent-color:#c8a56e;cursor:pointer;margin:5px 0 8px}.form-label{font-size:11px;color:#a9b0b2;display:block;margin:14px 0 7px}select{width:100%;background:#18222c}.inspection{border-left:2px solid #a57c50;padding:0 0 0 13px;margin:4px 0 20px}#selTitle{font-family:Cinzel,serif;color:#e5d5b5;font-size:12px;line-height:1.5}#selDesc{font-size:11px;line-height:1.6;color:#a6b1b8;margin:8px 0}#selMat{font-size:10px;color:#c39b62;letter-spacing:.08em}.warning{font-size:10px;color:#85919a;line-height:1.6;margin-top:23px}.frames,.lore{max-width:1300px;margin:0 auto 60px;padding:0 24px}.frames .eyebrow{text-align:center;margin-bottom:25px}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.image-grid figure{margin:0;border:1px solid #39414b;background:#0f151d}.image-grid img{display:block;width:100%;height:195px;object-fit:cover}.image-grid figcaption{text-align:center;font-size:10px;letter-spacing:.13em;color:#c8b08b;padding:15px 7px}.lore{max-width:890px;text-align:center;padding:28px 25px 45px}.lore h2{font-size:32px}.lore p:not(.eyebrow){line-height:1.9;color:#aeb3b5}.lore code{color:#dcc193}footer{text-align:center;padding:40px;color:#747d82;letter-spacing:.14em;font-size:10px;border-top:1px solid #26313a}@media(max-width:1100px){.app-layout{grid-template-columns:1fr;margin:18px}.controls{border-left:0;border-top:1px solid #39424a;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.control-title,.warning{grid-column:1/-1}.image-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.top{height:60px}.issue,.sub,.separator{display:none}.intro{padding-top:45px}.app-layout{margin:8px}.visual{min-height:470px}.view-footer{font-size:8px}.view-header,.view-footer,.view-overlay{left:13px;right:13px}.view-overlay #count{display:none}.controls{grid-template-columns:1fr;padding:20px}.image-grid{grid-template-columns:1fr}.image-grid img{height:215px}}