:root{--bordeaux: #5C1A28;--claret: #7A2035;--gold: #B8973A;--gold-light: #D4A84B;--bg: #F5F0E8;--bg-card: #FDFAF5;--bg-sidebar: #2C0B14;--text: #1C1008;--text-muted: #6B5C4E;--border: #DDD5C4;--border-light: #EDE6D8;--success: #2D6A4F;--error: #8B1A1A;--navy: #5C1A28;--blue: #7A2035;--font-display: "Cormorant Garamond", serif;--font-body: "DM Sans", sans-serif;--font-serif: "EB Garamond", serif;--radius: 10px;--shadow: 0 4px 20px rgba(92,26,40,.09);--shadow-lg: 0 8px 32px rgba(92,26,40,.15);--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em}button{cursor:pointer;font-family:var(--font-body);border:none;transition:var(--transition)}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:2rem;max-width:calc(100vw - 260px)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:1.5rem}.btn-primary{background:var(--bordeaux);color:#faf6ee;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;letter-spacing:.02em}.btn-primary:hover{background:var(--claret)}.btn-gold{background:var(--gold);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600}.btn-gold:hover{background:var(--gold-light)}.btn-outline{background:transparent;color:var(--bordeaux);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:1.5px solid var(--bordeaux)}.btn-outline:hover{background:var(--bordeaux);color:#faf6ee}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg-sidebar);color:#faf6ee;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(184,151,58,.2)}.sidebar-logo-lockup{max-height:54px;width:auto;display:block}.sidebar-logo-mark{display:none;max-height:36px;width:auto}@media(max-width:360px){.sidebar-logo-lockup{display:none}.sidebar-logo-mark{display:block}}.sidebar-nav{flex:1;padding:.85rem .75rem;display:flex;flex-direction:column;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-radius:6px;color:#faf6ee94;background:transparent;font-size:.84rem;font-weight:500;text-align:left;width:100%;transition:var(--transition);letter-spacing:.01em}.nav-item:hover{background:#faf6ee12;color:#faf6ee}.nav-item.active{background:#b8973a29;color:var(--gold);font-weight:600}.sidebar-footer{padding:.85rem 1.5rem;border-top:1px solid rgba(184,151,58,.12);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.3;font-family:var(--font-body)}.hamburger-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:98;background:var(--bordeaux);color:#faf6ee;border:none;border-radius:8px;padding:.5rem;line-height:0;box-shadow:var(--shadow)}.page-header{margin-bottom:1.75rem}.page-header h1{font-size:clamp(1.6rem,3vw,2.1rem);color:var(--bordeaux);font-weight:700;letter-spacing:.01em;line-height:1.15}.page-header p{color:var(--text-muted);margin-top:.3rem;font-size:.9rem;line-height:1.55}.answer-btn{display:block;width:100%;text-align:left;padding:.85rem 1.1rem;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-card);font-size:.92rem;line-height:1.45;margin-bottom:.6rem;transition:var(--transition);color:var(--text)}.answer-btn:hover:not(:disabled){border-color:var(--claret);background:#fbf3ec}.answer-btn.correct{border-color:var(--success);background:#eff7f3;color:var(--success)}.answer-btn.incorrect{border-color:var(--error);background:#fdf0f0;color:var(--error)}.answer-btn.revealed{border-color:var(--success);background:#eff7f3}.progress-track{background:var(--border-light);border-radius:99px;height:7px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:var(--gold);transition:width .4s ease}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.flash-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.flash-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:99px;font-family:var(--font-body);letter-spacing:.02em}.badge-green{background:#e6f2ec;color:var(--success)}.badge-gold{background:#f5edd8;color:#7a5c1a}.badge-navy{background:#f0e8ea;color:var(--bordeaux)}.badge-red{background:#f5e8e8;color:var(--error)}.accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-light);font-size:.95rem;font-weight:600;color:var(--bordeaux);text-align:left;font-family:var(--font-body)}.accordion-content{padding:.75rem 0 .25rem}.stat-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:1.25rem 1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--bordeaux);font-family:var(--font-display)}.stat-label{font-size:.68rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.xp-card{background:linear-gradient(135deg,#2c0b14,#5c1a28);color:#faf6ee;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(184,151,58,.2)}.game-dark{margin:-2rem;padding:2rem;min-height:calc(100vh + -0px);background:#0f0f1a;color:#f0f0f0}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;max-width:100vw;padding:4rem 1rem 1rem}.hamburger-btn{display:block}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.privacy-content{line-height:1.7;font-size:.93rem;color:var(--text)}.privacy-content h1.pp-title{font-family:var(--font-display);font-size:2rem;color:var(--navy);margin-bottom:.35rem}.privacy-content .pp-subtitle{color:var(--text-muted);font-size:.88rem;margin-bottom:2rem}.privacy-content h2{font-family:var(--font-display);font-size:1.25rem;color:var(--navy);margin:2.25rem 0 .75rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.privacy-content h2:first-of-type{border-top:none;padding-top:0}.privacy-content h3{font-family:var(--font-display);font-size:1.05rem;color:var(--navy);margin:1.5rem 0 .5rem}.privacy-content p{margin-bottom:.9rem}.privacy-content ul{margin:.5rem 0 .9rem 1.5rem}.privacy-content ul li{margin-bottom:.4rem}.privacy-content ul ul{margin-top:.35rem}.privacy-content a{color:#1a3faa;text-decoration:underline;word-break:break-word}.privacy-content a:hover{color:var(--navy)}.privacy-content table{font-size:.88rem}.privacy-content table th{font-weight:600}.privacy-content .pp-attribution{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border-light);font-size:.82rem;color:var(--text-muted)}