:root{--gold: #D4A843;--gold-light: #F0CC6E;--wood: #2C1810;--wood-light: #3A2215;--wood-mid: #4A2E1A;--parchment: #F5E6C8;--parchment-dark: #E8D4A8;--red: #8B2500;--red-light: #C43A00;--white: #FFF8EE;--shadow: rgba(0, 0, 0, .5);--cat-drinking: #C4831A;--cat-social: #2B6BD4;--cat-funny: #8B2BD4;--cat-food: #1E9E3A;--cat-embarrassing: #C42B2B;--cat-nice: #C49A00;--cat-creative: #2BC4C4;--cat-finale: #6B0000;--cat-action: #1A1A3E}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background-color:var(--wood);background-image:radial-gradient(ellipse at 20% 20%,rgba(212,168,67,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,37,0,.06) 0%,transparent 50%);color:var(--parchment);font-family:Crimson Pro,Georgia,serif;font-size:18px;min-height:100dvh;overflow-x:hidden}h1,h2,h3{font-family:Cinzel,Times New Roman,serif;color:var(--gold);line-height:1.2}button{font-family:Cinzel,serif;cursor:pointer;border:2px solid var(--gold);background:var(--wood-light);color:var(--gold);padding:.6em 1.4em;border-radius:8px;font-size:1rem;transition:background .2s,color .2s,transform .1s;-webkit-tap-highlight-color:transparent}button:hover{background:var(--gold);color:var(--wood)}button:active{transform:scale(.96)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:var(--gold);color:var(--wood);font-weight:700}button.primary:hover{background:var(--gold-light)}button.danger{border-color:var(--red-light);color:var(--red-light);background:transparent}button.danger:hover{background:var(--red);color:var(--white);border-color:var(--red)}input{font-family:Crimson Pro,serif;font-size:1.1rem;padding:.6em 1em;border:2px solid var(--gold);border-radius:8px;background:var(--wood-light);color:var(--parchment);width:100%}input:focus{outline:none;border-color:var(--gold-light);box-shadow:0 0 0 3px #d4a84333}input::placeholder{color:#f5e6c866}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem}.card-badge{display:inline-block;padding:.15em .6em;border-radius:20px;font-size:.7rem;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--wood-light)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}