*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brown-dark: #1a1008;--brown: #2d1f14;--brown-mid: #3d2b1f;--brown-light: #6b4c38;--gold: #c8963c;--gold-light: #e8b050;--cream: #f5ede0;--text: #e8d8c0;--text-light: #a89070;--page-bg: #ffffff;--danger: #c0392b}html,body{height:100%;font-family:Georgia,Times New Roman,serif;background:var(--brown-dark);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--brown-dark)}::-webkit-scrollbar-thumb{background:var(--brown-light);border-radius:3px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.btn-gold{background:var(--gold);color:#1a0f06;font-weight:700}.btn-gold:hover{background:var(--gold-light)}.btn-ghost{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:#ffffff26}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e74c3c}@keyframes flipOut{0%{transform:perspective(1200px) rotateY(0);opacity:1}to{transform:perspective(1200px) rotateY(-90deg);opacity:0}}@keyframes flipIn{0%{transform:perspective(1200px) rotateY(90deg);opacity:0}to{transform:perspective(1200px) rotateY(0);opacity:1}}.spread-flip-out{animation:flipOut .3s ease-in forwards}.spread-flip-in{animation:flipIn .3s ease-out forwards}