@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-surface:#1c2128;--bg-overlay:rgba(13,17,23,0.7);--text-primary:#e6dfd3;--text-secondary:#9a8c7a;--text-muted:#948572;--accent-gold:#c9a94e;--accent-terracota:#b85c38;--accent-jade:#4a7c59;--accent-cloud:#8fb5c4;--accent-stone:#7a6e5d;--accent-clay:#9a6b4a;--accent-red:#c96347;--border-color:rgba(230,223,211,0.1);--border-highlight:rgba(201,169,78,0.3);--font-display:"Marcellus",Georgia,serif;--font-serif:"Lora",Georgia,serif;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-caveat:"Caveat",cursive;--sidebar-left:280px;--sidebar-right:320px;--topbar-height:60px;--grain-tex:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}h1{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.02em}h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600}.app-shell{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:minmax(0,1fr);height:100vh;width:100vw}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:100}.brand{display:flex;flex-direction:column;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary)}.brand strong{font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.5px}.brand em{font-size:.75rem;color:var(--text-secondary);font-style:italic;font-family:var(--font-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.main-nav{display:flex;gap:1rem}.main-nav button{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:all .2s}.main-nav button.active,.main-nav button:hover{color:var(--accent-gold);background-color:rgba(201,169,78,.1)}.topbar-right{gap:1rem}.search-wrap,.topbar-right{display:flex;align-items:center}.search-wrap{position:relative}.search-box{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:.3rem .8rem;color:var(--text-secondary)}.search-box:focus-within{border-color:var(--accent-gold);box-shadow:0 0 0 2px rgba(201,169,78,.15)}.search-box input{background:none;border:none;color:var(--text-primary);outline:none;margin-left:.5rem;font-family:var(--font-sans);font-size:.85rem;width:120px}.search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;margin-left:.25rem;flex-shrink:0}.search-clear:hover{color:var(--text-primary)}.search-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(420px,90vw);max-height:62vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.18);overflow:hidden;z-index:200;animation:searchDropIn .18s ease both}@keyframes searchDropIn{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.search-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem .45rem;border-bottom:1px solid var(--border-color);font-family:var(--font-sans);font-size:.72rem;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.search-query-label{font-style:italic;text-transform:none;letter-spacing:0;color:var(--text-primary);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1 1;min-height:0}.search-section{padding:.45rem 0 .35rem;border-bottom:1px solid rgba(255,255,255,.04)}.search-section:last-child{border-bottom:none}.search-section-head{display:flex;align-items:center;gap:.4rem;padding:.2rem .9rem .3rem;font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold)}.search-section-count{margin-left:auto;background:rgba(201,169,78,.15);color:var(--accent-gold);border-radius:10px;padding:.08rem .4rem;font-size:.65rem}.search-section-list{list-style:none;margin:0;padding:0}.search-result-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;text-align:left;background:none;border:none;cursor:pointer;padding:.5rem .9rem;border-radius:0;transition:background .14s}.search-result-item:focus-visible,.search-result-item:hover{background:rgba(201,169,78,.08);outline:none}.search-result-title{font-family:var(--font-sans);font-size:.84rem;font-weight:600;color:var(--text-primary);line-height:1.3}.search-result-subtitle{font-family:var(--font-sans);font-size:.74rem;color:var(--text-secondary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-highlight{background:rgba(201,169,78,.28);color:inherit;border-radius:2px;padding:0 1px}.search-dropdown-foot{padding:.45rem .9rem;border-top:1px solid var(--border-color);font-family:var(--font-sans);font-size:.66rem;color:var(--text-secondary);text-align:center;letter-spacing:.03em}.search-empty-msg,.search-outside-msg{display:flex;gap:.75rem;align-items:flex-start;padding:1rem .95rem;text-align:left}.search-empty-msg svg,.search-outside-msg svg{flex-shrink:0;margin-top:2px;color:var(--accent-gold)}.search-empty-msg strong,.search-outside-msg strong{display:block;font-family:var(--font-sans);font-size:.86rem;color:var(--text-primary);margin-bottom:.25rem}.search-empty-msg p,.search-outside-msg p{margin:0;font-family:var(--font-sans);font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.search-dismiss{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-end;margin:0 .9rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;padding:.3rem .7rem;border-radius:20px;cursor:pointer}.search-dismiss:hover{color:var(--text-primary);border-color:var(--accent-gold)}.icon-only-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s}.icon-only-btn:hover{color:var(--accent-gold);background-color:var(--bg-primary)}.lang-toggle{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;cursor:pointer;font-family:var(--font-sans);font-size:.8rem;transition:all .2s}.lang-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.profile{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-gold);font-size:.8rem;font-weight:700;cursor:pointer}.workspace{display:grid;grid-template-columns:var(--sidebar-left) minmax(0,1fr) var(--sidebar-right);height:calc(100vh - var(--topbar-height));position:relative}.artifact-library{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-family:var(--font-serif);color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:1px;border-bottom:1px solid var(--border-color)}.artifact-list{display:flex;flex-direction:column;padding:.5rem}.artifact-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:none;border:1px solid transparent;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-primary)}.artifact-item.active,.artifact-item:hover{background-color:var(--bg-surface)}.artifact-item.active{border-color:var(--border-highlight)}.artifact-glyph{width:48px;height:48px;border-radius:6px;overflow:hidden;position:relative;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center}.artifact-glyph img{object-fit:cover;width:100%;height:100%}.artifact-info{display:flex;flex-direction:column;flex:1 1}.artifact-info b{font-family:var(--font-serif);font-size:1rem;font-weight:500}.artifact-info small{font-size:.7rem;color:var(--text-secondary)}.favorite-icon{color:var(--text-muted);transition:color .2s}.artifact-item.active .favorite-icon{color:var(--item-accent,var(--accent-gold))}.empty-state{font-size:.9rem}.empty-state,.inspirational-quote{color:var(--text-secondary);text-align:center;padding:2rem 1rem}.inspirational-quote{margin-top:auto;font-family:var(--font-serif)}.inspirational-quote svg{margin:0 auto .5rem;color:var(--accent-gold)}.inspirational-quote p{font-size:1.1rem;margin-bottom:.5rem}.inspirational-quote em{font-size:.8rem;color:var(--text-muted)}.viewer-shell{position:relative;background-color:var(--bg-primary);overflow:hidden}.viewer-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vh;height:60vh;border-radius:50%;background-color:var(--organ-accent,var(--accent-gold));filter:blur(100px);opacity:.1;pointer-events:none}.three-mount{position:absolute;inset:0}.viewer-tools{position:absolute;left:1.5rem;top:1.5rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--bg-surface);padding:.5rem;border-radius:8px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-group-label{font-family:var(--font-sans);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);opacity:.7;text-align:center;margin-top:.25rem}.light-toggle{display:flex;flex-direction:column;gap:.25rem}.light-option{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:.4rem .5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-sans);font-size:.72rem;transition:background-color .2s,color .2s,border-color .2s}.light-option:hover{color:var(--text-primary);background-color:rgba(255,255,255,.05)}.light-option.active{color:var(--accent-gold);border-color:var(--border-color);background-color:rgba(201,169,78,.08)}.hotspot-annotation.pinned{position:relative;padding-right:1.8rem;white-space:normal;max-width:240px}.hotspot-annotation .hotspot-close{position:absolute;top:2px;right:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1;padding:2px}.hotspot-annotation .hotspot-close:hover{color:var(--text-primary)}.viewer-shell.is-night .viewer-glow{opacity:.35;filter:saturate(.55) brightness(.75)}.viewer-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(2,4,9,.55) 100%);opacity:0;transition:opacity .8s ease}.viewer-shell.is-night:after{opacity:1}.tool-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.tool-button:hover{color:var(--text-primary);background-color:rgba(255,255,255,.05)}.tool-button span{position:absolute;left:100%;margin-left:.5rem;background-color:var(--bg-surface);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-10px);transition:all .2s;border:1px solid var(--border-color)}.tool-button:hover span{opacity:1;transform:translateX(0)}@keyframes postit-sway{0%{transform:rotate(-5deg)}to{transform:rotate(-3deg)}}.postit{position:absolute;top:1.25rem;right:1.25rem;z-index:20;max-width:220px;box-shadow:0 16px 32px rgba(0,0,0,.5),0 10px 24px rgba(201,169,78,.2);transform:rotate(-4deg);transform-origin:50% 0;animation:postit-sway 7s ease-in-out infinite alternate;pointer-events:none}.postit:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);width:82px;height:22px;background-color:rgba(255,250,230,.55);border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 4px rgba(0,0,0,.18)}.postit-paper{position:relative;padding:1.1rem 1.15rem 1.3rem;color:#3a2b10;background-color:#e7b95c;background-image:radial-gradient(18% 14% at 18% 30%,rgba(122,84,30,.25),transparent 70%),radial-gradient(22% 18% at 80% 20%,rgba(122,84,30,.2),transparent 70%),radial-gradient(26% 20% at 28% 80%,rgba(110,74,26,.18),transparent 70%),radial-gradient(14% 12% at 68% 72%,rgba(122,84,30,.22),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 5px),linear-gradient(160deg,#f2d489,#e7b95c 48%,#d2993a);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 14px rgba(96,60,12,.4);overflow-wrap:break-word;clip-path:polygon(3% 0,34% 1.5%,62% 0,84% 1%,100% 0,100% 18%,99% 42%,100% 64%,99% 85%,100% 100%,78% 98%,52% 100%,27% 99%,4% 100%,1% 82%,0 56%,2% 31%,0 10%)}.postit-grain{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 95% at 50% 38%,transparent 52%,rgba(74,48,10,.4) 100%);mix-blend-mode:multiply;opacity:.55}.postit-paper:after{content:"";position:absolute;top:0;right:0;border-top:16px solid #c98e2b;border-left:16px solid transparent;filter:drop-shadow(-2px 2px 2px rgba(0,0,0,.2))}.postit strong{position:relative;display:flex;align-items:center;gap:.4rem;padding-right:14px;font-family:var(--font-caveat);font-weight:700;font-size:1.4rem;line-height:1.1;color:#3a2b10}.postit strong svg{flex:none;color:var(--accent-red)}.postit p{position:relative;margin:.3rem 0 0;font-family:var(--font-caveat);font-weight:600;font-size:1.05rem;line-height:1.28;color:#4a3a15}@media (prefers-reduced-motion:reduce){.postit{animation:none;transition:none}}@media (max-width:640px){.postit{top:.75rem;right:.75rem;max-width:158px}.postit-paper{padding:.85rem .9rem 1.05rem}.postit:before{top:-8px;width:60px;height:18px}.postit-paper:after{border-top-width:12px;border-left-width:12px}.postit strong{font-size:1.15rem}.postit p{font-size:.95rem}}.tip-note{position:absolute;right:1.5rem;bottom:4.5rem;display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.8rem;background-color:var(--bg-overlay);padding:1rem;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);max-width:200px}.tip-note span{display:flex;align-items:center;gap:.25rem;color:var(--accent-gold);font-weight:700}.view-caption{position:absolute;left:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;pointer-events:none}.view-caption span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.view-caption strong{font-family:var(--font-serif);font-size:2.5rem;color:var(--text-primary);line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.learning-cards{display:flex;align-items:center;gap:1.4rem;overflow-x:auto;padding:1.5rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);position:absolute;bottom:0;left:var(--sidebar-left);right:var(--sidebar-right);height:220px}.mini-book{flex:0 0 200px;height:170px;position:relative;perspective:900px;cursor:pointer}.mini-book-inner{position:absolute;inset:4px 12px 8px 6px;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-18deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}.mini-book:focus-visible .mini-book-inner,.mini-book:hover .mini-book-inner{transform:rotateX(4deg) rotateY(-5deg)}.mini-book-fore{position:absolute;top:3px;bottom:3px;right:-10px;width:10px;z-index:0;border-radius:0 5px 5px 0;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--card-accent,var(--accent-gold)) 18%,#e6cf9a) 0 2px,color-mix(in srgb,var(--card-accent,var(--accent-gold)) 6%,#c7aa76) 2px 4px);box-shadow:inset -4px 0 6px rgba(45,28,10,.4)}.mini-book-cover{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:.95rem 1rem .8rem;border-radius:4px 10px 10px 4px;background-color:#241305;background-image:var(--grain-tex),radial-gradient(70% 55% at 20% 12%,rgba(150,96,44,.32),transparent 55%),radial-gradient(60% 50% at 90% 85%,rgba(48,26,10,.55),transparent 60%),radial-gradient(110% 90% at 50% 0,rgba(120,74,32,.2),transparent 50%),linear-gradient(135deg,#4a2c12 0,#31200c 58%,#1e1005 100%);background-blend-mode:overlay,normal,normal,normal,normal;box-shadow:inset 0 0 0 1px rgba(168,126,58,.45),inset 4px 0 10px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.55);filter:drop-shadow(0 14px 12px rgba(0,0,0,.42));transition:filter .5s ease}.mini-book:hover .mini-book-cover{filter:drop-shadow(0 20px 18px rgba(0,0,0,.52))}.mini-book-gold{position:absolute;inset:7px;border:1px solid rgba(168,126,58,.4);border-radius:2px 7px 7px 2px;pointer-events:none}.mini-book-kicker{font-family:var(--font-sans);font-style:normal;font-size:.6rem;text-transform:uppercase;letter-spacing:1.6px;color:rgba(190,150,72,.92)}.mini-book-title{font-family:var(--font-display);font-weight:400;font-size:.98rem;line-height:1.2;color:#ecdcb6;margin:.3rem 0 0;min-height:2.4em}.mini-book-orn{margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:var(--card-accent,var(--accent-gold));background:radial-gradient(circle at 35% 30%,rgba(255,222,155,.35),rgba(120,80,30,.35) 60%,rgba(40,22,8,.6));border:1px solid rgba(168,126,58,.5);box-shadow:inset 0 1px 2px rgba(255,235,190,.4),inset 0 -2px 4px rgba(0,0,0,.5)}.mini-book-sub{margin-top:.35rem;font-family:var(--font-sans);font-size:.66rem;letter-spacing:.3px;color:#d0bd92}.mini-book-meta{margin-top:auto;padding-top:.45rem;border-top:1px solid rgba(168,126,58,.28);font-family:var(--font-sans);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:#bd9a44}.mini-book-open{position:absolute;bottom:.7rem;right:.8rem;color:var(--card-accent,var(--accent-gold));opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease}.mini-book:focus-visible .mini-book-open,.mini-book:hover .mini-book-open{opacity:1;transform:translateX(0)}.mini-book:focus-visible .mini-book-inner{outline:2px solid var(--card-accent,var(--accent-gold));outline-offset:6px;border-radius:8px}.info-panel{background-color:var(--bg-surface);border-left:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto}.info-kicker{display:flex;align-items:center;gap:.5rem;color:var(--organ-accent,var(--accent-gold));font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:1rem}.info-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.info-title-row h1{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);line-height:1.2}.info-title-row em{font-family:var(--font-serif);color:var(--text-secondary);font-size:1rem}.description{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.rule{height:1px;background-color:var(--border-color);margin:0 0 1.5rem}.info-panel h2{font-size:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.key-facts{gap:1rem;margin-bottom:2rem}.key-facts,.key-facts div{display:flex;flex-direction:column}.key-facts div{gap:.25rem}.key-facts dt{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.key-facts dd{color:var(--text-primary);font-size:.95rem}.cultural-note,.fun-note{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;gap:.75rem}.cultural-note svg,.fun-note svg{color:var(--organ-accent,var(--accent-gold));flex-shrink:0;margin-top:2px}.cultural-note p,.fun-note p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.cultural-note b,.fun-note b{display:block;color:var(--text-primary);margin-bottom:.25rem}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.action-grid button{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:6px;font-family:var(--font-sans);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.action-grid button:hover{background-color:rgba(255,255,255,.05);border-color:var(--border-highlight)}.action-grid button.active{background-color:color-mix(in srgb,var(--accent-gold) 18%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-gold) 50%,var(--border-color));color:var(--accent-gold)}.action-grid button:disabled{opacity:.45;cursor:not-allowed}.action-grid button:disabled:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}.viewer-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center}.viewer-fallback img{max-width:min(60%,380px);max-height:55%;object-fit:contain;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface)}.viewer-fallback p{color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;line-height:1.5;max-width:36ch;margin:0}.model-loader{display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none}.model-loader-label{color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.model-loader-bar{display:block;width:180px;height:2px;background:var(--border-color);border-radius:2px;overflow:hidden}.model-loader-bar i{display:block;height:100%;background:var(--accent-gold);border-radius:2px;transition:width .25s ease}.hotspot-annotation{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;font-family:var(--font-sans);font-size:.8rem;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate3d(-50%,-150%,0);box-shadow:0 4px 12px rgba(0,0,0,.5);transition:opacity .2s}.hotspot-annotation:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-color:var(--bg-surface) transparent transparent transparent}.full-view{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:10;overflow-y:auto;padding:3rem 4rem}.view-header{margin-bottom:3rem;max-width:800px}.view-header h1{font-family:var(--font-display);font-size:2.5rem;color:var(--text-primary);margin-bottom:.5rem}.view-header p{color:var(--text-secondary);font-size:1.1rem}.results-count{color:var(--accent-gold);font-size:.85rem;margin-top:.75rem;text-transform:uppercase;letter-spacing:.5px}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.system-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:2rem 2rem 1.25rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.system-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sys-color),transparent 70%)}.system-card:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background-color:var(--sys-color);opacity:.06;filter:blur(24px);pointer-events:none;transition:opacity .3s ease}.system-card:hover{border-color:color-mix(in srgb,var(--sys-color) 45%,var(--border-color));transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.45)}.system-card:focus-visible{outline:2px solid var(--sys-color);outline-offset:2px}.system-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.system-no{font-family:var(--font-serif);font-size:.85rem;letter-spacing:2px;color:var(--text-muted);border:1px solid var(--border-color);padding:.25rem .6rem;border-radius:999px}.system-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--sys-color);background:color-mix(in srgb,var(--sys-color) 12%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--sys-color) 28%,var(--border-color))}.system-photo{height:150px;margin:0 -2rem 1.5rem;background-size:cover;background-position:50%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);box-shadow:inset 0 -30px 50px -20px rgba(0,0,0,.65);transition:transform .5s ease}.system-card:hover .system-photo{transform:scale(1.03)}.system-kicker{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--sys-color) 80%,#ffffff);margin-bottom:.4rem}.system-content h2{font-family:var(--font-serif);font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary)}.system-content p{color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem;font-size:.92rem}.system-meta{gap:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:1px}.system-meta,.view-system-btn{display:flex;align-items:center;color:color-mix(in srgb,var(--sys-color) 80%,#ffffff);font-weight:600}.view-system-btn{justify-content:space-between;gap:.5rem;margin-top:1.75rem;padding:.8rem 1rem;width:100%;background:color-mix(in srgb,var(--sys-color) 10%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--sys-color) 25%,var(--border-color));border-radius:10px;font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:background .25s ease,transform .25s ease}.view-system-btn:hover{background:color-mix(in srgb,var(--sys-color) 22%,var(--bg-primary));transform:translateY(-1px)}.civ-map-section{margin:4rem 0 1rem}.civ-map-title{font-family:var(--font-display);font-size:1.8rem;color:var(--text-primary);margin-bottom:.6rem}.civ-map-intro{color:var(--text-secondary);max-width:720px;line-height:1.6;margin-bottom:1.75rem}.civ-map{display:grid;grid-template-columns:minmax(0,450px) minmax(0,1fr);gap:2rem;align-items:start}.site-map{position:relative;aspect-ratio:299/400}.site-map-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;border:1px solid var(--border-color);box-shadow:0 18px 44px rgba(0,0,0,.45);-webkit-user-select:none;user-select:none}.site-marker{position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:0;line-height:0;cursor:pointer;display:grid;place-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));transition:transform .2s ease}.site-marker:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:color-mix(in srgb,var(--site-color) 22%,transparent);border:1px solid color-mix(in srgb,var(--site-color) 55%,var(--border-color))}.site-marker.is-selected,.site-marker:focus-visible,.site-marker:hover{transform:translate(-50%,-50%) scale(1.25);z-index:10}.site-marker:focus-visible{outline:2px solid var(--site-color);outline-offset:3px;border-radius:50%}.site-marker-site:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--site-color) 60%,transparent);animation:marker-ring 2.8s ease-out infinite;pointer-events:none}@keyframes marker-ring{0%{transform:scale(.55);opacity:.85}70%{opacity:0}to{transform:scale(2.5);opacity:0}}.site-marker-city{transform:translate(-50%,-50%)}.site-marker-city.is-selected,.site-marker-city:focus-visible,.site-marker-city:hover{transform:translate(-50%,-50%) scale(1.3);z-index:10}.site-marker-dot{width:12px;height:12px;border-radius:50%;border:2px solid #0d1117;box-shadow:0 0 0 1px rgba(230,223,211,.35)}.site-marker-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);display:none;white-space:nowrap;background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--site-color) 40%,var(--border-color));border-radius:8px;padding:.4rem .7rem;font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.35;box-shadow:0 8px 20px rgba(0,0,0,.4)}.site-marker-tip small{display:block;font-weight:400;font-size:.72rem;color:var(--text-muted)}.site-marker.is-selected .site-marker-tip,.site-marker:focus-visible .site-marker-tip,.site-marker:hover .site-marker-tip{display:block}.site-map-legend{display:flex;align-items:center;gap:1.25rem;margin-top:.9rem;flex-wrap:wrap}.site-legend-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-secondary)}.site-map-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;min-height:200px}.site-info-photo{height:150px;background-size:cover;background-position:50%;border-bottom:1px solid var(--border-color);box-shadow:inset 0 -30px 50px -20px rgba(0,0,0,.65)}.site-info-body{padding:1.4rem 1.5rem 1.5rem}.site-info-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.site-info-kind{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--site-color);border:1px solid color-mix(in srgb,var(--site-color) 35%,var(--border-color));border-radius:999px;padding:.25rem .7rem}.site-info-close{background:none;border:1px solid var(--border-color);border-radius:999px;width:30px;height:30px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:color .2s,border-color .2s}.site-info-close:hover{color:var(--text-primary);border-color:var(--border-highlight)}.site-info-body h3{font-family:var(--font-serif);font-size:1.4rem;color:var(--text-primary);margin-bottom:.35rem}.site-info-alt{color:var(--text-muted);font-size:.85rem;margin-bottom:.8rem}.site-info-fact{color:var(--text-secondary);line-height:1.6;font-size:.92rem}.site-info-approx{color:var(--text-muted);font-style:italic;font-size:.8rem;margin-top:.6rem}.site-open-btn{margin-top:1.25rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1rem;background:color-mix(in srgb,var(--site-color) 10%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--site-color) 30%,var(--border-color));border-radius:10px;color:var(--site-color);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:background .25s ease,transform .25s ease}.site-open-btn:hover{background:color-mix(in srgb,var(--site-color) 20%,var(--bg-primary));transform:translateY(-1px)}.site-info-empty{min-height:200px;display:grid;place-items:center;align-content:center;gap:1rem;padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem;line-height:1.6}@media (max-width:760px){.civ-map{grid-template-columns:1fr}.site-map{max-width:460px;margin:0 auto}.site-map-legend{justify-content:center}}.civ-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.55rem 1rem;border-radius:999px;font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.civ-back-btn:hover{color:var(--text-primary);border-color:var(--border-highlight);background-color:var(--bg-secondary)}.civ-hero{display:flex;align-items:flex-start;gap:1.5rem;margin:2.5rem 0 2rem;max-width:820px}.civ-hero-icon{flex-shrink:0;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--sys-color);background:color-mix(in srgb,var(--sys-color) 14%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--sys-color) 35%,var(--border-color));box-shadow:0 0 0 6px color-mix(in srgb,var(--sys-color) 8%,transparent)}.civ-kicker{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:2px;color:var(--sys-color);margin-bottom:.5rem}.civ-hero-text h1{font-family:var(--font-display);font-size:2.6rem;line-height:1.1;color:var(--text-primary);margin-bottom:.75rem}.civ-hero-text p{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.civ-hero-photo{height:220px;max-width:820px;margin:0 0 1rem;border-radius:14px;background-size:cover;background-position:50%;border:1px solid var(--border-color);box-shadow:inset 0 -40px 60px -30px rgba(0,0,0,.7)}.civ-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:3rem;max-width:820px}.civ-stat{background-color:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color);border-top:2px solid var(--sys-color)}.civ-stat strong{display:block;font-family:var(--font-serif);font-size:1.8rem;color:var(--text-primary);margin-bottom:.25rem}.civ-stat span{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.civ-details{display:flex;flex-direction:column;gap:0;max-width:820px}.civ-detail{display:flex;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--border-color)}.civ-detail-index{font-family:var(--font-serif);font-size:1.5rem;color:var(--sys-color);flex-shrink:0;width:44px}.civ-detail-body h3{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-primary);margin-bottom:.6rem}.civ-detail-body p{color:var(--text-secondary);line-height:1.75;font-size:1rem}.world-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:820px;margin-bottom:2.5rem}.world-photo{margin:0;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background-color:var(--bg-secondary)}.world-photo-img{height:220px;background-size:cover;background-position:50%;box-shadow:inset 0 -40px 60px -30px rgba(0,0,0,.7)}.world-photo figcaption{padding:.8rem 1rem .25rem;font-family:var(--font-serif);font-size:.98rem;color:var(--text-primary);line-height:1.4}.world-photo-credit{display:block;padding:0 1rem .8rem;font-size:.72rem;color:var(--text-muted);line-height:1.5}.world-view{width:100%;max-width:1180px;margin:0 auto}.world-view .view-header,.world-view .world-map-heading{text-align:center;margin-left:auto;margin-right:auto}.world-view .view-header h1{font-size:2.6rem}.world-map-section{width:100%;max-width:1200px;margin-bottom:2.5rem}.world-map-canvas{position:relative}.world-map-heading{max-width:800px}.world-map-heading h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.world-map-heading p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}.world-map{margin:0;border:1px solid var(--border-color);border-radius:14px;background-color:var(--bg-secondary);padding:1.4rem 1.4rem 1.05rem;overflow:hidden}.world-map-svg{display:block;width:100%;height:auto}.wm-dot{fill:color-mix(in srgb,var(--text-primary) 13%,transparent)}.wm-ref-halo{fill:none;stroke:var(--accent-gold);stroke-opacity:.4;stroke-width:.3}.wm-ref-dot{fill:var(--accent-gold);stroke:var(--bg-secondary);stroke-width:.35}.wm-marker{cursor:pointer;transition:opacity .2s ease}.wm-marker.is-dim{opacity:.22}.wm-marker.is-active .wm-marker-halo{r:1.9}.wm-marker.is-active .wm-marker-dot{r:1.2}.wm-marker-dot,.wm-marker-halo{transform-box:fill-box;transform-origin:center;transition:transform .2s ease}.wm-marker:focus-visible .wm-marker-dot,.wm-marker:focus-visible .wm-marker-halo,.wm-marker:hover .wm-marker-dot,.wm-marker:hover .wm-marker-halo{transform:scale(1.5)}.wm-marker-halo{fill:color-mix(in srgb,var(--wm-color) 22%,transparent)}.wm-marker-dot{fill:var(--wm-color);stroke:var(--bg-secondary);stroke-width:.4}.wm-marker:focus-visible .wm-marker-dot{stroke:#ffffff}.world-map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;margin-top:1rem}.world-map-legend-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;line-height:1.4;color:var(--text-secondary);background:none;border:none;padding:.15rem 0;cursor:pointer;font-family:inherit}button.world-map-legend-item:hover{color:var(--wm-color,var(--text-primary))}.world-map-legend-item:focus-visible{outline:2px solid var(--wm-color,var(--accent-gold));outline-offset:2px}.world-map-legend-chip{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.wm-ref-chip{background:var(--accent-gold)}.world-map-legend-item{transition:color .2s ease,opacity .2s ease,transform .2s ease}.world-map-legend-item.is-active{color:var(--wm-color,var(--text-primary))}.world-map-legend-item.is-dim{opacity:.35}.world-map-legend-item.is-active .world-map-legend-chip{transform:scale(1.35)}.world-map-legend-chip{transition:transform .2s ease}.wm-tip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:.1rem;padding:.45rem .7rem;border-radius:10px;background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--wm-color,var(--accent-gold)) 45%,var(--border-color));box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none;transform:translate(-50%,calc(-100% - 14px));max-width:240px}.wm-tip-right{transform:translateY(calc(-100% - 14px))}.wm-tip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--bg-secondary);transform:translateX(-50%)}.wm-tip-right:after{left:auto;right:12%;transform:none}.wm-tip-kicker{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wm-color,var(--accent-gold))}.wm-tip-label{font-family:var(--font-serif);font-size:.92rem;line-height:1.35;color:var(--text-primary)}.world-list{display:flex;flex-direction:column;gap:.75rem;max-width:820px}.world-list-item{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.9rem 1.1rem;color:var(--text-primary);font-family:inherit;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease}.world-list-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--sys-color)}.world-list-item:hover{border-color:color-mix(in srgb,var(--sys-color) 45%,var(--border-color));transform:translateX(4px)}.world-list-item.is-active{border-color:color-mix(in srgb,var(--sys-color) 55%,var(--border-color));background-color:color-mix(in srgb,var(--sys-color) 6%,var(--bg-secondary));transform:translateX(4px)}.world-list-item.is-active .world-list-arrow{color:var(--sys-color);transform:translateX(3px)}.world-list-item:focus-visible{outline:2px solid var(--sys-color);outline-offset:2px}.world-list-no{font-family:var(--font-serif);font-size:.8rem;color:var(--text-muted);border:1px solid var(--border-color);border-radius:999px;padding:.2rem .55rem;flex:none}.world-list-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.world-list-body .system-kicker{margin-bottom:0}.world-list-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-primary);line-height:1.3}.world-list-arrow{margin-left:auto;color:var(--text-muted);flex:none;transition:color .25s ease,transform .25s ease}.world-list-item:hover .world-list-arrow{color:var(--sys-color);transform:translateX(3px)}@media (max-width:640px){.world-map{padding:.9rem .9rem .8rem}.world-map-svg .wm-dot{r:.55}.world-map-svg .wm-marker-dot{r:1.35}.world-map-svg .wm-marker-halo{r:2}.world-map-svg .wm-ref-dot{r:1.5}.world-map-svg .wm-ref-halo{r:2.9}.world-map-svg .wm-marker.is-active .wm-marker-dot{r:1.5}.world-map-svg .wm-marker.is-active .wm-marker-halo{r:2.3}.wm-tip{max-width:190px;padding:.4rem .6rem}}.world-compare{display:flex;flex-direction:column;gap:2.5rem}.world-chart .civ-compare-title{margin-bottom:.4rem}.world-method{margin-top:3rem;max-width:820px;border:1px solid color-mix(in srgb,var(--accent-gold) 28%,var(--border-color));background:color-mix(in srgb,var(--accent-gold) 5%,var(--bg-secondary));border-radius:14px;padding:1.5rem 1.75rem}.world-method strong{display:block;font-family:var(--font-serif);font-size:1.1rem;color:var(--accent-gold);margin-bottom:.5rem}.world-method p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.world-bib-note{display:flex;align-items:center;gap:.6rem;margin-top:2rem;max-width:820px;color:var(--text-muted);font-size:.85rem;line-height:1.5}.world-bib-note svg{flex-shrink:0;color:var(--accent-gold)}.civ-banner,.system-banner{position:relative;overflow:hidden;color:var(--sys-color);background:radial-gradient(120% 140% at 70% 20%,color-mix(in srgb,var(--sys-color) 16%,var(--bg-secondary)),var(--bg-secondary) 70%)}.civ-banner{height:220px;max-width:820px;margin:0 0 1rem;border-radius:14px;border:1px solid var(--border-color)}.system-banner{height:150px;margin:0 -2rem 1.5rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);box-shadow:inset 0 -30px 50px -20px rgba(0,0,0,.65)}.system-banner-svg{position:absolute;inset:0;width:100%;height:100%}.system-banner-svg .sb-bolt,.system-banner-svg .sb-circle,.system-banner-svg .sb-feather,.system-banner-svg .sb-feather-vein,.system-banner-svg .sb-glyph,.system-banner-svg .sb-line,.system-banner-svg .sb-mountain,.system-banner-svg .sb-shield,.system-banner-svg .sb-sprout,.system-banner-svg .sb-sprout-stem,.system-banner-svg .sb-terrace,.system-banner-svg .sb-terrace-edge,.system-banner-svg .sb-zigzag{fill:none;stroke:currentColor}.system-banner-svg .sb-circle{stroke-width:2;opacity:.85}.system-banner-svg .sb-circle-faint{stroke-width:1;opacity:.3}.system-banner-svg .sb-mountain{stroke-width:2.4;opacity:.8}.system-banner-svg .sb-mountain-dim{stroke-width:1.6;opacity:.35}.system-banner-svg .sb-zigzag{stroke-width:1.6;opacity:.5}.system-banner-svg .sb-line{stroke-width:1.2;opacity:.4}.system-banner-svg .sb-line-faint{stroke-width:1;opacity:.2}.system-banner-svg .sb-dot{fill:currentColor;opacity:.7}.system-banner-svg .sb-glyph{stroke-width:2;opacity:.75}.system-banner-svg .sb-shield{stroke-width:2;opacity:.8}.system-banner-svg .sb-bolt{stroke-width:3;opacity:.9}.system-banner-svg .sb-terrace{stroke-width:2.4;opacity:.65}.system-banner-svg .sb-terrace-edge{stroke-width:2;opacity:.4}.system-banner-svg .sb-sprout{stroke-width:2.2;opacity:.85}.system-banner-svg .sb-sprout-stem{stroke-width:2;opacity:.6}.system-banner-svg .sb-feather{stroke-width:2;opacity:.85}.system-banner-svg .sb-feather-dim{opacity:.45}.system-banner-svg .sb-feather-vein{stroke-width:1.4;opacity:.5}.civ-compare{margin-top:3rem;max-width:820px;border-top:1px solid var(--border-color);padding-top:2rem}.civ-compare-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:.6rem}.civ-compare-title:before{content:"";flex-shrink:0;width:26px;height:3px;border-radius:2px;background:var(--sys-color)}.civ-compare-caption{color:var(--text-secondary);line-height:1.7;font-size:.98rem;margin-bottom:1.5rem;max-width:760px}.civ-chart{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem 1.5rem;overflow-x:auto}.civ-chart-svg{display:block;width:100%;height:auto;animation:ccFade .55s ease both}@keyframes ccFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.civ-chart-note{margin-top:.9rem;font-size:.8rem;color:var(--text-muted);line-height:1.6;max-width:760px}.civ-chart-svg .cc-bandg,.civ-chart-svg .cc-ev,.civ-chart-svg .cc-node,.civ-chart-svg .cc-row,.civ-chart-svg .cc-site{transition:opacity .25s ease;outline:none}.civ-chart-svg .cc-bandg:focus-visible,.civ-chart-svg .cc-ev:focus-visible,.civ-chart-svg .cc-node:focus-visible,.civ-chart-svg .cc-row:focus-visible,.civ-chart-svg .cc-site:focus-visible{outline:2px solid var(--sys-color);outline-offset:4px;border-radius:6px}.civ-chart-svg .cc-label{fill:var(--text-secondary);font-size:14px;transition:fill .25s ease}.civ-chart-svg .cc-bar,.civ-chart-svg .cc-bar-dim{transform-box:fill-box;transform-origin:left center;animation:ccGrow .7s cubic-bezier(.22,1,.36,1) both;transition:filter .25s ease,opacity .25s ease}.civ-chart-svg .cc-bar-dim{animation-delay:.08s}@keyframes ccGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.civ-chart-svg .cc-bar{fill:var(--sys-color);opacity:.88}.civ-chart-svg .cc-bar-dim{fill:var(--sys-color);opacity:.2}.civ-chart-svg .cc-bar-tick{stroke:var(--text-primary);stroke-width:1.4;opacity:.7}.civ-chart-svg .cc-value{fill:var(--sys-color);font-size:14px;font-weight:700;transition:fill .25s ease}.civ-chart-svg .cc-row{cursor:pointer}.civ-chart-svg .cc-row.is-active .cc-bar,.civ-chart-svg .cc-row:hover .cc-bar{filter:brightness(1.25);opacity:1}.civ-chart-svg .cc-row.is-active .cc-bar-dim,.civ-chart-svg .cc-row:hover .cc-bar-dim{opacity:.34}.civ-chart-svg .cc-row.is-active .cc-label,.civ-chart-svg .cc-row:hover .cc-label{fill:var(--text-primary)}.civ-chart-svg .cc-row.is-active .cc-value{fill:var(--accent-gold)}.civ-chart-svg .cc-axis{fill:var(--text-muted);font-size:11px;letter-spacing:.4px}.civ-matrix{width:100%;border-collapse:collapse;font-size:.86rem}.civ-matrix thead th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:.7rem .8rem;border-bottom:2px solid color-mix(in srgb,var(--sys-color) 50%,var(--border-color));background:color-mix(in srgb,var(--sys-color) 6%,var(--bg-primary))}.civ-matrix td:first-child,.civ-matrix th:first-child{color:var(--sys-color);font-weight:600}.civ-matrix tbody th{text-align:left;font-size:.84rem}.civ-matrix tbody th,.civ-matrix td{padding:.8rem;border-bottom:1px solid var(--border-color);vertical-align:top}.civ-matrix td{color:var(--text-secondary);line-height:1.5}.civ-matrix tbody tr{transition:background-color .2s ease}.civ-matrix tbody tr:focus-within,.civ-matrix tbody tr:hover{background:color-mix(in srgb,var(--sys-color) 8%,var(--bg-primary))}.civ-matrix tbody tr:hover th[scope=row]{color:var(--accent-gold)}.civ-matrix tbody tr:last-child td,.civ-matrix tbody tr:last-child th{border-bottom:none}.civ-chart-svg .cc-triad-line{stroke:var(--sys-color);stroke-width:1.4;opacity:.28}.civ-chart-svg .cc-node{cursor:pointer}.civ-chart-svg .cc-node-circle{fill:color-mix(in srgb,var(--sys-color) 14%,var(--bg-secondary));stroke:var(--sys-color);stroke-width:1.6;transition:transform .25s ease,fill .25s ease,stroke-width .25s ease;transform-box:fill-box;transform-origin:center}.civ-chart-svg .cc-node-label{fill:var(--text-primary);font-size:13px;font-weight:600;transition:fill .25s ease}.civ-chart-svg .cc-node-note{fill:var(--text-muted);font-size:10.5px;transition:fill .25s ease}.civ-chart-svg .cc-node.is-active .cc-node-circle,.civ-chart-svg .cc-node:hover .cc-node-circle{fill:color-mix(in srgb,var(--sys-color) 30%,var(--bg-secondary));stroke-width:2.4;transform:scale(1.07)}.civ-chart-svg .cc-node.is-active .cc-node-note,.civ-chart-svg .cc-node:hover .cc-node-note{fill:var(--sys-color)}.civ-chart-svg .cc-node.is-active .cc-node-label{font-weight:700}.civ-chart-svg .cc-node.is-dim{opacity:.42}.civ-chart-svg .cc-center{fill:var(--sys-color);opacity:.88}.civ-chart-svg .cc-center-label{fill:var(--text-primary);font-size:13.5px;font-weight:700}.civ-chart-svg .cc-center-note{fill:var(--text-muted);font-size:10.5px}.civ-chart-svg .cc-tl-line{stroke:var(--border-color);stroke-width:2}.civ-chart-svg .cc-tl-stem{stroke:var(--border-color);stroke-width:1.4;transition:stroke .25s ease}.civ-chart-svg .cc-tl-dot{fill:var(--sys-color);transform-box:fill-box;transform-origin:center;transition:transform .25s ease,filter .25s ease}.civ-chart-svg .cc-tl-year{fill:var(--sys-color);font-size:12px;font-weight:700;transition:fill .25s ease}.civ-chart-svg .cc-tl-label{fill:var(--text-primary);font-size:11.5px;font-weight:600;transition:fill .25s ease}.civ-chart-svg .cc-tl-note{fill:var(--text-muted);font-size:10px;transition:fill .25s ease}.civ-chart-svg .cc-ev{cursor:pointer}.civ-chart-svg .cc-ev.is-active .cc-tl-dot,.civ-chart-svg .cc-ev:hover .cc-tl-dot{transform:scale(1.55);filter:brightness(1.25)}.civ-chart-svg .cc-ev.is-active .cc-tl-stem,.civ-chart-svg .cc-ev:hover .cc-tl-stem{stroke:var(--sys-color)}.civ-chart-svg .cc-ev.is-active .cc-tl-year{fill:var(--accent-gold)}.civ-chart-svg .cc-ev.is-active .cc-tl-label,.civ-chart-svg .cc-ev.is-active .cc-tl-note{fill:var(--sys-color)}.civ-chart-svg .cc-ev.is-dim{opacity:.42}.civ-chart-svg .cc-band{stroke:var(--bg-secondary);stroke-width:1.5;transition:filter .25s ease,opacity .25s ease}.civ-chart-svg .cc-band-1{fill:color-mix(in srgb,var(--sys-color) 8%,var(--bg-secondary))}.civ-chart-svg .cc-band-2{fill:color-mix(in srgb,var(--sys-color) 14%,var(--bg-secondary))}.civ-chart-svg .cc-band-3{fill:color-mix(in srgb,var(--sys-color) 22%,var(--bg-secondary))}.civ-chart-svg .cc-band-4{fill:color-mix(in srgb,var(--sys-color) 30%,var(--bg-secondary))}.civ-chart-svg .cc-band-5{fill:color-mix(in srgb,var(--sys-color) 40%,var(--bg-secondary))}.civ-chart-svg .cc-bandg.is-active .cc-band,.civ-chart-svg .cc-bandg:hover .cc-band{filter:brightness(1.18)}.civ-chart-svg .cc-bandg.is-dim{opacity:.5}.civ-chart-svg .cc-band-line{stroke:var(--border-color);stroke-width:1.4}.civ-chart-svg .cc-band-label{fill:var(--text-primary);font-size:12.5px;font-weight:600}.civ-chart-svg .cc-band-crops{fill:var(--text-secondary);font-size:10.5px}.civ-chart-svg .cc-alt{fill:var(--text-muted);font-size:10.5px}.civ-chart-svg .cc-site{fill:var(--sys-color);opacity:.95;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.civ-chart-svg .cc-site.is-active,.civ-chart-svg .cc-site:hover{opacity:1;transform:translateY(-2px)}.civ-chart-svg .cc-site-dot{fill:var(--sys-color);opacity:.6}.civ-chart-svg .cc-site-tip{fill:var(--text-primary);font-size:10.5px;font-weight:600;paint-order:stroke;stroke:var(--bg-secondary);stroke-width:4px;stroke-linejoin:round}.civ-chart-svg .cc-legend-line{stroke:var(--border-color);stroke-width:1;opacity:.6}.civ-chart-svg .cc-legend{fill:var(--text-muted);font-size:10px}.bibliography{margin-top:4rem;max-width:900px;border-top:1px solid var(--border-color);padding-top:2rem}.bibliography-toggle{display:flex;align-items:center;gap:.6rem;background:none;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.7rem 1.1rem;border-radius:999px;cursor:pointer;transition:all .2s}.bibliography-toggle svg{color:var(--accent-gold)}.bibliography-toggle:hover{border-color:var(--border-highlight);background-color:var(--bg-secondary)}.bib-chevron{transition:transform .25s ease}.bibliography-toggle.open .bib-chevron{transform:rotate(180deg)}.bibliography-content{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.75rem}.bibliography-note{color:var(--text-muted);font-size:.85rem;line-height:1.6;max-width:720px}.bib-topic h3{font-family:var(--font-serif);font-size:1.05rem;color:var(--accent-gold);margin-bottom:.6rem}.bib-topic ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.bib-topic li{color:var(--text-secondary);font-size:.88rem;line-height:1.55;padding-left:1.1rem;position:relative}.bib-topic li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background-color:var(--accent-gold);opacity:.7}.bib-topic a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-gold) 40%,transparent);text-underline-offset:3px;transition:color .2s}.bib-topic a:hover{color:var(--accent-gold)}.timeline-section{margin-top:4.5rem;padding-top:2.75rem;border-top:1px solid var(--border-color);animation:civ-fade-rise .9s ease both}.timeline-heading{max-width:720px;margin-bottom:2rem}.timeline-kicker{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:2px;color:color-mix(in srgb,var(--accent-jade) 80%,#ffffff);margin-bottom:.6rem}.timeline-heading h2{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--text-primary);margin-bottom:.6rem}.timeline-heading p{color:var(--text-secondary);line-height:1.7;font-size:.98rem}.timeline-eras{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.25rem}.timeline-era-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem;border:1px solid color-mix(in srgb,var(--era-color) 38%,var(--border-color));border-radius:999px;background:color-mix(in srgb,var(--era-color) 8%,var(--bg-secondary))}.timeline-era-chip i{width:9px;height:9px;border-radius:50%;background-color:var(--era-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--era-color) 25%,transparent);flex-shrink:0}.timeline-era-chip span{font-size:.82rem;font-weight:600;color:var(--text-primary)}.timeline-era-chip em{font-style:normal;font-size:.76rem;color:var(--text-secondary);font-family:var(--font-serif)}.timeline-window{position:relative;padding:0 2rem}.timeline-stage{position:relative;min-height:360px}.timeline-ridge{position:absolute;left:0;right:0;bottom:0;height:130px;overflow:hidden;pointer-events:none}.timeline-ridge svg{width:100%;height:100%;display:block}.timeline-pop{position:absolute;bottom:calc(-1.5rem - 8px);width:300px;z-index:2;opacity:0;pointer-events:none;filter:blur(5px);transform:translate(var(--pop-shift,-50%),16px);transition:opacity .35s ease,transform .35s ease,filter .35s ease}.timeline-pop.visible{opacity:1;filter:blur(0);transform:translate(var(--pop-shift,-50%))}.timeline-pop-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-top:2px solid var(--era-color);border-radius:14px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.55)}.timeline-pop-card:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%) rotate(45deg);width:15px;height:15px;background:var(--bg-surface);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.timeline-pop-media{background-size:cover;background-position:50%;box-shadow:inset 0 -34px 44px -26px rgba(0,0,0,.7)}.timeline-pop-emblem,.timeline-pop-media{height:150px;border-bottom:1px solid var(--border-color)}.timeline-pop-emblem{display:flex;align-items:center;justify-content:center;background:radial-gradient(360px 160px at 50% -20%,color-mix(in srgb,var(--era-color) 42%,transparent),transparent 70%),var(--bg-secondary)}.timeline-pop-emblem span{font-family:var(--font-display);font-size:2rem;color:var(--era-color);letter-spacing:1px}.timeline-pop-body{padding:1.1rem 1.25rem 1.25rem}.timeline-pop-era{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--era-color) 80%,#ffffff);margin-bottom:.45rem}.timeline-pop-body h3{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-primary);margin-bottom:.55rem}.timeline-pop-body p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.timeline-track{position:relative;display:flex;align-items:flex-start;padding-top:1.5rem}.timeline-track-line{position:absolute;top:calc(1.5rem + 6px);left:0;right:0;height:2px;border-radius:999px;background:rgba(230,223,211,.12)}.timeline-track-progress{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-jade),var(--accent-gold));transition:width .4s ease}.timeline-item{flex:1 1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.7rem;background:none;border:none;padding:0;cursor:pointer}.timeline-item:focus-visible{outline:none}.timeline-item:focus-visible .timeline-point{outline:2px solid var(--accent-gold);outline-offset:4px}.timeline-point{width:14px;height:14px;position:relative;z-index:2;background:var(--bg-primary);border:2px solid var(--era-color);border-radius:3px;transform:rotate(45deg);box-shadow:0 0 0 4px var(--bg-primary);transition:background .25s ease,box-shadow .25s ease}.timeline-item.active .timeline-point,.timeline-item:hover .timeline-point{background:var(--era-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--era-color) 22%,var(--bg-primary)),0 0 18px color-mix(in srgb,var(--era-color) 60%,transparent)}.timeline-year{font-family:var(--font-serif);font-size:.8rem;color:var(--text-muted);white-space:nowrap;transition:color .2s ease}.timeline-item:hover .timeline-year{color:var(--text-primary)}.timeline-item.active .timeline-year{color:var(--accent-gold);font-weight:600}.timeline-list{display:none;list-style:none;padding:0;margin:0}@keyframes civ-fade-rise{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.lessons-list{display:flex;flex-direction:column;gap:1.5rem;max-width:900px}.lesson-row{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;gap:2rem;transition:all .2s}.lesson-row:hover{background-color:var(--bg-surface);border-color:var(--border-highlight)}.lesson-thumb{width:120px;height:80px;border-radius:8px;background-size:cover;background-position:50%;position:relative;flex-shrink:0}.play-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:8px;opacity:0;transition:opacity .2s}.lesson-row:hover .play-overlay{opacity:1}.lesson-details{flex:1 1}.lesson-module{font-size:.75rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}.lesson-details h2{font-family:var(--font-serif);font-size:1.25rem;margin:0 0 .5rem}.lesson-meta span{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.lesson-progress-container{width:150px;display:flex;flex-direction:column;gap:.5rem}.progress-bar{height:6px;background-color:var(--bg-primary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-gold);border-radius:3px}.progress-text{font-size:.75rem;color:var(--text-secondary);text-align:right}.start-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:6px;font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:all .2s}.start-btn:hover{background-color:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.lesson-reader{display:flex;flex-direction:column;overflow-y:hidden;padding:2rem 3rem 0}.lesson-reader-header{gap:1.25rem}.lesson-back-btn,.lesson-reader-header{display:flex;align-items:center;flex-shrink:0}.lesson-back-btn{width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);justify-content:center;cursor:pointer;transition:all .2s}.lesson-back-btn:hover{background-color:var(--bg-surface);border-color:var(--border-highlight)}.lesson-reader-titleblock h1{font-family:var(--font-display);font-size:1.75rem;margin:.15rem 0 0}.lesson-progress-track{display:flex;align-items:center;gap:.5rem;padding:1.5rem 0;flex-shrink:0}.lesson-progress-dot{width:10px;height:10px;border-radius:50%;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:0;cursor:pointer;transition:all .2s}.lesson-progress-dot:disabled{cursor:not-allowed;opacity:.5}.lesson-progress-dot.active,.lesson-progress-dot.done{background-color:var(--accent-gold);border-color:var(--accent-gold)}.lesson-progress-dot.active{width:14px;height:14px;box-shadow:0 0 0 3px rgba(201,169,78,.25)}.lesson-progress-dot.quiz-dot{border-radius:3px;margin-left:.5rem}.lesson-reader-body{flex:1 1;overflow-y:auto;padding-bottom:2rem}.lesson-quiz,.lesson-section{max-width:680px}.lesson-section-count{font-size:.75rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.75rem}.lesson-quiz h2,.lesson-section h2{font-family:var(--font-serif);font-size:1.6rem;margin:0 0 1.25rem}.lesson-section p{font-size:1.05rem;line-height:1.8;color:var(--text-primary)}.lesson-reader-footer{display:flex;justify-content:space-between;padding:1.25rem 0;border-top:1px solid var(--border-color);flex-shrink:0}.lesson-nav-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:6px;font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:all .2s}.lesson-nav-btn:hover:not(:disabled){background-color:var(--bg-surface);border-color:var(--border-highlight)}.lesson-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lesson-nav-btn.primary{background-color:var(--accent-gold);border-color:var(--accent-gold);color:#000;font-weight:600}.lesson-nav-btn.primary:hover:not(:disabled){opacity:.9;background-color:var(--accent-gold)}.quiz-status{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem}.quiz-status-label{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.quiz-status-track{flex:1 1;height:6px;border-radius:999px;background-color:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden}.quiz-status-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 55%,var(--accent-jade)),var(--accent-gold));transition:width .3s ease}.quiz-question{margin-bottom:1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:1.2rem 1.35rem 1.35rem}.quiz-question-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.quiz-question-num{flex:none;font-family:var(--font-serif);font-size:.9rem;line-height:1;color:var(--accent-gold);border:1px solid color-mix(in srgb,var(--accent-gold) 45%,var(--border-color));border-radius:9px;padding:.35rem .55rem;margin-top:.1rem}.quiz-question-text{font-size:1.02rem;font-weight:600;line-height:1.45;margin:0;color:var(--text-primary)}.quiz-options{display:flex;flex-direction:column;gap:.55rem}.quiz-option{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.7rem .9rem;border-radius:10px;font-family:var(--font-sans);font-size:.92rem;cursor:pointer;transition:all .2s}.quiz-option:hover{border-color:var(--border-highlight);background-color:var(--bg-surface);transform:translateY(-1px)}.quiz-option-letter{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);transition:all .2s}.quiz-option-text{flex:1 1;min-width:0}.quiz-option-radio{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-color);position:relative;transition:all .2s}.quiz-option.selected{border-color:var(--accent-gold);background-color:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-gold) 55%,transparent)}.quiz-option.selected .quiz-option-letter{background-color:var(--accent-gold);border-color:var(--accent-gold);color:#000}.quiz-option.selected .quiz-option-radio{border-color:var(--accent-gold)}.quiz-option.selected .quiz-option-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background-color:var(--accent-gold)}.quiz-option.reviewed{cursor:default}.quiz-option.reviewed:hover{border-color:var(--border-color);background-color:var(--bg-primary);transform:none}.quiz-option.reviewed .quiz-option-radio{display:none}.quiz-option.reviewed .quiz-option-mark{flex:none}.quiz-option.correct{border-color:color-mix(in srgb,var(--accent-jade) 60%,var(--border-color));background-color:color-mix(in srgb,var(--accent-jade) 14%,var(--bg-primary))}.quiz-option.correct .quiz-option-letter{background-color:var(--accent-jade);border-color:var(--accent-jade);color:#fff}.quiz-option.correct .quiz-option-mark{color:var(--accent-jade)}.quiz-option.incorrect{border-color:color-mix(in srgb,var(--accent-red) 60%,var(--border-color));background-color:color-mix(in srgb,var(--accent-red) 12%,var(--bg-primary))}.quiz-option.incorrect .quiz-option-letter{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff}.quiz-option.incorrect .quiz-option-mark{color:var(--accent-red)}.quiz-option.dimmed{opacity:.45}.quiz-question-note{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.84rem;font-weight:600;color:var(--accent-jade)}.quiz-submit-btn{background-color:var(--accent-gold);border:1px solid var(--accent-gold);color:#000;font-weight:600;padding:.95rem 1.75rem;border-radius:10px;font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:.75rem;width:100%}.quiz-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.quiz-submit-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.quiz-submit-hint{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:.65rem}.quiz-results{padding-bottom:1rem}.quiz-result-hero{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-gold) 8%,transparent),color-mix(in srgb,var(--accent-gold) 2%,transparent));border:1px solid color-mix(in srgb,var(--accent-gold) 40%,var(--border-color));border-radius:18px;padding:1.9rem 1.5rem 1.6rem;margin-bottom:1.5rem}.quiz-result-icon{display:flex;color:var(--accent-gold);margin-bottom:.3rem}.quiz-result-score{font-family:var(--font-serif);font-size:3rem;line-height:1;color:var(--text-primary)}.quiz-result-score em{font-style:normal;font-size:1.35rem;color:var(--text-muted)}.quiz-result-msg{font-size:.95rem;color:var(--text-secondary)}.quiz-result-bar{width:min(320px,100%);height:8px;border-radius:999px;background-color:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden;margin-top:.7rem}.quiz-result-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 55%,var(--accent-jade)),var(--accent-gold));transition:width .6s ease}.quiz-result-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1.25rem 0 0}.quiz-result-actions .quiz-submit-btn{width:auto;margin-top:0}.quiz-retry-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.95rem 1.5rem;border-radius:10px;font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:all .2s}.quiz-retry-btn:hover{border-color:var(--border-highlight);background-color:var(--bg-surface)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.gallery-card{background:none;border:none;text-align:left;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s}.gallery-card:hover{transform:scale(1.02)}.card-image{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.placeholder-icon{color:var(--card-accent);opacity:.5}.gallery-card:hover .card-image img{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:0;transition:opacity .2s}.gallery-card:hover .card-overlay{opacity:1}.card-overlay span{background-color:color-mix(in srgb,var(--card-accent) 60%,#000);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;transform:translateY(10px);transition:transform .2s}.gallery-card:hover .card-overlay span{transform:translateY(0)}.card-info{padding:1rem 0}.card-category{font-size:.75rem;color:color-mix(in srgb,var(--card-accent) 80%,#ffffff);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.25rem}.card-info h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-primary);margin:0}.book-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(26,31,38,.6),rgba(11,14,19,.94));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden;animation:bookFadeIn .35s ease both}.book-overlay.closing{animation:bookFadeOut .6s ease both}.book-stage{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;perspective:2600px}.book-glow{top:42%;width:78vmin;height:70vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--glow-color,#c9a94e) 30%,transparent) 0,transparent 68%);filter:blur(36px);z-index:0;animation:bookFadeIn .5s ease .1s both}.book-dust,.book-glow{position:absolute;left:50%;pointer-events:none}.book-dust{top:45%;z-index:4}.book-dust-puff{width:200px;height:140px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(226,208,158,.3),transparent 68%);filter:blur(12px);animation:dustCloud 1.7s ease-out .05s both}.book-dust-p,.book-dust-puff{position:absolute;left:0;top:0;border-radius:50%;opacity:0}.book-dust-p{width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);margin-top:calc(var(--s) / -2);background:radial-gradient(circle,rgba(233,218,176,.95),rgba(200,178,124,.35) 55%,transparent 72%);animation:dustBurst 1.5s cubic-bezier(.16,.8,.36,1) var(--d,0s) both}.book-dust-mote{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(230,216,175,.55);filter:blur(.4px);opacity:0;animation:dustMote 6s ease-in-out infinite}@keyframes dustBurst{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.35)}14%{opacity:.95}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1.2)}}@keyframes dustCloud{0%{opacity:0;transform:translate(-50%,-45%) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-85%) scale(1.7)}}@keyframes dustMote{0%,to{opacity:0;transform:translateY(26px) translateX(-8px)}40%{opacity:.7}80%{opacity:.25;transform:translateY(-34px) translateX(10px)}}.book-3d{position:relative;width:min(1040px,94vw);height:min(660px,66vh);transform-style:preserve-3d;animation:bookBreathe 10s ease-in-out infinite}.book-shadow{position:absolute;left:50%;bottom:-38px;width:90%;height:34px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%);filter:blur(10px);z-index:0}.book-covers{position:absolute;inset:-18px -34px;z-index:1;transform:translateZ(-80px);transform-style:preserve-3d}.book-cover-left,.book-cover-right{position:absolute;top:0;bottom:0;width:50%;background-color:#241305;background-image:var(--grain-tex),radial-gradient(90% 70% at 12% 18%,rgba(150,96,44,.35),transparent 55%),radial-gradient(70% 60% at 88% 82%,rgba(60,32,12,.5),transparent 60%),radial-gradient(120% 100% at 50% 0,rgba(120,74,32,.22),transparent 50%),linear-gradient(120deg,#4a2c12 0,#33200c 52%,#1f1005 100%);background-blend-mode:overlay,normal,normal,normal,normal;box-shadow:inset 0 0 0 1px rgba(168,126,58,.4),inset 0 0 40px rgba(0,0,0,.6)}.book-cover-left{left:0;border-radius:8px 2px 2px 8px;transform:rotateY(4deg);transform-origin:right center}.book-cover-right{right:0;border-radius:2px 8px 8px 2px;transform:rotateY(-4deg);transform-origin:left center}.book-cover-left .cover-gold,.book-cover-right .cover-gold{position:absolute;inset:12px;border:1px solid rgba(168,126,58,.38);border-radius:inherit;pointer-events:none}.book-cover-left:after,.book-cover-right:after{content:"";position:absolute;top:50%;width:10px;height:10px;border:1px solid rgba(168,126,58,.65);transform:translateY(-50%) rotate(45deg)}.book-cover-left:after{right:16px}.book-cover-right:after{left:16px}.book-spine{position:absolute;left:50%;top:-18px;bottom:-18px;width:30px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(90deg,#1a0e04,#3a2210 30%,#57391c 50%,#3a2210 70%,#1a0e04);box-shadow:0 0 0 1px rgba(0,0,0,.7),inset 0 0 18px rgba(0,0,0,.75)}.spine-band{left:4px;right:4px;top:12px}.spine-band,.spine-band:after{position:absolute;height:3px;border-radius:2px;background:rgba(168,126,58,.72)}.spine-band:after{content:"";left:0;right:0;top:20px}.spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-sans);font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:rgba(190,150,72,.88);text-align:center;-webkit-user-select:none;user-select:none}.fore-edge{position:absolute;top:-2px;bottom:-2px;width:18px;z-index:2;background:repeating-linear-gradient(90deg,#e9d9b4 0 1px,#f6ecd0 1px 3px,#dcc9a0 3px 4px)}.fore-edge-left{left:-18px;border-radius:4px 0 0 4px;box-shadow:inset 6px 0 6px rgba(43,27,12,.5)}.fore-edge-right{right:-18px;border-radius:0 4px 4px 0;box-shadow:inset -6px 0 6px rgba(43,27,12,.5)}.book-spread{position:absolute;inset:0;z-index:3;transform:translateZ(6px);transform-style:preserve-3d}.leaf{position:absolute;top:0;bottom:0;width:calc(50% - 11px);overflow:hidden;background:radial-gradient(ellipse at 30% 40%,rgba(180,132,60,.06),transparent 60%),radial-gradient(140% 90% at 70% 0,rgba(150,108,50,.18),transparent 55%),linear-gradient(158deg,#f4e5c2,#ead5a4 58%,#dcc08a);box-shadow:inset 0 0 46px rgba(110,78,30,.2),inset 0 0 8px rgba(70,48,18,.22)}.leaf:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grain-tex);mix-blend-mode:multiply;opacity:.16}.leaf-left{left:0;border-radius:6px 2px 2px 6px}.leaf-right{left:calc(50% + 11px);border-radius:2px 6px 6px 2px}.leaf-left:before,.leaf-right:before{content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none;z-index:2}.leaf-left:before{right:0;background:linear-gradient(90deg,transparent,rgba(90,62,20,.22))}.leaf-right:before{left:0;background:linear-gradient(90deg,rgba(90,62,20,.22),transparent)}.leaf-paper{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:1.5rem 1.6rem 1.1rem}.leaf-head{position:relative;border-bottom:1px solid rgba(60,42,16,.16);padding-bottom:.7rem;margin-bottom:.85rem}.leaf-kicker{display:block;font-family:var(--font-sans);font-size:.66rem;text-transform:uppercase;letter-spacing:2px;color:#6d4f0e;margin-bottom:.3rem}.leaf-head h2{font-family:var(--font-display);font-weight:400;font-size:1.32rem;line-height:1.18;color:#241b0c;margin:0;padding-right:2rem}.leaf-ornament{position:absolute;right:0;top:.1rem;color:rgba(150,110,30,.75);animation:ornamentSpin 16s linear infinite}.leaf-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem;font-size:.97rem;line-height:1.72;color:#37290f}.leaf-body::-webkit-scrollbar{width:5px}.leaf-body::-webkit-scrollbar-thumb{background:rgba(150,110,30,.45);border-radius:3px}.leaf-body p{margin:0 0 .75rem}.leaf-body blockquote{position:relative;margin:.7rem 0;padding:.55rem .9rem .55rem 1.1rem;border-left:3px solid #a07c22;background:rgba(201,169,78,.13);border-radius:0 6px 6px 0;font-style:italic;font-size:1.02rem;color:#4a3612}.leaf-quote-mark{position:absolute;top:-.5rem;left:.45rem;font-size:2.1rem;color:rgba(160,124,34,.5);line-height:1;font-family:Georgia,serif}.leaf-fact{display:flex;align-items:flex-start;gap:.55rem;margin:.5rem 0;padding:.5rem .7rem;background:rgba(60,42,16,.06);border:1px solid rgba(60,42,16,.14);border-radius:6px;font-size:.92rem}.leaf-fact-mark{flex-shrink:0;color:#8a651a;margin-top:.3rem}.endpaper{align-items:center;justify-content:center;gap:.8rem;text-align:center;color:rgba(120,88,30,.6)}.endpaper-ornament{display:flex;animation:ornamentSpin 20s linear infinite}.endpaper-text{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:#6d4f0e}.leaf-blank{align-items:center;justify-content:center;gap:.9rem;text-align:center;color:rgba(120,88,30,.55)}.blank-ornament{display:flex;animation:ornamentSpin 24s linear infinite reverse}.blank-flourish{width:min(72%,220px);height:auto;color:rgba(120,88,30,.5)}.blank-text{font-family:var(--font-serif);font-style:italic;font-size:.85rem;color:rgba(109,79,14,.75)}.flip-leaf{position:absolute;top:0;bottom:0;width:calc(50% - 11px);z-index:5;transform-style:preserve-3d;pointer-events:none;will-change:transform}.flip-leaf.turning-next{left:calc(50% + 11px);transform-origin:left center;animation:flipNext 1.35s cubic-bezier(.22,.61,.36,1) both}.flip-leaf.turning-prev{left:0;transform-origin:right center;animation:flipPrev 1.35s cubic-bezier(.22,.61,.36,1) both}.flip-face{position:absolute;inset:0;overflow:hidden;border-radius:2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(ellipse at 30% 40%,rgba(180,132,60,.06),transparent 60%),radial-gradient(140% 90% at 70% 0,rgba(150,108,50,.18),transparent 55%),linear-gradient(158deg,#f4e5c2,#ead5a4 58%,#dcc08a);box-shadow:inset 0 0 46px rgba(110,78,30,.2)}.flip-face:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grain-tex);mix-blend-mode:multiply;opacity:.16}.flip-front{transform:rotateY(0deg)}.flip-back{transform:rotateY(180deg)}.flip-front:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 28%,rgba(255,246,220,.36) 45%,rgba(255,246,220,.1) 54%,rgba(30,16,6,.16) 64%,transparent 80%);background-size:260% 100%}.turning-next .flip-front:before{animation:flipGlintNext 1.35s cubic-bezier(.22,.61,.36,1) both}.turning-prev .flip-front:before{animation:flipGlintPrev 1.35s cubic-bezier(.22,.61,.36,1) both}.flip-back:before{background:linear-gradient(105deg,rgba(60,42,16,.14),rgba(52,36,14,.32) 55%,rgba(24,14,5,.44))}.flip-back:before,.flip-leaf:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}.flip-leaf:before{transform:translateZ(2px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(100deg,rgba(18,10,4,.5),rgba(18,10,4,.22) 45%,transparent 78%);animation:flipShade 1.35s cubic-bezier(.22,.61,.36,1) both}.book-spread.turning:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;transform:translateZ(1px);background:linear-gradient(100deg,rgba(20,10,4,.34),rgba(20,10,4,.08) 38%,rgba(20,10,4,.08) 62%,rgba(20,10,4,.34));animation:bookTurnShade 1.35s cubic-bezier(.22,.61,.36,1) both}.bookmark{position:absolute;top:-22px;left:calc(50% + 16px);width:11px;height:46px;z-index:4;background:linear-gradient(180deg,#c97a4a,#8a3a1f 70%);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.book-navbar{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:.9rem;max-width:90vw;padding:.4rem .5rem .4rem 1.1rem;background:color-mix(in srgb,var(--bg-surface) 84%,transparent);border:1px solid var(--border-color);border-radius:999px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 14px 38px rgba(0,0,0,.5)}.book-context{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.book-nav{gap:.55rem}.book-nav,.book-nav-btn{display:flex;align-items:center}.book-nav-btn{width:36px;height:36px;border-radius:50%;justify-content:center;background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--accent-gold) 55%,var(--border-color));color:var(--accent-gold);cursor:pointer;transition:all .22s ease}.book-nav-btn:hover:not(:disabled){background:var(--accent-gold);color:#1c1505;transform:translateY(-2px);box-shadow:0 8px 18px rgba(201,169,78,.35)}.book-nav-btn:disabled{opacity:.32;cursor:not-allowed}.book-counter{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--accent-gold);min-width:3.4rem;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.book-close{position:absolute;top:1.4rem;right:1.4rem;z-index:6;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-highlight);color:var(--accent-gold);cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5);transition:all .28s ease}.book-close:hover{background:var(--accent-gold);color:#1c1505;transform:rotate(90deg);box-shadow:0 0 0 7px rgba(201,169,78,.18)}@keyframes bookFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bookFadeOut{0%{opacity:1}to{opacity:0}}@keyframes bookBreathe{0%,to{transform:rotateX(8deg) translateY(0)}50%{transform:rotateX(8deg) translateY(-7px)}}@keyframes flipNext{0%{transform:rotateY(0deg) translateZ(7px)}to{transform:rotateY(-178deg) translateZ(4px)}}@keyframes flipPrev{0%{transform:rotateY(0deg) translateZ(7px)}to{transform:rotateY(178deg) translateZ(4px)}}@keyframes flipGlintNext{0%{opacity:0;background-position:135% 0}10%{opacity:1;background-position:125% 0}50%{opacity:1;background-position:45% 0}85%{opacity:.5;background-position:-20% 0}to{opacity:0;background-position:-50% 0}}@keyframes flipGlintPrev{0%{opacity:0;background-position:-135% 0}10%{opacity:1;background-position:-125% 0}50%{opacity:1;background-position:-45% 0}85%{opacity:.5;background-position:20% 0}to{opacity:0;background-position:50% 0}}@keyframes bookTurnShade{0%{opacity:0}45%{opacity:.55}60%{opacity:.5}to{opacity:0}}@keyframes flipShade{0%{opacity:0}42%{opacity:.5}58%{opacity:0}to{opacity:0}}@keyframes ornamentSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.book-glow{width:120vmin;height:85vmin;top:36%}.book-3d{width:96vw;height:58vh}.leaf-paper{padding:1rem 1.1rem .9rem}.leaf-head h2{font-size:1.12rem}.leaf-body{font-size:.92rem}.spine-title{display:none}.book-navbar{bottom:1.1rem;gap:.6rem;padding-left:.9rem}.book-context{display:none}.book-close{top:.9rem;right:.9rem}}@media (prefers-reduced-motion:reduce){.book-overlay{animation-duration:.001ms!important}.book-3d,.book-dust-mote,.book-dust-p,.book-dust-puff,.civ-chart-svg,.endpaper-ornament,.flip-leaf.turning-next,.flip-leaf.turning-prev,.leaf-ornament{animation:none!important}}@media (max-width:1380px){.topbar{padding:0 1rem}.main-nav{gap:.3rem}.main-nav button{padding:.4rem .5rem;gap:.35rem}.topbar-right{gap:.5rem}.search-box input{width:100px}.music-vol input[type=range]{width:40px}}@media (max-width:1200px){.topbar{flex-wrap:wrap;height:auto;padding:.6rem 1rem;row-gap:.5rem;column-gap:.75rem}.brand em{display:none}.brand strong{font-size:1rem}.nav-label{display:none}.main-nav{gap:.15rem}.main-nav button{padding:.5rem}.topbar-right{flex:1 1 100%}.search-box{flex:1 1}.search-box input{width:100%}}@media (max-width:1024px){.app-shell{grid-template-rows:auto 1fr}.workspace{display:flex;flex-direction:column;height:auto;overflow-y:auto}.artifact-library{border-right:none;border-bottom:1px solid var(--border-color);flex:0 0 auto;max-height:280px}.viewer-shell{flex:0 0 auto;height:55vh;min-height:320px}.tip-note{display:none}.info-panel{border-left:none;border-top:1px solid var(--border-color);flex:0 0 auto;overflow-y:visible}.learning-cards{position:static;left:auto;right:auto;width:100%;height:auto}.full-view{padding:2rem 1.75rem 6rem}.view-header h1{font-size:2rem}.info-title-row h1{font-size:1.6rem}.view-caption strong{font-size:1.8rem}.lesson-reader{padding:1.5rem 1.75rem 0}}@media (max-width:640px){.topbar{flex-wrap:wrap;height:auto;padding:.6rem 1rem;row-gap:.5rem;column-gap:.75rem}.brand em{display:none}.brand strong{font-size:1rem}.nav-label{display:none}.main-nav{gap:.15rem}.main-nav button{padding:.5rem}.topbar-right{flex:1 1 100%}.search-box{flex:1 1}.search-box input{width:100%}.artifact-library{max-height:none;overflow:visible}.artifact-list{flex-direction:row;overflow-x:auto;padding:.75rem}.artifact-item{flex-shrink:0;width:210px}.inspirational-quote{display:none}.viewer-shell{height:46vh;min-height:280px}.view-caption{left:1rem;bottom:1rem}.view-caption strong{font-size:1.4rem}.viewer-tools{left:1rem;top:1rem}.info-panel{padding:1.5rem 1.25rem}.info-title-row h1{font-size:1.4rem}.full-view{padding:1.5rem 1.25rem 6rem}.view-header h1{font-size:1.6rem}.view-header p{font-size:.95rem}.gallery-grid,.systems-grid{gap:1.25rem}.civ-hero{flex-direction:column;gap:1rem;margin-top:2rem}.civ-hero-text h1{font-size:2rem}.civ-stats{grid-template-columns:1fr 1fr}.civ-detail{flex-direction:column;gap:.6rem;padding:1.5rem 0}.civ-detail-index{width:auto}.civ-banner{height:180px}.system-banner{height:130px}.world-photo-img{height:180px}.world-method{padding:1.25rem}.civ-compare{margin-top:2.5rem;padding-top:1.5rem}.civ-compare-title{font-size:1.3rem}.civ-chart{padding:.9rem .8rem}.civ-matrix{font-size:.78rem}.civ-matrix tbody th,.civ-matrix td,.civ-matrix thead th{padding:.6rem .5rem}.timeline-section{margin-top:3rem;padding-top:2rem}.timeline-heading h2{font-size:1.6rem}.timeline-window{display:none}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-list-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--era-color);border-radius:12px;padding:1.25rem}.timeline-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.timeline-list-year{font-family:var(--font-display);font-size:1.5rem;color:var(--era-color)}.timeline-list-era{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.timeline-list-item h3{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-primary);margin-bottom:.6rem}.timeline-list-media{height:150px;border-radius:10px;background-size:cover;background-position:50%;border:1px solid var(--border-color);margin-bottom:.6rem}.timeline-list-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.timeline-era-chip em{display:none}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lesson-row{flex-wrap:wrap;gap:1rem;padding:1.25rem}.lesson-details{flex:1 1 160px}.lesson-progress-container{width:auto;flex:1 1 120px}.lesson-reader{padding:1.25rem 1.25rem 0}.lesson-reader-titleblock h1{font-size:1.35rem}.lesson-back-btn{width:36px;height:36px}.lesson-quiz h2,.lesson-section h2{font-size:1.3rem}.lesson-section p{font-size:1rem}.lesson-reader-footer{padding:1rem 0}.lesson-nav-btn,.quiz-submit-btn{padding:.7rem 1.1rem;font-size:.85rem}.quiz-question{padding:1rem 1rem 1.1rem;border-radius:12px}.quiz-option{padding:.65rem .8rem}.quiz-result-hero{padding:1.5rem 1.1rem 1.3rem}.quiz-result-score{font-size:2.4rem}.quiz-result-actions{flex-direction:column;gap:.6rem}.quiz-result-actions .quiz-retry-btn,.quiz-result-actions .quiz-submit-btn{width:100%}}.music-player{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .55rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary)}.music-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.music-eq i{width:2.5px;height:6px;background:var(--accent-jade,#4a7c59);border-radius:1px}.music-player.is-playing .music-eq i{animation:music-eq-bounce 1s ease-in-out infinite}.music-player.is-playing .music-eq i:nth-child(2){animation-delay:.2s}.music-player.is-playing .music-eq i:nth-child(3){animation-delay:.4s}@keyframes music-eq-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.4)}}.music-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(201,169,78,.55);background:rgba(201,169,78,.12);color:var(--accent-gold,#c9a94e);cursor:pointer;transition:background .2s ease,transform .2s ease}.music-toggle:hover{background:rgba(201,169,78,.25);transform:scale(1.05)}.music-toggle:focus-visible{outline:2px solid var(--accent-gold,#c9a94e);outline-offset:2px}.music-vol{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted,#6b6255)}.music-vol input[type=range]{width:56px;height:3px;accent-color:var(--accent-gold,#c9a94e);cursor:pointer}@media (max-width:640px){.music-eq,.music-vol svg{display:none}.music-player{gap:.35rem;padding:.15rem .45rem}.music-vol input[type=range]{width:40px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.intro-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at center,rgba(74,124,89,.12),transparent 60%),var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-focus 1s ease both}.intro-overlay.closing{animation:intro-dissipate .5s ease forwards;pointer-events:none}.intro-mist{position:absolute;inset:0;z-index:0;pointer-events:none}.intro-mist canvas{display:block}.intro-panel{position:relative;z-index:1;width:min(560px,100%);max-height:88vh;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-highlight);border-radius:20px;padding:2.5rem 2.75rem;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.55);animation:intro-rise .95s cubic-bezier(.22,1,.36,1) both}.intro-overlay.closing .intro-panel{animation:intro-sink .5s ease forwards}@keyframes overlay-focus{0%{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}to{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(46px) scale(.96);filter:blur(14px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes intro-sink{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(34px) scale(.97);filter:blur(12px)}}@keyframes intro-dissipate{0%{opacity:1}to{opacity:0}}.intro-kicker{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--accent-gold);margin-bottom:.75rem}.intro-title{font-size:2.1rem;color:var(--text-primary)}.intro-title em{font-style:italic;color:var(--accent-gold)}.intro-tagline{font-family:var(--font-serif);font-style:italic;color:var(--text-secondary);font-size:.95rem;margin-top:.4rem}.intro-logo-wrap{display:flex;justify-content:center;margin:1.5rem 0}.intro-logo{height:212px;width:auto;max-width:min(220px,100%);object-fit:contain;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);padding:.5rem}.intro-mission{color:var(--text-primary);font-size:1rem;line-height:1.7;max-width:46ch;margin:0 auto 1.75rem}.intro-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:999px;border:1px solid var(--accent-gold);background:rgba(201,169,78,.12);color:var(--accent-gold);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.intro-btn:hover{background:rgba(201,169,78,.25);transform:translateY(-1px)}.intro-btn:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.proj-fab{position:fixed;left:1.25rem;bottom:1.25rem;z-index:250;width:56px;height:56px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-highlight);color:var(--accent-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.45);transition:transform .2s ease}.proj-fab:hover{transform:scale(1.06)}.proj-fab:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.proj-fuse{position:absolute;inset:-1px;color:var(--accent-gold);animation:fuse-spin 7s linear infinite}.proj-fuse svg{display:block;width:100%;height:100%}.proj-fuse-spark{position:absolute;top:2px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 10px 2px rgba(201,169,78,.8)}.proj-fab-icon{display:flex;align-items:center;justify-content:center}.proj-fab-label{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(-6px);white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-highlight);color:var(--text-primary);padding:.4rem .85rem;border-radius:999px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.proj-fab:focus-visible .proj-fab-label,.proj-fab:hover .proj-fab-label{opacity:1;transform:translateY(-50%) translateX(0)}@keyframes fuse-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.proj-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:1.5rem;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.proj-overlay.closing .proj-panel{animation:civ-fade-rise .3s ease reverse both}.proj-panel{position:relative;width:min(620px,100%);max-height:86vh;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-highlight);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.55);animation:civ-fade-rise .4s ease both}.proj-close{position:absolute;top:.9rem;right:.9rem;background:none;border:1px solid var(--border-color);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease}.proj-close:hover{color:var(--accent-gold);border-color:var(--accent-gold)}.proj-close:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.proj-panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border-color)}.proj-logo{height:72px;width:auto;max-width:120px;object-fit:contain;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface);padding:.4rem;flex-shrink:0}.proj-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-gold)}.proj-panel-head h2{font-family:var(--font-display);font-size:1.5rem;margin:.2rem 0 .25rem}.proj-panel-head h2 em{font-style:italic;color:var(--accent-gold)}.proj-panel-head p{color:var(--text-secondary);font-size:.85rem}.proj-panel-body{padding:1.5rem 2rem 2rem}.proj-panel-body section{margin-bottom:1.5rem}.proj-panel-body h3{font-size:1.05rem;margin-bottom:.5rem}.proj-panel-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.proj-photo-figure{margin:1.75rem 0;border-top:1px solid var(--border-color);padding-top:1.5rem}.proj-photo{width:100%;max-height:320px;object-fit:cover;border-radius:12px;border:1px solid var(--border-color)}.proj-photo-figure figcaption{margin-top:.9rem;padding-left:.9rem;border-left:3px solid var(--accent-gold);color:var(--text-secondary);font-family:var(--font-serif);font-style:italic;font-size:.9rem;line-height:1.6}.proj-credits{border-top:1px solid var(--border-color);padding-top:1.25rem}.proj-credit{display:flex;gap:1rem;padding:.4rem 0;font-size:.88rem}.proj-credit dt{color:var(--accent-gold);min-width:110px}.proj-credit dd{color:var(--text-secondary)}.project-view{max-width:1080px;margin:0 auto}.project-head{margin-bottom:2.5rem}.project-head h1 em{font-style:italic;color:var(--accent-gold)}.view-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-gold);margin-bottom:.75rem}.project-hero{display:flex;align-items:center;gap:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;padding:2.5rem;margin-bottom:1.5rem}.project-emblem{flex-shrink:0}.project-logo{height:200px;width:auto;max-width:100%;object-fit:contain;border:1px solid var(--border-highlight);border-radius:14px;background:var(--bg-surface);padding:.75rem}.project-hero-text h2{font-size:1.35rem;margin-bottom:.6rem}.project-hero-text p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;padding:2rem}.project-card h3{font-size:1.1rem;margin-bottom:.6rem}.project-card p{color:var(--text-secondary);line-height:1.7;font-size:.98rem}.project-photo{width:100%;max-height:360px;object-fit:cover;border-radius:12px;border:1px solid var(--border-color)}.project-card figcaption{margin-top:.9rem;padding-left:.9rem;border-left:3px solid var(--accent-gold);color:var(--text-secondary);font-family:var(--font-serif);font-style:italic;font-size:.92rem;line-height:1.6}.project-credits{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;padding:2rem;margin-bottom:1.5rem}.project-credits h3{font-size:1.1rem;margin-bottom:1rem}.project-credit{display:flex;gap:1rem;padding:.45rem 0;font-size:.92rem;border-bottom:1px dashed var(--border-color)}.project-credit:last-child{border-bottom:none}.project-credit dt{color:var(--accent-gold);min-width:140px}.project-credit dd{color:var(--text-secondary)}.project-cta{display:flex;justify-content:center;padding:1rem 0 2rem}@media (max-width:640px){.intro-panel{padding:1.75rem 1.5rem}.intro-title{font-size:1.7rem}.project-hero{flex-direction:column;align-items:flex-start;padding:1.5rem}.project-logo{height:200px}.project-grid{grid-template-columns:1fr}.proj-fab{left:.9rem;bottom:.9rem;width:50px;height:50px}}