:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg: #f1f5f9;--card: #ffffff;--text: #0f172a}.app-container{min-height:100vh;background:var(--bg);padding:24px;font-family:Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.bg-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);z-index:0;pointer-events:none}.loading-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#64748b}.cloud-badge{position:relative;z-index:10;background:#6366f11a;color:var(--primary);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:24px;border:1px solid rgba(99,102,241,.2)}.game-header{width:100%;max-width:400px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;z-index:1}.stat-card{background:#fff;padding:14px;border-radius:20px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px -1px #0000000d}.stat-info .label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase}.stat-info .value{font-size:20px;font-weight:800;color:var(--text)}.icon-gold{color:#f59e0b}.icon-red{color:#ef4444}.icon-red.danger{animation:heart-beat 1s infinite}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.game-board{width:100%;max-width:400px;z-index:1}.display-panel{background:#fff;padding:24px;border-radius:28px;text-align:center;box-shadow:0 10px 25px -5px #0000001a;margin-bottom:16px;border:1px solid rgba(255,255,255,.8)}.avatar-container{width:64px;height:64px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:50%}.hunter-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--primary)}.guess-display{font-size:64px;font-weight:900;color:var(--primary);height:80px;line-height:80px}.placeholder{color:#f1f5f9}.hint-text{color:#64748b;font-size:14px;margin-top:8px;min-height:20px}.kbd-guide{display:flex;justify-content:center;gap:12px;margin-top:16px;font-size:10px;color:#cbd5e1}.kbd-guide span{background:#f8fafc;padding:2px 8px;border-radius:4px;border:1px solid #e2e8f0}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.key-btn{background:#fff;border:none;height:56px;border-radius:16px;font-size:20px;font-weight:700;color:var(--text);cursor:pointer;box-shadow:0 2px #e2e8f0;transition:all .1s}.key-btn:active{transform:translateY(2px);box-shadow:none}.key-btn.confirm{background:var(--primary);color:#fff;box-shadow:0 2px 0 var(--primary-dark)}.key-btn.clear{color:#ef4444}.history-section{background:#ffffff80;border-radius:20px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-header{display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{font-size:12px;color:#64748b;margin:0}.section-header span{font-size:10px;color:#94a3b8}.history-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.history-item{background:#fff;padding:10px 14px;border-radius:12px;display:flex;justify-content:space-between;font-size:13px}.too-high{color:#ef4444;font-weight:600}.too-low{color:#3b82f6;font-weight:600}.empty-state{text-align:center;padding:20px;color:#cbd5e1;font-size:12px}.result-screen{background:#fff;padding:40px 24px;border-radius:28px;text-align:center;box-shadow:0 20px 40px -10px #0000001a}.restart-btn{background:var(--primary);color:#fff;border:none;padding:14px;border-radius:16px;font-weight:700;width:100%;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.pulse{animation:pulse-anim 2s infinite}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.4}}