@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Lora:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #C9A84C;--gold-light: #E8C97A;--gold-dark: #8B6914;--terra: #B5541A;--terra-light: #D6703C;--indigo-deep: #1A1A3E;--indigo-mid: #252557;--jungle: #1A3A2A;--earth: #3D2B1F;--sand: #C4A882;--sand-light: #E8D5B5;--dark-bg: #02020A;--card-bg: rgba(25, 20, 12, .85);--glass: rgba(201, 168, 76, .08);--glass-border: rgba(201, 168, 76, .25);--ch1-gold: #C9A84C;--ch2-blue: #60A5FA;--ch3-purple: #A78BFA}html,body,#root{width:100%;height:100%;overflow:auto}body{font-family:Inter,sans-serif;background:var(--dark-bg);color:var(--sand-light);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom}#root{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:2px}.font-title{font-family:Cinzel Decorative,serif}.font-lore{font-family:Lora,serif}.gold-text{color:var(--gold)}.gold-gradient{background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-dark));color:var(--earth);font-family:Cinzel Decorative,serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 4px 20px #c9a84c66;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:inherit}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9a84c8c;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:transparent;color:var(--sand-light);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);background:var(--glass)}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}20%{opacity:.8}80%{opacity:.4}to{transform:translateY(-120px) translate(var(--dx)) scale(.5);opacity:0}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);animation:float-particle var(--dur) var(--delay) ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #c9a84c4d}50%{box-shadow:0 0 40px #c9a84c99,0 0 80px #c9a84c33}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes museum-float{0%{transform:translate(0)}25%{transform:translate(6px,-8px)}50%{transform:translate(-4px,4px)}75%{transform:translate(5px,6px)}to{transform:translate(0)}}.museum-float{animation:museum-float 6s ease-in-out infinite}.hud{position:absolute;z-index:10;pointer-events:none}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down{animation:slide-down .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .4s ease both}.side-pillar{position:absolute;top:0;bottom:0;width:calc((100vw - (1280 / 720) * 100dvh) / 2);min-width:0;background:#0d0d1a;z-index:5;pointer-events:none;overflow:hidden;display:none}@media(min-aspect-ratio:1280/720){.side-pillar{display:block}}.side-pillar-left{left:0}.side-pillar-right{right:0}.side-pillar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="40"><path d="M0 20L25 0L50 20L75 0L100 20V25L75 5L50 25L25 5L0 25V20Z" fill="%23C9A84C"/></svg>');background-repeat:repeat}.screen-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;padding:2rem 1rem}.pattern-kente{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cpath d='M0 30h120M30 0v60M90 0v60M0 0l30 30L0 60M120 0l-30 30 30 30M30 15h60M30 45h60' fill='none' stroke='%23C9A84C' stroke-width='1' stroke-opacity='0.15'/%3E%3C/svg%3E")}.pattern-bogolan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M0 0l40 40L0 80M80 0L40 40l40 40M40 0v80' fill='none' stroke='%2360A5FA' stroke-width='1.5' stroke-opacity='0.12'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%2360A5FA' fill-opacity='0.2'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%2360A5FA' fill-opacity='0.2'/%3E%3C/svg%3E")}.pattern-royal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M50 10L60 35H40L50 10zM10 50L35 60V40L10 50zM90 50L65 40V60L90 50zM50 90L40 65H60L50 90z' fill='%23A78BFA' fill-opacity='0.15'/%3E%3Ccircle cx='50' cy='50' r='8' fill='none' stroke='%23A78BFA' stroke-width='1' stroke-opacity='0.2'/%3E%3C/svg%3E")}canvas{object-fit:contain!important;max-width:100%;max-height:100%}