:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .9);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(10px);--neon-glow: 0 0 15px rgba(6, 182, 212, .5);--font-main: "Outfit", sans-serif}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(6,182,212,.15),transparent 25%);color:var(--text-main);min-height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;padding:1rem;gap:1rem}.hud{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:1rem;box-shadow:var(--glass-shadow)}.score-container{display:flex;align-items:baseline;gap:.5rem}.score-label{font-weight:600;font-size:1.2rem;color:var(--accent-purple);text-transform:uppercase;letter-spacing:2px}#score-display{font-weight:800;font-size:3rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--neon-glow)}.rate-container{font-size:1.2rem;color:var(--accent-cyan);font-weight:600}.rate-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.game-container{display:flex;flex:1;gap:1rem;overflow:hidden}.sidebar{width:350px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--glass-shadow);overflow-y:auto}.sidebar h2{font-size:1.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.inventory-hint{font-size:.9rem;color:var(--accent-pink);margin-bottom:1rem;font-weight:300}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.element-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.element-card:active{cursor:grabbing}.forge-element{position:absolute;width:80px;height:80px;background:#ffffff1a;border:1px solid var(--accent-purple);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px #8b5cf666;cursor:grab;animation:float 3s ease-in-out infinite alternate}.forge-element .emoji{font-size:2rem}.forge-element .rate-badge{position:absolute;bottom:-10px;background:var(--accent-purple);color:#fff;font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #00000080}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.forge-board-area{flex:1;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:1rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.board-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent)}.board-header h2{font-size:1.8rem;color:var(--accent-cyan)}.board-header p{color:var(--text-muted)}#forge-board{flex:1;position:relative;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}