:root{color:#202624;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050606;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{color:#222b28;background:#050706;min-height:100vh;position:relative;overflow:hidden}.app-shell:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#0000008f,#0000 28% 72%,#00000061),linear-gradient(#00000057,#0000 24% 76%,#00000070);position:fixed;inset:0}.scene-host{z-index:0;position:fixed;inset:0}.scene-host canvas{width:100%;height:100%;display:block}.title-block{z-index:5;color:#f7f3e9;text-align:left;max-width:min(500px,100vw - 56px);position:fixed;top:26px;left:28px}.title-block span{color:#f7f3e9a8;letter-spacing:2.6px;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.title-block h1{color:#fffdf5;letter-spacing:0;text-shadow:0 18px 42px #0000005c;margin:0;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(48px,7.5vw,96px);font-weight:500;line-height:.86}.title-block p{color:#f7f3e9cc;max-width:520px;margin:14px 0 0;font-size:15px;line-height:1.62}.summary-panel,.narrative,.layer-drawer,.drawer-button{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2efe2db;border:1px solid #ffffff26;border-radius:8px;position:fixed;box-shadow:0 24px 70px #00000057}.summary-panel{grid-template-columns:repeat(3,minmax(92px,1fr));gap:1px;display:grid;top:26px;right:24px;overflow:hidden}.summary-panel div{background:#ffffff6b;min-width:92px;padding:14px 16px}.summary-panel span{color:#222b2894;font-size:11px;display:block}.summary-panel strong{color:#222b28;letter-spacing:0;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;display:block}.narrative{color:#222b28c7;text-align:left;align-items:flex-start;gap:12px;width:min(480px,100vw - 48px);padding:15px 16px;display:flex;bottom:26px;right:24px}.narrative svg{flex:none;margin-top:3px}.narrative p{margin:0;font-size:13px;line-height:1.68}.drawer-button{color:#222b28;cursor:pointer;justify-content:center;align-items:center;width:48px;height:42px;display:inline-flex;bottom:26px;left:24px}.layer-drawer{opacity:0;pointer-events:none;align-items:center;gap:8px;max-width:calc(100vw - 112px);padding:8px;transition:opacity .16s,transform .16s;display:flex;bottom:26px;left:82px;overflow-x:auto;transform:translateY(18px)}.layer-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer-heading{color:#222b28a8;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.layer-drawer button{color:#222b28b3;white-space:nowrap;cursor:pointer;background:#ffffff70;border:1px solid #222b2824;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 10px;display:inline-flex}.layer-drawer button.active{color:#fffaf0;background:#24302d}button{border:0}@media (width<=880px){.app-shell:before{background:linear-gradient(#00000080,#0000 38%,#00000075),linear-gradient(90deg,#00000061,#0000 42%,#0000003d)}.title-block{max-width:calc(100vw - 32px);top:16px;left:16px}.title-block span{letter-spacing:2px;margin-bottom:6px;font-size:10px}.title-block h1{font-size:43px}.title-block p{max-width:310px;margin-top:10px;font-size:12px;line-height:1.55}.summary-panel{grid-template-columns:repeat(3,minmax(0,1fr));inset:auto 16px 74px}.summary-panel div{min-width:0;padding:10px 9px}.summary-panel span{font-size:10px}.summary-panel strong{font-size:15px}.narrative{display:none}.drawer-button{width:46px;height:40px;bottom:18px;left:16px}.layer-drawer{max-width:calc(100vw - 88px);bottom:18px;left:72px;right:16px}}