:root{--color-midnight:#0d0d08;--color-leather:#1a1810;--color-leather-light:#2a2820;--color-burgundy:#2d0b0b;--color-burgundy-deep:#1a0505;--color-gold:#d4af37;--color-gold-light:#f9e498;--color-gold-dark:#b8860b;--color-gold-bronze:#8b6914;--color-gold-shine:#ffe4a0;--color-parchment:#f0e6d0;--color-parchment-dark:#e8dcc4;--color-parchment-warm:#ede0c8;--color-ivory:#faf5eb;--color-cream:#f5efe0;--color-ink:#1c1c18;--color-ink-light:#3a3832;--color-ink-muted:#6b6558;--color-wine-text:#4a0e0e;--font-display:"Playfair Display", serif;--font-display-sc:"Playfair Display SC", serif;--font-body:"EB Garamond", serif;--font-blackletter:"UnifrakturMaguntia", cursive;--font-script:"Pinyon Script", cursive;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--space-2xl:8rem;--ease-elegant:cubic-bezier(.4, 0, .2, 1);--duration-slow:.6s;--duration-normal:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-midnight);width:100%;height:100%;color:var(--color-parchment);font-family:var(--font-body);overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gold-foil{background:linear-gradient(135deg, var(--color-gold-dark) 0%, var(--color-gold) 25%, var(--color-gold-light) 50%, var(--color-gold) 75%, var(--color-gold-dark) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite goldShimmer}@keyframes goldShimmer{0%,to{background-position:0%}50%{background-position:100%}}.gold-emboss{color:var(--color-gold);text-shadow:0 1px 0 var(--color-gold-bronze), 0 2px 4px #0000004d}.font-display{font-family:var(--font-display)}.font-display-sc{font-family:var(--font-display-sc);letter-spacing:.2em}.font-body{font-family:var(--font-body)}.font-blackletter{font-family:var(--font-blackletter)}.font-script{font-family:var(--font-script)}.surface-parchment{background-color:var(--color-parchment);background-blend-mode:multiply;color:var(--color-ink);background-image:url(/textures/parchment.png);background-size:cover}.surface-leather{background-color:var(--color-leather);background-blend-mode:overlay;color:var(--color-gold);background-image:url(/textures/leather.png);background-size:cover}.grain-overlay:after{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.vignette:before{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#00000026 100%);position:absolute;inset:0}.loading-screen{z-index:1000;background:var(--color-midnight);transition:opacity .8s var(--ease-elegant);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.loading-screen.loaded{opacity:0;pointer-events:none}.ornamental-border{border:1px solid var(--color-gold);box-shadow:inset 0 0 0 3px transparent, inset 0 0 0 4px var(--color-gold-dark);position:relative}.ornamental-border:before{content:"";border:1px solid var(--color-gold);opacity:.4;pointer-events:none;position:absolute;inset:6px}.ui-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:2rem;display:flex;position:fixed;inset:0}.ui-overlay>*{pointer-events:auto}.nav-shell{transition:opacity .5s var(--ease-elegant);transform:translateY(1.5rem)}.nav-shell.hidden{opacity:0}.nav-shell.visible{opacity:1;pointer-events:auto}.nav-dots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d08b3;border:1px solid #d4af3733;border-radius:999px;align-items:center;gap:1rem;padding:.6rem 1.2rem;display:flex}.nav-dot{border:1px solid var(--color-gold);cursor:pointer;width:14px;height:14px;transition:all var(--duration-normal) var(--ease-elegant);background:0 0;border-radius:50%;padding:0}.nav-dot:hover{background:#d4af3766;transform:scale(1.2)}.nav-dot.active{background:var(--color-gold);box-shadow:0 0 8px #d4af3780}.table-toggle{color:var(--color-gold);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-elegant);letter-spacing:.15em;text-transform:uppercase;background:#1a181099;border:1px solid #d4af3780;border-radius:999px;margin-left:1rem;padding:.4rem 1.2rem;font-size:.7rem;font-weight:700;box-shadow:0 4px 12px #0003}.table-toggle:hover{border-color:var(--color-gold);background:#d4af3726;transform:translateY(-1px)}.table-toggle.active{background:var(--color-gold);color:var(--color-midnight);box-shadow:0 0 12px #d4af3766}.turn-hint{font-family:var(--font-display-sc);letter-spacing:.3em;color:var(--color-gold);opacity:.6;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;animation:2s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.3}50%{opacity:.7}}.canvas-container{width:100%;height:100%;margin:auto;position:absolute;inset:0}@media (aspect-ratio<=4/3){.canvas-container{aspect-ratio:4/3;height:auto}}.atmosphere{z-index:0;background:radial-gradient(at 50% 55%,#1a1810 0%,#0d0d08 80%,#050504 100%);position:fixed;inset:0}.page-content{flex-direction:column;width:100%;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.page-title{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.page-subtitle{font-family:var(--font-display-sc);letter-spacing:.25em;text-transform:uppercase;opacity:.7;margin-bottom:2rem;font-size:.7rem}.section-label{font-family:var(--font-display-sc);letter-spacing:.3em;text-transform:uppercase;color:var(--color-wine-text);margin-bottom:.75rem;font-size:.65rem}.leader-line{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.leader-line:after{content:"";border-bottom:1px dotted var(--color-ink-muted);flex:1;margin-bottom:.25em}.leader-line-value{font-family:var(--font-display);color:var(--color-wine-text);white-space:nowrap;font-size:.85rem;font-weight:600}