html,body,#root{height:100%}body{margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:20px;color:#4d2e00;position:relative}a{color:inherit}button{font-family:inherit}h1{font-weight:900;letter-spacing:.3px}button,.button{padding:.9rem 1.4rem;border-radius:14px;font-size:1.08rem}input,select,textarea{font-family:inherit;font-size:1.05rem;padding:.75rem .9rem;border-radius:12px}:focus-visible{outline:3px solid #ffd78f;outline-offset:2px;border-radius:8px}:root{--panel-bg-grad: linear-gradient(180deg, #fffaf2 0%, #eef7ff 100%);--panel-strong-bg: linear-gradient(180deg, #ffefd3 0%, #e1f0ff 100%);--button-grad: linear-gradient(180deg, #ffb84d 0%, #ff8a2e 100%);--button-hover-grad: linear-gradient(180deg, #ffd07e 0%, #ff9f52 100%);--primary: #ff7a00;--primary-dark: #d96500;--accent: #4ea6ff;--accent-2: #6ccf8b}body:before{content:"";position:fixed;inset:-10% -10% auto -10%;height:60%;background:radial-gradient(40% 60% at 20% 20%,#d2eaff59,#d2eaff00 60%),radial-gradient(35% 55% at 80% 10%,#d2eaff40,#d2eaff00 60%);pointer-events:none;z-index:0}.button,button{background:var(--button-grad);color:#5b3900;box-shadow:0 8px 18px #00000014}.button:hover,button:hover{background:var(--button-hover-grad)}.game-card,.auth .form-box,.ss-bin,.pp-btn,.syn-btn,.mq-btn,.fp-btn,.wb-letter,.cl-slider,.cc-btn,.me-btn,.saf-btn,.rt-btn,.hm-card,.hm-animal,.td-bg{background:var(--panel-strong-bg)!important}.tab-button{background:linear-gradient(180deg,#ffe1a6,#ffd089)}.tab-button.active{background:linear-gradient(180deg,#ffd089,#ffb255);color:#5b3900}.sb-progress .fill{background:linear-gradient(90deg,#ffaf3a,#ff7e2e)!important}@media (max-width: 768px){body{padding-bottom:74px}h1{font-size:2.1rem}.button,button{font-size:1.15rem;padding:1rem 1.2rem;border-radius:16px}}@supports (padding: max(0px)){@media (max-width: 768px){body{padding-bottom:max(74px,env(safe-area-inset-bottom))}}}