:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#070e0b;color:#ddd9c6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070e0b}button,select{font:inherit}#stage{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#070e0b}#furnace,#inscriptions{position:absolute;inset:0;width:100%;height:100%;display:block}#inscriptions{pointer-events:none}#stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 52%,transparent 23%,rgba(3,10,8,.35) 80%,rgba(3,10,8,.66));}header,footer,.side-mark,#fallback,#decode{position:absolute;z-index:2}header{top:0;left:0;width:100%;padding:32px clamp(22px,4vw,74px);pointer-events:none}.eyebrow,.controls,.side-mark,footer,.ledger-head h2 span,h3,.card,.key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.eyebrow{font-size:10px;color:#acb1a1}.divider{color:#aa664c;padding:0 10px}.header-row{display:flex;justify-content:space-between;align-items:start;gap:24px}h1{font-size:clamp(32px,4vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:26px 0 0;color:#ddd9c6}h1 em{font-weight:normal;color:#aeaa89}.controls{display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:auto;margin-top:24px;font-size:10px;color:#aaa99a}select,button{color:#d3cfbb;background:rgba(13,25,20,.8);border:1px solid #556151;padding:10px 13px;cursor:pointer;min-height:40px}select{max-width:240px}button:hover,select:hover{border-color:#c77c5d}.key{color:#ca7961;padding-left:16px}.side-mark{right:32px;top:52%;writing-mode:vertical-rl;font-size:10px;color:#9a9c89}.side-mark span{color:#bf745a;padding:12px 0}footer{bottom:0;left:0;width:100%;padding:22px clamp(22px,4vw,74px);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b6b6a4;background:linear-gradient(transparent,rgba(5,12,9,.85));}.footer-left{display:flex;gap:16px;align-items:center}.live-dot{width:5px;height:5px;background:#c17c5d;border-radius:50%;box-shadow:0 0 10px #ba5e43}.footer-right{text-align:right}.footer-right .divider{padding:0 5px}#decode{max-width:min(360px,80vw);background:#17211c;border-left:2px solid #bf624b;padding:14px 18px;color:#eee1c9;font:13px/1.5 ui-monospace,monospace;pointer-events:none;box-shadow:0 8px 30px #0008}#fallback{top:47%;left:20%;right:20%;text-align:center;background:#15211a;padding:20px}#ledger{position:absolute;z-index:5;inset:0 0 0 auto;width:min(670px,100%);background:#09130f;border-left:1px solid #5a5946;box-shadow:-18px 0 80px #0009;display:flex;flex-direction:column;min-height:0;overflow:hidden}#ledger[hidden],#decode[hidden],#fallback[hidden]{display:none}.ledger-head{flex-shrink:0;min-width:0;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #36443c}.ledger-head h2{font-weight:400;font-size:23px;letter-spacing:.03em;margin:0}.ledger-head h2 span{display:block;color:#9aab96;font-size:10px;margin-top:6px}.ledger-scroll{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:16px 30px 48px;scrollbar-color:#576656 transparent}h3{font-weight:400;color:#d49b77;font-size:11px;margin:24px 0 18px}h3 small{color:#aab5a7;margin-left:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.card{padding:15px;border:1px solid #37433a;font-size:11px;line-height:1.75;color:#bfc5b7;letter-spacing:0;min-width:0;overflow-wrap:anywhere}.card strong{display:block;color:#eadac2;font:16px/1.25 Georgia,serif;min-height:42px;margin-bottom:12px}.card .warm{color:#d49b77}.card a{color:#d9ac87}.card .muted{color:#8d9c8f} @media(max-width:700px){#stage{min-height:0}header{padding:19px 20px}.eyebrow{font-size:9px}.header-row{display:block}h1{font-size:38px;margin:23px 0}.controls{align-items:flex-start;margin:18px 0;flex-direction:row;flex-wrap:wrap}.controls label{width:100%}select{max-width:190px;font-size:12px}footer{padding:16px 20px;font-size:9px}.footer-right{display:none}.side-mark{right:12px;font-size:8px}.ledger-head{padding:18px}.ledger-scroll{padding:10px 18px 40px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card{padding:10px;font-size:10px}.card strong{font-size:14px}}@media(max-width:400px){.cards{grid-template-columns:1fr}.footer-left{gap:8px}}