*{box-sizing:border-box;margin:0;padding:0}:root{--gold: #ffd700;--gold-dark: #b8860b;--blue-dark: #0a1628;--blue-mid: #1a2d4a;--blue-light: #2d4a6f;--white: #ffffff;--green: #22c55e;--red: #ef4444;--gray: #6b7280}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--blue-dark);color:var(--white);min-height:100vh}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;border-radius:8px;padding:.5rem 1rem;transition:transform .1s,opacity .2s}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-game{padding:.6rem 1.25rem;border-radius:10px;border:2px solid rgba(255,215,0,.5);font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.btn-game:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 12px #ffd7004d;transform:translateY(-1px)}.btn-game:active:not(:disabled){transform:translateY(0)}.btn-gold{background:linear-gradient(180deg,gold,#daa520);color:var(--blue-dark)}.btn-blue{background:linear-gradient(180deg,#2d4a6f,#1a2d4a);color:var(--white)}.btn-red{background:linear-gradient(180deg,#c53030,#9b2c2c);color:var(--white);border-color:#ef444480}.btn-gray{background:linear-gradient(180deg,#4b5563,#374151);color:var(--white);border-color:#6b728080}input,select,textarea{font-family:inherit;padding:.5rem;border-radius:6px;border:1px solid var(--blue-light);background:var(--blue-mid);color:var(--white)}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}