:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.5}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:#818cf8;background-color:var(--primary-light);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);width:100%}.grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{background-color:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-sm{padding:var(--spacing-md)}.card-lg{padding:var(--spacing-xl)}.section{padding:var(--spacing-2xl) 0}.section-sm{padding:var(--spacing-xl) 0}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.fixed-bottom{bottom:0;left:0;position:fixed;right:0;z-index:50}.sticky-top{position:sticky;top:0;z-index:40}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s ease-out}.scale-in{animation:scaleIn .3s ease-out}.pulse{animation:pulse 2s infinite}.shake{animation:shake .8s ease-in-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.bounce{animation:bounce 1s ease infinite}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.bg-background{background-color:var(--background)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all .2s ease-in-out}.transition-fast{transition:all .1s ease-in-out}.transition-slow{transition:all .3s ease-in-out}:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--success:#10b981;--success-dark:#059669;--danger:#ef4444;--danger-dark:#dc2626;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--background:#f9fafb;--surface:#fff;--border:#e5e7eb;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--background);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.primary-button,.prompt-text,.reveal-badge,.reveal-next-round-button,.reveal-prompt-text,.secondary-button{font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:900!important}.section-title,.style-label,h2{font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:800!important}.backgorund-pictures{background-position:50%;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.game-title{background:linear-gradient(135deg,#4f46e5,#818cf8);display:inline-block;font-weight:800;position:relative}.game-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.25rem;line-height:1.4;margin-bottom:var(--spacing-xl)}.form-container{display:flex;flex-direction:column}.form-container .input-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-align:left}.form-container .input-group label{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-container .input-group input{background:#ffffffe6;border:2px solid #4f46e51a;border-radius:.5rem;border-radius:var(--border-radius-lg);color:#111827;color:var(--text-primary);font-size:1.1rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}.form-container .input-group input:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.form-container .input-group input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.primary-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:.5rem;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;flex-grow:1;font-size:1.1rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease}.primary-button:hover:not(:disabled){box-shadow:0 8px 24px -4px #4f46e53d;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-container .error-message{align-items:center;background:#ef44441a;border-radius:.375rem;border-radius:var(--border-radius-md);color:#ef4444;color:var(--danger);display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);margin:.5rem 0;margin:var(--spacing-sm) 0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.form-container .error-message:before{content:"⚠️";font-size:1rem}.secondary-button{align-items:center;background:#4f46e50d;border:none;border-radius:.5rem;border-radius:var(--border-radius-lg);color:#4f46e5;color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}.secondary-button:hover{background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 8px 24px -4px #4f46e53d;color:#fff;transform:translateY(-2px)}.game-container{background:linear-gradient(135deg,#4f46e50d,#818cf80d);display:flex;flex-direction:column;height:100vh}.game-header{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.header-content{gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;margin:0 auto}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem;gap:var(--spacing-md)}.round-counter{background:#4f46e51a;border-radius:.5rem;border-radius:var(--border-radius-lg);flex-shrink:0;font-size:1rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.invite-button,.round-counter{align-items:center;color:#4f46e5;color:var(--primary);display:flex;font-weight:600}.invite-button{background:#ffffffe6;border:2px solid #818cf8;border:2px solid var(--primary-light);border-radius:.5rem;border-radius:var(--border-radius-lg);cursor:pointer;flex-wrap:wrap;gap:.25rem .5rem;gap:var(--spacing-xs) var(--spacing-sm);justify-content:center;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:all .2s ease}.invite-button:hover{background:#4f46e5;background:var(--primary);box-shadow:0 4px 12px #4f46e533;color:#fff;transform:translateY(-2px)}.invite-button:hover:before{left:100%}.invite-icon{font-size:1.25rem}.header-info{align-items:center;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;min-width:125px}.room-info .player-count{align-items:center;border-radius:.5rem;border-radius:var(--border-radius-lg);color:#4b5563;color:var(--text-secondary);display:flex;font-size:1.1rem;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.room-info .player-count:before{content:"👥";font-size:1.2rem}.room-info .player-status{border-radius:.375rem;border-radius:var(--border-radius-md);font-weight:500;margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.room-info .status-full{background:#ef44441a;color:#ef4444;color:var(--danger)}.room-info .status-full,.room-info .status-open{border-radius:.25rem;border-radius:var(--border-radius-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.room-info .status-open{background:#10b9811a;color:#10b981;color:var(--success)}.room-label{color:#4b5563;color:var(--text-secondary);font-weight:500}.room-code{border-radius:.375rem;border-radius:var(--border-radius-md);cursor:pointer;font-family:monospace;font-size:1.125rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:relative}.room-code-inline{background-color:#f9fafb;background-color:var(--background);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#111827;color:var(--text-primary);font-family:monospace;font-size:1rem;font-weight:600;letter-spacing:.5px}.room-code-display{align-items:center;display:flex;justify-content:space-evenly}.copied-tooltip{animation:fadeInOut 2s ease-in-out;background-color:#111827;background-color:var(--text-primary);border-radius:.25rem;border-radius:var(--border-radius-sm);bottom:-24px;color:#fff;font-size:.875rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap;z-index:100}.copied-tooltip,.copied-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.copied-tooltip:before{border-bottom:4px solid #111827;border-bottom:4px solid var(--text-primary);border-left:4px solid #0000;border-right:4px solid #0000;content:"";top:-4px}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.game-layout{margin:0 auto 1.5rem;margin-bottom:var(--spacing-lg);min-height:0;padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}.game-layout,.game-main-content{display:flex;flex:1 1;gap:1.5rem;gap:var(--spacing-lg);position:relative}.game-main-content{flex-direction:column;min-width:0}.art-style-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px -2px #4f46e51f;flex:2 1;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow-y:auto;padding:2rem;padding:var(--spacing-xl);position:relative;width:100%}.art-style-selector:before{background:linear-gradient(135deg,#4f46e50d,#818cf80d);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.section-title-container{align-items:center;display:flex;flex:2 1;justify-content:space-between}.section-title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-md)}.section-title:before{display:none}.section-title>span{color:#4b5563;color:var(--text-secondary);font-size:1rem;font-weight:400;margin-right:1rem;margin-right:var(--spacing-md);text-align:end}.art-style-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.art-style-card{align-items:center;aspect-ratio:1;background:#ffffffe6;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:100px;cursor:pointer;display:flex;flex-direction:column;gap:0;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.art-style-card:before{background:linear-gradient(135deg,#4f46e51a,#818cf81a);border-radius:100%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.art-style-card:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 8px 24px -4px #4f46e533;transform:translateY(-4px)}.art-style-card:hover:before{opacity:1}.art-style-card:hover .style-label{transform:translateY(1rem);transform:translateY(var(--spacing-md));transition:all .3s ease}.art-style-card.active{background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-color:#0000;box-shadow:0 8px 24px #4f46e54d;transform:translateY(-4px)}.art-style-card.active:before{display:none}.style-icon-container{align-items:center;display:flex;height:64px;justify-content:center;margin:.25rem 0;margin:var(--spacing-xs) 0;position:relative;transition:all .3s ease;width:64px}.art-style-card.active .style-icon-container{transform:scale(1.2) rotate(-4deg);transition:all .3s ease}.style-icon{font-size:3rem;transition:all .3s ease;z-index:1}.art-style-card:hover .style-icon{transform:scale(2) rotate(10deg);transition:all .3s ease}.art-style-card.active .style-icon{animation:floatIcon 3s ease-in-out infinite;transform:scale(2);transition:all .3s ease}.style-sparkles{height:100%;pointer-events:none;position:absolute;width:100%}.style-sparkles span{animation:sparkleFloat 2s ease-in-out infinite;font-size:1rem;position:absolute}.style-sparkles span:first-child{animation-delay:0s;left:0;top:-10px}.style-sparkles span:nth-child(2){animation-delay:.5s;right:-10px;top:50%}.style-sparkles span:nth-child(3){animation-delay:1s;bottom:-10px;left:50%}.style-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);text-align:center}.style-label{font-size:1rem;font-weight:600;text-align:center;transition:all .3s ease}.style-description,.style-label{color:#4b5563;color:var(--text-secondary)}.style-description{font-size:.85rem;line-height:1.3;transition:color .3s ease}.art-style-card.active .style-description,.art-style-card.active .style-label{color:#fff}@keyframes floatIcon{0%,to{transform:scale(1.2) translateY(0)}50%{transform:scale(1.2) translateY(-8px)}}@keyframes sparkleFloat{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.image-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px -2px #4f46e51f;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;overflow:hidden auto}.image-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;max-height:400px;max-width:400px;overflow-y:auto}.image-container img{max-height:400px;object-fit:contain}.prompt-display{border-radius:.75rem;border-radius:var(--border-radius-xl);overflow:hidden;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .5s ease}.prompt-display.revealed{transform:scale(1.02)}.prompt-display.revealed:before{opacity:1}.prompt-text{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;transition:all .3s ease}.prompt-display.revealed .prompt-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;transform:scale(1.05)}.prompt-display.revealed:after{animation:sparkle 2s ease-in-out infinite;content:"✨";font-size:1.5rem;position:absolute;right:.5rem;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.prompt-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-weight:500}.loading-animation,.prompt-creation-container{display:flex;flex-direction:column;height:100%;width:100%}.loading-animation{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4f46e51a;border-radius:12px;justify-content:center;min-height:400px;padding:2rem}.loading-art{height:200px;margin-bottom:2rem;position:relative;width:200px}.loading-canvas{background:#fff3;border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.loading-brush{animation:paint 3s ease-in-out infinite;background:#4f46e5;background:var(--primary);filter:blur(8px);height:40px;width:40px}.loading-brush,.loading-palette{border-radius:50%;position:absolute}.loading-palette{animation:rotate 4s linear infinite;background:linear-gradient(45deg,#4caf50,#8bc34a,#cddc39);bottom:-20px;filter:blur(4px);height:60px;right:-20px;width:60px}.loading-sparkles{height:100%;pointer-events:none;position:absolute;width:100%}.loading-sparkles span{animation:sparkle 2s ease-in-out infinite;font-size:24px;position:absolute}.loading-sparkles span:first-child{animation-delay:0s;left:20%;top:20%}.loading-sparkles span:nth-child(2){animation-delay:.4s;left:50%;top:50%}.loading-sparkles span:nth-child(3){animation-delay:.8s;left:80%;top:30%}@keyframes paint{0%{opacity:.8;transform:translate(0) scale(1)}25%{opacity:1;transform:translate(120px,60px) scale(1.2)}50%{opacity:.8;transform:translate(60px,120px) scale(1)}75%{opacity:1;transform:translate(-20px,60px) scale(1.2)}to{opacity:.8;transform:translate(0) scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.prompt-display.generating{animation:glow 2s ease-in-out infinite;background:#4f46e51a;border-radius:12px;margin:1rem 0;padding:1rem 2rem}@keyframes glow{0%,to{box-shadow:0 0 10px #4f46e533}50%{box-shadow:0 0 20px #4f46e566}}.loading-text{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;font-weight:500;opacity:.8}.loading-progress{max-width:400px;width:100%}.loading-bar{background:#4f46e51a;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden;width:100%}.loading-bar-fill{animation:fill 15s linear forwards;background:linear-gradient(90deg,#4f46e5,#818cf8);background:linear-gradient(90deg,var(--primary),var(--primary-light));height:100%;width:0}@keyframes fill{0%{width:0}to{width:100%}}.loading-message{color:#4b5563;color:var(--text-secondary);text-align:center}.loading-message p{margin:.5rem 0}.loading-subtext{font-size:.9rem;opacity:.8}.generation-progress{margin-top:.5rem;margin-top:var(--spacing-sm);max-width:300px;width:100%}.progress-bar{background-color:#e5e7eb;background-color:var(--border);border-radius:.25rem;border-radius:var(--border-radius-sm);height:4px;overflow:hidden}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background-color:#4f46e5;background-color:var(--primary);height:100%}@keyframes progressPulse{0%{opacity:1;width:0}50%{opacity:.5;width:100%}to{opacity:1;width:0}}.waiting-prompt{align-items:center;background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;height:100%;justify-content:center;min-height:400px;padding:2rem;text-align:center}.waiting-content,.waiting-prompt{display:flex;flex-direction:column;width:100%}.waiting-content{gap:2rem;max-width:600px}.status-message{background:linear-gradient(135deg,#4f46e51a,#9333ea1a);border-radius:16px;box-shadow:0 8px 32px #4f46e51a;overflow:hidden;padding:2rem;position:relative}.creative-space{height:200px;margin-bottom:1.5rem}.creative-space,.thought-bubble{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.thought-bubble{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#f0f4ff,#e6eaff);border-radius:40px;height:140px;margin-bottom:20px;width:180px}.thought-bubble:after{bottom:-20px;height:30px;right:40px;width:30px}.thought-bubble:after,.thought-bubble:before{background:#f0f4ff;border-radius:50%;content:"";position:absolute}.thought-bubble:before{bottom:-35px;height:20px;right:25px;width:20px}.bubble-dots{display:flex;gap:4px;left:20px;position:absolute;top:20px}.bubble-dots span{animation:fadePulse 1.5s ease-in-out infinite;color:#4f46e5;color:var(--primary);font-size:24px}.bubble-dots span:nth-child(2){animation-delay:.5s}.bubble-dots span:nth-child(3){animation-delay:1s}.artist-canvas{height:80px;position:relative;width:100px}.artist-palette{animation:rotatePalette 8s linear infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:50%;bottom:0;height:60px;position:absolute;right:0;width:60px}.artist-brush{animation:paintBrush 4s ease-in-out infinite;height:8px;left:10px;top:30px;transform:rotate(-45deg);transform-origin:100% 50%;width:40px}.artist-brush,.artist-brush:before{background:#826af9;position:absolute}.artist-brush:before{border-radius:50%;content:"";height:12px;left:-6px;top:-2px;width:12px}.artist-emoji{font-size:2.5rem;margin-top:1rem}.waiting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;font-size:1.5rem;font-weight:600;margin:0}.tutorial-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.tip-navigation{background:#4f46e508;display:flex;gap:.5rem;padding:1rem}.tip-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.tip-tab:hover{background:#4f46e50d;color:#4f46e5;color:var(--primary)}.tip-tab.active{background:#4f46e5;background:var(--primary);box-shadow:0 4px 12px #4f46e533;color:#fff;transform:translateY(-2px)}.tip-tab-icon{font-size:1.2rem}.tip-content{animation:fadeSlide .3s ease-out;min-height:100px;padding:1.5rem}.tip-description{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}@keyframes floatemoji{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes fadePulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes rotatePalette{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes paintBrush{0%,to{transform:rotate(-45deg) translateX(0)}50%{transform:rotate(-30deg) translateX(10px)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-15px) rotate(10deg)}}.prompt-input-container{display:flex;gap:.5rem;margin-bottom:.5rem}.prompt-input{border:2px solid #e1e1e1;border-radius:8px;flex:4 1;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.prompt-input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.random-button{align-items:center;background:#f8f8f8;border:2px solid #e1e1e1;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-width:45px;order:-1;padding:.8rem;transition:all .3s ease}.random-button:hover:not(:disabled){background:#f0f0f0;border-color:#4f46e5;border-color:var(--primary);transform:translateY(-1px)}.random-button:disabled{cursor:not-allowed;opacity:.7}.prompt-input-group{display:flex;flex-direction:row;flex-grow:3;flex-wrap:nowrap;gap:.25rem;gap:var(--spacing-xs)}.submit-button{background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-grow:2;font-size:1rem;font-weight:600;padding:.8rem 1.2rem;transition:all .3s ease;white-space:nowrap}.submit-button:hover:not(:disabled){box-shadow:0 3px 10px #4ecdc44d;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.word-count{color:#666;font-size:.9rem;margin-top:.25rem;text-align:right}.word-count.error{color:#d63031}.game-side-panel{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);width:300px}.side-panel-section{background-color:#fff;background-color:var(--surface);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.players-section,.side-panel-section{border-radius:.5rem;border-radius:var(--border-radius-lg);display:flex}.players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;box-shadow:0 4px 12px -2px #4f46e51f;flex:1 1;flex-direction:column;min-height:0;transition:max-height .3s ease-in-out}.players-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.players-header .section-title{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin:0}.toggle-icon{display:none;font-size:1.25rem;margin-left:1rem;margin-left:var(--spacing-md);transition:transform .3s ease}.players-section.collapsed .toggle-icon{transform:rotate(-180deg)}.progress-container{margin-top:.5rem;margin-top:var(--spacing-sm)}.progress-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.players-list{flex:1 1;min-height:0;overflow-y:auto;transition:max-height .3s ease-in-out}.player-tag{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.player-tag:last-child{border-bottom:none}.player-info,.player-name-container{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);min-width:0;width:100%}.name-section{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs);min-width:0}.role-badge{width:24px}.player-name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-player-indicator{color:#9ca3af;color:var(--text-tertiary);font-weight:400}.guess-text,.status-text{font-size:.875rem;white-space:nowrap}.status-text{color:#9ca3af;color:var(--text-tertiary)}.status-text.submitted{color:#10b981;color:var(--success)}.player-tag.is-prompt-giver{background-color:#f9fafb;background-color:var(--background)}.player-tag.is-disconnected{background-color:#00000008;opacity:.7}.status-text.disconnected{color:#ef4444;color:var(--danger);font-style:italic}.next-round-button,.reveal-prompt-button{border:none;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;padding:var(--spacing-md);transition:background-color .2s;width:100%}.reveal-prompt-button{background-color:#4f46e5;background-color:var(--primary);color:#fff}.reveal-prompt-button:hover{background-color:#4338ca;background-color:var(--primary-dark)}.next-round-button{background-color:#10b981;background-color:var(--success);color:#fff}.next-round-button:hover{background-color:#059669;background-color:var(--success-dark)}.guess-input-area{bottom:0;position:sticky;z-index:30}.guess-input-area .prompt-input-container{background:#0000}.guesses-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:.75rem;border-radius:var(--border-radius-xl);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl);transform-origin:bottom;width:100%}.guess-item{animation:fadeIn .5s ease-out forwards;background:#4f46e50d;border:2px solid #4f46e51a;border-radius:.5rem;border-radius:var(--border-radius-lg);gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.guess-content,.guess-item{align-items:center;display:flex;position:relative}.guess-content{flex:1 1;gap:1rem;gap:var(--spacing-md);min-width:0}.guess-item .player-name{color:#4b5563;color:var(--text-secondary);position:relative;transition:all .3s ease}.guess-item .guess-text{color:#4f46e5;color:var(--primary);font-size:1.3rem;font-weight:600}.room-preview{width:100%}.room-preview.loading{color:#4b5563;color:var(--text-secondary);font-size:1.1rem}.room-preview.error,.room-preview.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:.5rem;border-radius:var(--border-radius-lg);padding:2rem;padding:var(--spacing-xl);text-align:center}.room-preview.error h2{color:#ef4444;color:var(--danger);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.room-preview.error p{color:#4b5563;color:var(--text-secondary)}.room-info,.room-preview.error p{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.room-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #4f46e51a;border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px -2px #4f46e51f;padding:1.5rem;padding:var(--spacing-lg)}.room-info p{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:space-between;margin:.5rem 0;margin:var(--spacing-sm) 0}.room-info p:first-child{margin-top:0}.room-info p:last-child{margin-bottom:0}.room-info strong{background:#4f46e51a;color:#4f46e5;color:var(--primary);font-size:1.2em;font-weight:600;letter-spacing:.5px;margin-left:.5rem;margin-left:var(--spacing-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.room-info .error,.room-info strong{border-radius:.375rem;border-radius:var(--border-radius-md)}.room-info .error{background:#ef44441a;color:#ef4444;color:var(--danger);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center;width:100%}.share-url-container{background:#fffc;border:1px solid #4f46e51a;border-radius:.5rem;border-radius:var(--border-radius-lg);gap:var(--spacing-sm);margin:1rem 0;margin:var(--spacing-md) 0;padding:1rem;padding:var(--spacing-md)}.share-url-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--border-radius-md);color:#111827;color:var(--text-primary);font-family:monospace;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.word-count-display{justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);width:100%}.word-count-message{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;line-height:1.4;text-align:center}.word-count-message .player-name{color:#4f46e5;color:var(--primary);font-weight:600}.word-count-message .word-count-number{color:#4f46e5;color:var(--primary);font-size:1.3rem;font-weight:700}.word-count-message .art-style{color:#4f46e5;color:var(--primary);font-weight:600}.vertical-divider-container{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);padding:0 2rem;padding:0 var(--spacing-xl)}.vertical-divider-line{background:linear-gradient(90deg,#0000,#4f46e51a 50%,#0000);flex:1 1;height:2px}.vertical-divider-text{color:#4b5563;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.player-tag.is-inactive{background-color:#00000005;filter:grayscale(.8);opacity:.3;transition:all .3s ease}.image-reveal-container{align-items:center;animation:fadeScale .8s ease-out;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.image-frame,.image-reveal-container{padding:1.5rem;padding:var(--spacing-lg)}.image-frame{animation:frameReveal 2s ease-out;background:linear-gradient(317deg,#d7dbff,#f3e5ff);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #4f46e526,0 2px 8px #4f46e51a;position:relative}.image-container{animation:imageScale .8s ease-out;margin:0 auto;max-width:500px;overflow:hidden;position:relative;transform-origin:center}.image-container,.image-container img{border-radius:.5rem;border-radius:var(--border-radius-lg);width:100%}.image-container img{display:block;height:auto;transition:transform .3s ease}.image-overlay{background:linear-gradient(135deg,#4f46e51a,#818cf81a);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.sparkle-effect{height:100%;pointer-events:none;position:absolute;width:100%}.sparkle-effect span{animation:floatSparkle 3s ease-in-out infinite;font-size:1.5rem;opacity:0;position:absolute}.sparkle-effect span:first-child{animation-delay:0s;left:20%;top:20%}.sparkle-effect span:nth-child(2){animation-delay:1s;right:20%;top:50%}.sparkle-effect span:nth-child(3){animation-delay:2s;bottom:20%;left:40%}.prompt-info-container{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);width:100%}.prompt-decoration{animation:rotateStar 4s linear infinite;color:#818cf8;color:var(--primary-light);font-size:1.5rem;opacity:.5;position:absolute}.prompt-decoration.left{left:1rem;left:var(--spacing-md)}.prompt-decoration.right{right:3rem;right:var(--spacing-2xl)}.prompt-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;font-size:1.25rem;font-weight:700;position:relative;text-align:center;z-index:1}.word-count-display{align-items:center;animation:slideUp .5s ease-out;display:flex;gap:1rem;gap:var(--spacing-md)}.word-count-bubble{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 15px #4f46e533;color:#fff;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.word-count-number{font-size:2rem;font-weight:700}.word-count-text{font-size:.9rem;opacity:.9}.hint-sparkles{animation:bounce 2s ease-in-out infinite;font-size:1.5rem}@keyframes frameReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cornerReveal{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes imageScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatSparkle{0%{opacity:0;transform:translate(0) rotate(0deg)}25%{opacity:1}50%{opacity:.8;transform:translate(20px,-20px) rotate(180deg)}75%{opacity:1}to{opacity:0;transform:translate(0) rotate(1turn)}}@keyframes rotateStar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.game-layout{flex:1 1;flex-direction:column;margin:0;min-height:0;padding:1rem;padding:var(--spacing-md)}.game-side-panel{display:flex;flex-direction:column;flex-shrink:0;order:-1;width:100%}.side-panel-section{background-color:#fff;background-color:var(--surface);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.side-panel-section:last-child:not(.players-section){border-radius:.5rem .5rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;bottom:0;left:0;padding:.5rem;padding:var(--spacing-sm);position:fixed;right:0;z-index:20}.players-section{order:-1}.prompt-input-container{flex-wrap:wrap}.guess-input-area{background:#fff;background:var(--surface);border-radius:.5rem .5rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;bottom:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);left:0;margin:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;z-index:30}.players-section{background-color:#fff;background-color:var(--surface);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.players-section.collapsed .players-list{max-height:0;overflow:hidden}.players-section:not(.collapsed) .players-list{max-height:300px}.game-main-content,.image-display{display:flex;flex:1 1;flex-direction:column;min-height:0}.image-frame{padding:0}.game-header{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.game-title{font-size:1.5rem}.art-style-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.art-style-card{gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.style-icon-container{height:48px;width:48px}.style-icon{font-size:2rem}.style-label{font-size:.9rem}.toggle-icon{display:block}.players-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.players-header .section-title{align-items:center;display:flex;flex:1 1;gap:.5rem;gap:var(--spacing-sm);margin:0}}.badge-container{align-items:center;animation:badgePop .5s ease-out forwards;background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px -2px #4f46e54d;display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:center;margin-left:auto;min-width:120px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-align:center;transform:rotate(-2deg);transition:all .3s ease}.badge-text{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.badge-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:1.2rem}.badge-container:hover{box-shadow:0 4px 12px -2px #4f46e566;transform:rotate(0deg) scale(1.05)}.reveal-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:2rem 0;position:fixed;top:0;width:100vw;z-index:1000}.reveal-content{align-items:center;display:flex;flex-direction:column;max-width:1200px;min-height:min-content;padding-bottom:2rem;position:relative;width:90%}.reveal-stage{grid-gap:2rem;display:grid;gap:2rem;grid-template-areas:"image prompt" "guesses guesses";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;transition:all .5s ease-out;width:100%}.reveal-stage,.reveal-stage.initial{opacity:0;transform:scale(.95)}.reveal-stage.complete,.reveal-stage.guesses,.reveal-stage.prompt{opacity:1;transform:scale(1)}.reveal-image-container{align-items:center;background:#ffffff0d;border-radius:1rem;display:flex;grid-area:image;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.reveal-image{height:100%;object-fit:contain;width:100%}.reveal-prompt-section{animation:slideUp .5s ease-out forwards;animation-delay:1s;background:#ffffff0d;border-radius:1rem;color:#fff;display:flex;flex-direction:column;grid-area:prompt;justify-content:center;opacity:0;overflow:hidden;padding:2rem;text-align:left;transform:translateY(20px)}.reveal-prompt-label{color:#9ca3af;color:var(--text-tertiary);font-size:1.5rem;margin-bottom:2rem;opacity:.8}.reveal-prompt-text{color:#fff;display:inline-block;font-size:3.5rem;font-weight:700;line-height:1.2;padding:0 4rem;position:relative}.reveal-style-text{color:#fff9;font-size:1.2rem;font-style:italic;font-weight:400;margin-top:1rem;text-align:left}.reveal-quote{color:#818cf8;color:var(--primary-light);font-size:4rem;opacity:.5;position:absolute}.reveal-quote:first-child{left:0;top:-1rem}.reveal-quote:last-child{bottom:-1rem;right:0}.reveal-guesses-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-area:guesses;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.reveal-guess-item{align-items:flex-start;animation:slideInGuess .5s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;opacity:0;padding:1.5rem;transition:all .3s ease}.reveal-guess-item:hover{background:#ffffff26;transform:translateY(-5px)}.reveal-guess-item.exact-match{background:#10b98126;border:2px solid #10b9814d}.reveal-player-info{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.reveal-player-name{color:#9ca3af;color:var(--text-tertiary);font-size:1.2rem}.reveal-player-name strong{color:#e5e7eb;color:var(--border)}.reveal-badge{animation:badgePop .5s ease-out;background:#4f46e5;background:var(--primary);border-radius:2rem;color:#fff;font-size:1rem;padding:.5rem 1rem}.reveal-badge.perfect{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);box-shadow:0 4px 12px #10b9814d}.reveal-guess-text{color:#f9fafb;color:var(--background);font-size:2rem;font-weight:800}.reveal-close-button{animation:fadeIn .5s ease-out forwards;animation-delay:5s;background:#4f46e5;background:var(--primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.2rem;opacity:0;padding:1rem 2rem;position:fixed;right:2rem;top:2rem;transition:all .3s ease;z-index:1001}.reveal-close-button:hover{background:#818cf8;background:var(--primary-light);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}@media (max-width:768px){.reveal-overlay{padding:1rem}.reveal-content{padding:1rem;width:100%}.reveal-prompt-text{font-size:2.5rem;padding:0 1.5rem}.reveal-guesses-section{grid-template-columns:1fr}.reveal-close-button{font-size:1rem;padding:.8rem 1.5rem;right:1rem;top:1rem}.reveal-stage{grid-template-areas:"image" "prompt" "guesses";grid-template-columns:1fr;grid-template-rows:auto auto auto}.reveal-prompt-section{padding:1.5rem;text-align:center}.reveal-prompt-label{font-size:1.2rem;margin-bottom:1rem}.reveal-style-text{text-align:center}}@keyframes slideInGuess{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-next-round-button{align-items:center;animation:fadeIn .5s ease-out forwards;background:#10b981;background:var(--success);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;margin:2rem auto 0;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.reveal-next-round-button:hover{background:#059669;background:var(--success-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.reveal-next-round-button{font-size:1rem;margin:1.5rem 0 0;max-width:100%;padding:.8rem 1.5rem}}.chosen-one-header{align-items:center;animation:fadeIn .5s ease-out;background:linear-gradient(135deg,#4f46e51a,#9333ea1a);border-radius:.5rem;border-radius:var(--border-radius-lg);display:flex;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative}.chosen-one-header:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.chosen-one-crown{align-items:center;animation:floatemoji 3s ease-in-out infinite;background:#ffffff1a;border-radius:.5rem;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;font-size:3rem;justify-content:center;padding:1rem;padding:var(--spacing-md)}.chosen-one-text{flex:1 1;text-align:left}.chosen-one-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.chosen-one-header p{color:#4b5563;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.creation-scroll-container{overflow:auto}@media (max-width:768px){.chosen-one-header{flex-direction:row;gap:0;padding:1rem;padding:var(--spacing-md);text-align:center}.chosen-one-crown{font-size:2.5rem}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.landing-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative;z-index:1}.landing-container:before{animation:floatAround 8s linear infinite;content:"✨";font-size:2rem;opacity:.5;position:absolute}.landing-container:after{animation:floatAround 10s linear infinite reverse;animation-delay:-5s;content:"🎨";font-size:2rem;opacity:.5;position:absolute}@keyframes floatAround{0%{opacity:.3;transform:translate(0) rotate(0deg)}25%{opacity:.6;transform:translate(46w,25vh) rotate(90deg)}50%{opacity:.3;transform:translate(25vw,46vh) rotate(180deg)}75%{opacity:.6;transform:translate(-25vw,25vh) rotate(270deg)}to{opacity:.3;transform:translate(0) rotate(1turn)}}.landing-content{animation:scaleIn .5s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border-radius:var(--border-radius-2xl);box-shadow:0 4px 12px -2px #4f46e51f;margin-top:2rem;max-width:500px;padding:var(--spacing-xl);text-align:center;width:100%}.game-title{-webkit-text-fill-color:#0000;animation:titlePop .8s ease-out;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-size:2.5rem;font-style:normal;font-weight:900;line-height:115%;text-align:left}.start-game .primary-button{width:100%}.game-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-top:1rem;text-align:center}.game-options{display:flex;flex-direction:column;gap:1rem}.join-form{display:flex;gap:.5rem}.room-input-group{display:flex;gap:var(--spacing-md)}.room-input-group input{flex:2 1}.room-input-group button{flex:1 1}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background:#ffe1e1;border-radius:8px;color:#d63031;margin-bottom:1.5rem;padding:1rem;text-align:center}.share-url-container{animation:fadeIn .5s ease-out;display:flex;gap:.5rem;margin-bottom:1.5rem}.share-url-input{background:#f8f8f8;border:2px solid #e1e1e1;border-radius:8px;flex:1 1;font-size:.9rem;padding:.8rem}.attribution{color:#fff9;font-size:.875rem;font-weight:300;margin-top:2rem;max-width:500px;pointer-events:auto;position:relative;text-align:center;width:100%;z-index:2}.attribution a{border-bottom:1px dotted #fff6;color:#fffc;text-decoration:none;transition:all .2s ease}.attribution a:hover{border-bottom-color:#4ecdc4;color:#4ecdc4}@media (max-width:768px){.game-title{font-size:2rem}.join-form{flex-direction:column}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes titlePop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.landing-background{background:#2b284d;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:opacity 2s ease-in-out,transform 8s ease-in-out;width:100%}.background-image.active{opacity:1;transform:scale(1)}.background-image.initial-load{transform:scale(1.1);transition:none}.background-image.initial-load.active{opacity:1;transform:scale(1);transition:opacity 2s ease-in-out,transform 8s ease-in-out}.background-overlay{background:linear-gradient(#00000080,#0000004d);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
/*# sourceMappingURL=main.9de22ce8.css.map*/