@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-color:#0f172a;--bg-gradient:radial-gradient(circle at top right, #1e293b, #020617);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--glass-bg:#1e293b66;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--card-bg:#33415599;--card-border:#ffffff26;--input-bg:#0f172a80;--input-color:white;--overlay-bg:#0f172a80;--overlay-bg-light:#0f172a4d;--card-front-bg:#334155cc;--card-front-color:white;--card-front-shadow:none;--card-selected-bg:#3b82f633;--card-back-border:#fff3;--card-back-stripe:#ffffff0d;--table-bg:#1e293b33;--hover-bg:#ffffff0d;--emoji-hover-bg:#ffffff1a;--btn-bg:#3b82f6bf;--btn-hover:#2563ebd9;--btn-border:#ffffff26;--btn-success:#10b981bf}[data-theme=light]{--bg-color:#f1f5f9;--bg-gradient:radial-gradient(circle at top right, #e2e8f0, #f8fafc);--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#2563eb;--accent-hover:#1d4ed8;--success-color:#059669;--warning-color:#d97706;--danger-color:#dc2626;--glass-bg:#fff9;--glass-border:#0000001a;--glass-shadow:0 4px 16px 0 #0000001a;--card-bg:#fffc;--card-border:#0000001f;--input-bg:#ffffffb3;--input-color:#0f172a;--overlay-bg:#f1f5f980;--overlay-bg-light:#f1f5f94d;--card-front-bg:#fffffff2;--card-front-color:#0f172a;--card-front-shadow:0 2px 8px #0000001a;--card-selected-bg:#2563eb1f;--card-back-border:#0000001a;--card-back-stripe:#00000008;--table-bg:#ffffff4d;--hover-bg:#00000008;--emoji-hover-bg:#0000000d;--btn-bg:#2563eb;--btn-hover:#1d4ed8;--btn-border:#0000001a;--btn-success:#059669}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;margin-bottom:.5rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-hover);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--hover-bg)}.input-field{border:1px solid var(--glass-border);background:var(--input-bg);width:100%;color:var(--input-color);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f64d}.input-field::placeholder{color:var(--text-secondary)}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.app-header{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin:1rem;padding:1rem 2rem}.top-bar{padding:1rem 2rem}.emoji-bar{z-index:40;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0000000d;border-radius:28px;padding:.6rem;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.emoji-btn:hover{background:var(--emoji-hover-bg)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)scale(.5)}15%{opacity:1;transform:translateY(-20px)scale(1.2)}80%{opacity:.9;transform:translateY(-120px)scale(1.1)}to{opacity:0;transform:translateY(-200px)scale(.8)}}.floating-emoji{pointer-events:none;z-index:999;filter:drop-shadow(0 4px 6px #0000004d);font-size:3rem;animation:2s cubic-bezier(.175,.885,.32,1.275) forwards floatUp;position:absolute}@keyframes popIn{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.countdown-text{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes spin{to{transform:rotate(360deg)}}.top-bar-grid{grid-template-columns:auto minmax(0,700px) auto;justify-content:center;align-items:center;gap:.75rem;display:grid}.table-area{border-radius:100px;min-width:200px;min-height:150px;padding:4rem;position:relative}.header-inner{justify-content:space-between;align-items:center;display:flex}.stats-overlay{min-width:150px;padding:1.5rem;position:absolute;top:0;right:0;transform:translate(20px)translateY(-20px)}@media (width<=768px){.top-bar-grid{grid-template-columns:1fr;gap:.5rem}.table-area{border-radius:24px;min-height:120px;padding:1.5rem}.app-header{margin:.5rem;padding:.75rem 1rem}.header-inner{flex-direction:row;align-items:center;gap:.5rem}.nav-links{display:none}.room-container{padding-bottom:60px;gap:.5rem!important}.top-bar{padding:.75rem 1rem}.gap-8{gap:1rem}.card-grid{max-width:100%;overflow:hidden}.poker-card-container{width:48px!important;height:68px!important}.card-value-center{font-size:1rem!important}.card-value-corner{display:none}.stats-overlay{min-width:auto;margin-top:.5rem;padding:1rem;position:static;transform:none}.emoji-bar{border-radius:16px 16px 0 0;justify-content:center;gap:.25rem;padding:.4rem .5rem;position:fixed;inset:auto 0 0;transform:none;flex-direction:row!important}.emoji-btn{width:40px;height:40px;font-size:1.3rem}.glass-panel{border-radius:12px}}@media (width<=480px){.btn{padding:.5rem 1rem;font-size:.9rem}}.poker-card-container{perspective:1000px;cursor:pointer;width:80px;height:120px;margin:.25rem;transition:transform .2s,box-shadow .2s}.poker-card-container.compact{width:60px;height:84px}.poker-card-container:hover:not(.disabled){transform:translateY(-8px)}.poker-card-container.selected{transform:translateY(-16px);box-shadow:0 10px 25px -5px #3b82f680}.poker-card-container.disabled{cursor:default;opacity:.8}.poker-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.poker-card-inner.flipped{transform:rotateY(180deg)}.poker-card-front,.poker-card-back{backface-visibility:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.poker-card-front{background:var(--card-front-bg);border:2px solid var(--glass-border);color:var(--card-front-color)}.poker-card-container.selected .poker-card-front{border-color:var(--accent-color);background:var(--card-selected-bg)}.poker-card-back{background:var(--accent-hover);border:2px solid var(--card-back-border);background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--card-back-stripe) 10px, var(--card-back-stripe) 20px);transform:rotateY(180deg)}.card-value-corner{padding:.2rem .4rem;font-size:.75rem;font-weight:600;position:absolute}.card-value-corner.top-left{top:0;left:0}.card-value-corner.bottom-right{bottom:0;right:0;transform:rotate(180deg)}.card-value-center{font-size:1.75rem;font-weight:700}.poker-card-container.compact .card-value-center{font-size:1.25rem}@media (width<=768px){.poker-card-container{width:56px;height:80px;margin:.15rem}.poker-card-container.compact{width:48px;height:68px}.card-value-center{font-size:1.25rem}.poker-card-container.compact .card-value-center{font-size:1rem}.card-value-corner{padding:.1rem .3rem;font-size:.6rem}}