html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.gear-spin{animation:spin 10s linear infinite}.gear-spin-reverse{animation:spin-reverse 8s linear infinite}.steampunk-btn{background:linear-gradient(145deg,#c5a35a,#b8860b);border:2px solid transparent;border-image-slice:1;border-image-source:linear-gradient(to bottom right,#f5e7b2,#835c25);box-shadow:inset 0 0 5px #fff6,inset 0 0 10px #0000004d,0 4px 8px #00000080;color:#4a2e0a;text-shadow:1px 1px 1px rgba(255,255,255,.3);font-family:Times New Roman,serif;position:relative;overflow:hidden;transition:all .3s ease;transform:perspective(1px) translateZ(0);z-index:1}.steampunk-btn:hover{background:linear-gradient(145deg,#d6b872,#c59d2f);box-shadow:inset 0 0 8px #fff9,inset 0 0 15px #0006,0 6px 12px #0009;transform:translateY(-2px)}.steampunk-btn:active{transform:translateY(1px);box-shadow:inset 0 0 8px #00000080}.steampunk-btn:before,.steampunk-btn:after{content:"";position:absolute;width:6px;height:6px;background:#9c7848;border-radius:50%;box-shadow:inset 0 0 2px #00000080;border:1px solid #7a5c3a;z-index:0}.steampunk-btn:before{top:5px;left:5px}.steampunk-btn:after{bottom:5px;right:5px}.shuffle-hub-title{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:3rem;font-weight:900;line-height:1.1;background:linear-gradient(145deg,#f5e7b2,#b8860b,#c5a35a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.4),-1px -1px 1px rgba(255,235,150,.3);-webkit-text-stroke:1px #835c25}.steampunk-panel{background-color:#f9f3e3;background-image:radial-gradient(#d2b48c 1px,transparent 1px);background-size:20px 20px;border:3px solid #8b4513;border-radius:8px;box-shadow:3px 3px 8px #0000004d;margin:1rem;position:relative;color:#3e2723}.dark .steampunk-panel{background-color:#2b2118;background-image:radial-gradient(#5d4037 1px,transparent 1px);border-color:#a1887f;color:#d7ccc8}.steampunk-header{background:linear-gradient(to bottom,peru,#8b4513);color:#fff8dc;padding:.5rem 1rem;border-bottom:3px double #5e2c04;border-radius:5px 5px 0 0;font-family:Courier New,serif;font-weight:700;text-shadow:1px 1px 0 #3e1b02;display:flex;justify-content:space-between;align-items:center}.dark .steampunk-header{background:linear-gradient(to bottom,#6d4c41,#3e2723);color:#efebe9}.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:100%;padding:.75rem;border-width:1px;border-color:#d1d5db;border-radius:.375rem;background-color:#fff;color:#111827}.dark .input-field{border-color:#4b5563;background-color:#374151;color:#f9fafb}.input-field:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-color: #3B82F6;box-shadow:0 0 0 2px var(--tw-ring-color);border-color:#3b82f6}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}