:root{--bg:#0c0e14;--bg-alt:#101624;--panel:#141824db;--panel-border:#ffffff14;--text:#f5f6fb;--muted:#a1acc2;--accent:#8ef0ff;--accent-strong:#4fd3ff;--accent-warm:#ff7a7a;--accent-cool:#6ecbff;--success:#3ddc97;--danger:#ff5c5c;--shadow:0 22px 60px #050a1699;--glow:0 0 32px #4fd3ff73;--radius:22px}[data-theme=light]{--bg:#f6f7fb;--bg-alt:#fff;--panel:#ffffffd1;--panel-border:#161b2d14;--text:#171b2b;--muted:#5a6276;--accent:#3949ff;--accent-strong:#2f3bff;--accent-warm:#ff6b6b;--accent-cool:#2e80ff;--success:#23b370;--danger:#e04848;--shadow:0 22px 55px #141b2a2e;--glow:0 0 30px #2f3bff4d}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{align-items:center;background:radial-gradient(circle at top,#101624,#0c0e14);background:radial-gradient(circle at top,var(--bg-alt),var(--bg));color:#f5f6fb;color:var(--text);display:flex;font-family:Space Grotesk,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:4rem 2rem 6rem;position:relative}body.win{background:radial-gradient(circle at top,#3ddc9733,#0c0e14);background:radial-gradient(circle at top,#3ddc9733,var(--bg))}body.lose{background:radial-gradient(circle at top,#ff5c5c40,#0c0e14);background:radial-gradient(circle at top,#ff5c5c40,var(--bg))}.app{gap:3rem;perspective:1200px;position:relative;width:min(1100px,100%);z-index:1}.app,.header{display:flex;flex-direction:column}.header{gap:2.5rem}.header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.title-group{display:flex;flex-direction:column;gap:1rem}.eyebrow{color:#a1acc2;color:var(--muted);font-size:1.2rem;letter-spacing:.4rem;text-transform:uppercase}h1{font-size:clamp(3.2rem,5vw,4.8rem);font-weight:700}.between{color:#a1acc2;color:var(--muted);font-size:1.4rem}.header-actions{align-items:center;display:flex;gap:1.2rem}.number-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141824db;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--radius);box-shadow:0 22px 60px #050a1699;box-shadow:var(--shadow);display:grid;padding:3rem 2.5rem;place-items:center;text-align:center;transform:translateZ(0) rotateX(1deg)}.number{background:linear-gradient(145deg,#ffffff14,#fff0);border-radius:28px;box-shadow:inset 0 0 20px #ffffff1f,0 18px 35px #090e1873;color:#f5f6fb;color:var(--text);display:grid;font-family:JetBrains Mono,monospace;font-size:clamp(5rem,12vw,9rem);height:clamp(10rem,22vw,18rem);place-items:center;transition:all .3s ease;width:clamp(10rem,22vw,18rem)}.number.win{box-shadow:0 0 40px #3ddc9799,inset 0 0 25px #3ddc9759;color:#3ddc97;color:var(--success)}.number.lose{box-shadow:0 0 40px #ff5c5c99,inset 0 0 25px #ff5c5c4d;color:#ff5c5c;color:var(--danger)}.number-label{color:#a1acc2;color:var(--muted);font-size:1.3rem;letter-spacing:.3rem;margin-top:1.6rem;text-transform:uppercase}.game{grid-gap:2.4rem;display:grid;gap:2.4rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141824db;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--radius);box-shadow:0 22px 60px #050a1699;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2rem;padding:2.4rem;transform:translateZ(0)}.input-label{color:#a1acc2;color:var(--muted);font-size:1.4rem;letter-spacing:.3rem;text-transform:uppercase}.input-wrap{align-items:center;display:flex;gap:1.2rem}.guess{background:#0000;border:1px solid #ffffff14;border:1px solid var(--panel-border);border-radius:16px;box-shadow:inset 0 0 12px #0003;color:#f5f6fb;color:var(--text);flex:1 1;font-family:JetBrains Mono,monospace;font-size:2.6rem;padding:1.6rem 1.8rem;text-align:center;transition:border .2s ease,box-shadow .2s ease}.guess:focus{border-color:#4fd3ff;border-color:var(--accent-strong);box-shadow:0 0 0 4px #4fd3ff40;outline:none}.btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.4rem;font-weight:600;gap:.6rem;padding:1.2rem 2.2rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:linear-gradient(135deg,#8ef0ff,#4fd3ff);background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 30px #4fd3ff73;color:#0b0f1d}.btn.ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--panel-border);color:#f5f6fb;color:var(--text)}.btn:hover{transform:translateY(-2px) scale(1.01)}.btn:active{transform:translateY(0) scale(.98)}.message{font-size:1.8rem;min-height:2.6rem;transition:color .2s ease}.message.high{color:#ff7a7a;color:var(--accent-warm)}.message.low{color:#6ecbff;color:var(--accent-cool)}.message.win{color:#3ddc97;color:var(--success)}.message.lose{color:#ff5c5c;color:var(--danger)}.message.invalid{color:#8ef0ff;color:var(--accent)}.history{display:flex;flex-direction:column;gap:1.2rem}.history-title{color:#a1acc2;color:var(--muted);font-size:1.3rem;letter-spacing:.25rem;text-transform:uppercase}.history-bubbles{display:flex;flex-wrap:wrap;gap:.8rem;min-height:3.2rem}.history-bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#f5f6fb;color:var(--text);font-size:1.3rem;font-weight:600;padding:.6rem 1.2rem;transform:translateZ(0)}.history-bubble.high{border-color:#ff7a7a99;color:#ff7a7a;color:var(--accent-warm)}.history-bubble.low{border-color:#6ecbff99;color:#6ecbff;color:var(--accent-cool)}.history-bubble.win{border-color:#3ddc9799;color:#3ddc97;color:var(--success)}.stat-card{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--panel-border);border-radius:18px;box-shadow:inset 0 0 18px #ffffff0d;padding:1.8rem}.stat-label{color:#a1acc2;color:var(--muted);font-size:1.3rem;letter-spacing:.25rem;margin-bottom:1rem;text-transform:uppercase}.stat-card .highscore,.stat-card .score{font-family:JetBrains Mono,monospace;font-size:3rem}.score-card.danger{border-color:#ff5c5c99;box-shadow:0 0 25px #ff5c5c40}.stat-info{color:#a1acc2;color:var(--muted);font-size:1.4rem;line-height:1.6}.floating-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.floating-elements span{animation:float 18s linear infinite;animation-delay:calc(var(--i)*-1.8s);color:#8ef0ff;color:var(--accent);filter:drop-shadow(0 0 12px rgba(79,211,255,.25));font-size:clamp(1.6rem,4vw,4rem);left:calc(var(--i)*7%);opacity:.18;position:absolute}.floating-elements span:nth-child(2n){animation-duration:22s;color:#ff7a7a;color:var(--accent-warm)}@keyframes float{0%{transform:translate3d(0,120vh,0) rotate(0deg)}50%{transform:translate3d(30px,40vh,40px) rotate(180deg)}to{transform:translate3d(-20px,-20vh,-20px) rotate(1turn)}}@media (max-width:720px){body{padding:3rem 1.6rem 4rem}.header-actions{justify-content:flex-start;width:100%}.input-wrap{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.f8c4967e.css.map*/