:root{--bg-primary:#0e1420;--bg-secondary:#141e30;--bg-card:#0f3460;--accent:#e94560;--accent-glow:#ff6b81;--text-primary:#f0ece4;--text-secondary:#9aa3b0;--green:#2ecc71;--yellow:#f1c40f;--red:#e74c3c;--orange:#e67e22;--strawberry:#e74c3c;--banana:#f1c40f;--grape:#9b59b6;--durian:#27ae60;--gorilla:#8b4513;--bell-gold:gold;--card-shadow:0 4px 20px #0006;--card-border:1px solid #ffffff14;--radius:12px;--radius-sm:8px;--panel-bg:#0f1420bf}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{zoom:1.1}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);background-image:url(/assets/background.png);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 40%,#0009 100%);position:fixed;inset:0}#root{z-index:1;position:relative}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;transition:all .2s}button:disabled{cursor:not-allowed}input{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes bellGlow{0%,to{box-shadow:0 0 15px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70033}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-200px)rotate(720deg)}}@keyframes cardHoverGlow{0%,to{box-shadow:0 2px 10px #0000004d}50%{box-shadow:0 4px 20px #ffd70026}}@media (width<=640px){body{font-size:14px}}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}}