@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e2736;background-image:radial-gradient(circle at 25% 25%,rgba(53,102,185,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(53,102,185,.05) 0%,transparent 50%);color:#fff;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card{min-width:55px;min-height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#1f2937;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000004d}.card.selected,.card.bg-blue-600{background-color:#3b82f6;color:#fff;transform:translateY(-5px)}.player-card{width:60px;height:90px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.player-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#fff0);z-index:1}.player-card.back{background:linear-gradient(135deg,#4b5563,#1f2937);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px)}.player-card.back:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;opacity:.5}.player-area{margin-top:20px;padding:16px;border-radius:12px;background-color:#1f2937cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.invite-button{background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center}.invite-button:hover{background:linear-gradient(to right,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.room-info{background-color:#3b82f61a;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin:10px auto;max-width:800px;justify-content:center}.voting-area{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to top,#111827,#111827e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1rem;box-shadow:0 -4px 6px -1px #0000001a;border-top:1px solid rgba(75,85,99,.3);z-index:10}.player-name{background-color:#1f2937cc;padding:6px 12px;border-radius:20px;margin-top:8px;display:inline-block;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.3);box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1f293780;border-radius:4px}::-webkit-scrollbar-thumb{background:#4b5563cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280cc}