:root{--font-heading: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--bg-deep: #e0f2fe;--bg-dark: #bae6fd;--bg-card: #ffffff;--border-color: #1e293b;--primary: #fb923c;--primary-hover: #f97316;--secondary: #ec4899;--secondary-hover: #db2777;--accent: #fde047;--accent-hover: #facc15;--text-main: #1e293b;--text-muted: #64748b;--text-light: #ffffff;--success: #84cc16;--error: #ef4444;--warning: #eab308;--transition-fast: .15s ease-out;--transition-normal: .25s cubic-bezier(.34, 1.56, .64, 1);--shadow-offset: 6px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 20px 20px,var(--bg-dark) 2px,transparent 0);background-size:40px 40px;color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-deep);border-left:3px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);letter-spacing:.02em}.glass-card{background:var(--bg-card);border:3px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);color:var(--text-main);overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 4px) 0 var(--border-color)}.btn{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;letter-spacing:.05em;padding:12px 24px;border-radius:16px;border:3px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-fast);outline:none;box-shadow:4px 4px 0 var(--border-color);position:relative;overflow:hidden}.btn:active:not(:disabled){transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--border-color)!important}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-color)}.btn-secondary{background:var(--accent);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-color)}.btn:disabled{background:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed;transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--border-color)!important;border-color:#94a3b8}.input-text{background:#f8fafc;border:3px solid var(--border-color);color:var(--text-main);padding:14px 16px;border-radius:12px;outline:none;font-family:var(--font-body);font-weight:600;font-size:1.05rem;transition:all var(--transition-fast);width:100%;box-shadow:inset 0 3px #0000000d}.input-text:focus{background:#fff;border-color:var(--primary);box-shadow:4px 4px 0 var(--border-color);transform:translateY(-2px) translate(-2px)}@keyframes shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(5px) rotate(5deg)}}@keyframes pulse-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.animate-shake{animation:shake .5s ease-in-out infinite}.animate-pulse-glow{animation:pulse-bounce 1.5s var(--transition-normal) infinite}.animate-float{animation:float 3s ease-in-out infinite}.choice-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:#fff;border:4px solid var(--border-color);box-shadow:0 8px 0 var(--border-color);cursor:pointer;transition:all var(--transition-fast);position:relative}.choice-circle:after{content:"";position:absolute;top:10%;left:15%;width:25%;height:15%;background:#fff9;border-radius:50%;transform:rotate(-30deg)}.choice-circle:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 13px 0 var(--border-color);background:var(--bg-dark)}.choice-circle:active:not(.disabled){transform:translateY(8px);box-shadow:0 0 0 var(--border-color)}.choice-circle.selected{background:var(--accent);transform:translateY(8px) scale(1.05);box-shadow:0 0 0 var(--border-color);border-color:var(--secondary)}.choice-circle.disabled{background:#e2e8f0;opacity:.7;cursor:not-allowed;transform:translateY(8px);box-shadow:0 0 0 var(--border-color)}.bracket-viewport{overflow:auto;border-radius:20px;background:#fff;padding:32px;border:3px solid var(--border-color);box-shadow:8px 8px 0 var(--border-color)}.custom-alert{padding:16px;border-radius:12px;display:flex;gap:12px;align-items:flex-start;font-size:1rem;font-weight:700;border:3px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color)}.custom-alert-info{background:var(--accent);color:var(--text-main)}.custom-alert-warning{background:var(--secondary);color:#fff}@keyframes cosmic-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fire-burn{0%,to{box-shadow:0 0 15px #ef4444cc,4px 4px 0 var(--border-color);transform:scale(1)}50%{box-shadow:0 0 30px #f97316,4px 4px 0 var(--border-color);transform:scale(1.03)}}.menu-item-btn:hover{background-color:#f8fafc!important;transform:translate(4px)}@keyframes menu-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--ranking-podium-gap: 8px;--p1-avatar-size: 72px;--p2-avatar-size: 60px;--p3-avatar-size: 56px;--p1-ped-height: 140px;--p2-ped-height: 110px;--p3-ped-height: 90px;--ped-min-width: 90px;--ped-max-width: 180px;--ped-name-size: .85rem;--ped-title-size: .58rem;--ped-coin-size: .9rem;--ped-coin-size-1st: 1.05rem;--ped-icon-size-1st: 2.4rem;--ped-icon-size-other: 2rem;--list-item-padding: 12px 16px;--list-avatar-size: 44px;--list-coin-size: 1.25rem;--list-name-size: 1rem;--list-title-size: .72rem;--list-badge-min-width: 38px;--user-card-padding: 16px;--user-card-avatar-size: 48px;--user-card-title-size: 1.05rem;--user-card-subtitle-size: .8rem;--user-card-coin-size: 1.5rem;--bottom-btn-padding: 16px 12px;--bottom-btn-font-size: 1.05rem;--ranking-outer-padding: 20px;--store-grid-min-width: 240px;--store-card-padding: 16px;--store-preview-size: 70px;--store-preview-font: 2rem;--store-title-font: 1.1rem;--store-desc-font: .8rem;--inventory-grid-min-width: 240px;--inventory-card-padding: 16px;--inventory-preview-size: 70px;--inventory-preview-font: 2rem;--inventory-title-font: 1.1rem;--profile-grid-min-width: 140px;--profile-card-padding: 16px 8px;--profile-avatar-size: 60px;--profile-title-font: .75rem;--profile-input-font: 1.1rem;--profile-input-padding: 12px}@media (max-width: 480px){:root{--ranking-podium-gap: 3px;--p1-avatar-size: 52px;--p2-avatar-size: 44px;--p3-avatar-size: 40px;--p1-ped-height: 105px;--p2-ped-height: 80px;--p3-ped-height: 65px;--ped-min-width: 70px;--ped-max-width: 140px;--ped-name-size: .7rem;--ped-title-size: .5rem;--ped-coin-size: .75rem;--ped-coin-size-1st: .8rem;--ped-icon-size-1st: 1.7rem;--ped-icon-size-other: 1.4rem;--list-item-padding: 8px 10px;--list-avatar-size: 34px;--list-coin-size: 1rem;--list-name-size: .85rem;--list-title-size: .58rem;--list-badge-min-width: 30px;--user-card-padding: 10px 12px;--user-card-avatar-size: 38px;--user-card-title-size: .9rem;--user-card-subtitle-size: .7rem;--user-card-coin-size: 1.15rem;--bottom-btn-padding: 12px 8px;--bottom-btn-font-size: .85rem;--ranking-outer-padding: 12px 4px;--store-grid-min-width: 140px;--store-card-padding: 10px;--store-preview-size: 50px;--store-preview-font: 1.4rem;--store-title-font: .9rem;--store-desc-font: .7rem;--inventory-grid-min-width: 140px;--inventory-card-padding: 10px;--inventory-preview-size: 50px;--inventory-preview-font: 1.4rem;--inventory-title-font: .9rem;--profile-grid-min-width: 90px;--profile-card-padding: 8px 4px;--profile-avatar-size: 44px;--profile-title-font: .6rem;--profile-input-font: .95rem;--profile-input-padding: 8px 10px}}