@font-face{font-family:Lato;src:url(/fonts/Lato-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif}body,html{height:100%;font-family:Lato,sans-serif}body{background-color:#f3f4f6;margin:0;padding:0}a,button,div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{font-family:Lato,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-moz-selection{background-color:#e0e7ff;color:#312e81}::selection{background-color:#e0e7ff;color:#312e81}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.w-full{width:100%}.w-64{width:16rem}.w-80{width:20rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-32{width:8rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-32{height:8rem}.h-64{height:16rem}.h-80{height:20rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1-5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-text-7xl{font-size:4.5rem;line-height:1}}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.top-10{top:2.5rem}.left-10{left:2.5rem}.bottom-20{bottom:5rem}.right-10{right:2.5rem}.-right-8{right:-2rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:Lato,sans-serif;letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-left{text-align:left}.leading-relaxed{line-height:1.625}.text-white{color:#ffffff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-900{color:#312e81}.text-red-600{color:#dc2626}.text-red-800{color:#991b1b}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-yellow-400{color:#facc15}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.text-red-700{color:#b91c1c}.text-orange-800{color:#9a3412}.text-red-500{color:#ef4444}.bg-white{background-color:#ffffff}.bg-black{background-color:#000000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-900{background-color:#111827}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef9c3}.bg-yellow-300{background-color:#fde047}.bg-orange-50{background-color:#fff7ed}.bg-cyan-300{background-color:#67e8f9}.bg-red-400{background-color:#f87171}.bg-orange-400{background-color:#fb923c}.bg-amber-400{background-color:#fbbf24}.bg-yellow-400{background-color:#facc15}.bg-lime-400{background-color:#a3e635}.bg-green-400{background-color:#4ade80}.bg-emerald-400{background-color:#34d399}.bg-teal-400{background-color:#2dd4bf}.bg-cyan-400{background-color:#22d3ee}.bg-sky-400{background-color:#38bdf8}.bg-blue-400{background-color:#60a5fa}.bg-indigo-400{background-color:#818cf8}.bg-white\/90{background-color:rgba(255,255,255,.9)}.bg-white\/95{background-color:rgba(255,255,255,.95)}.bg-white\/50{background-color:rgba(255,255,255,.5)}.bg-white\/30{background-color:rgba(255,255,255,.3)}.bg-white\/80{background-color:rgba(255,255,255,.8)}.bg-indigo-500\/30{background-color:rgba(99,102,241,.3)}.bg-indigo-200\/30{background-color:rgba(199,210,254,.3)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-to:rgba(99,102,241,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-100{--tw-gradient-from:#e0e7ff;--tw-gradient-to:rgba(224,231,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-to:rgba(79,70,229,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-700{--tw-gradient-from:#4338ca;--tw-gradient-to:rgba(67,56,202,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-to:rgba(96,165,250,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-to:rgba(239,246,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:rgba(168,85,247,0);--tw-gradient-stops:var(--tw-gradient-from),#a855f7,var(--tw-gradient-to)}.via-indigo-50{--tw-gradient-to:rgba(238,242,255,0);--tw-gradient-stops:var(--tw-gradient-from),#eef2ff,var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to:#9333ea}.to-purple-700{--tw-gradient-to:#7e22ce}.to-purple-50{--tw-gradient-to:#faf5ff}.to-indigo-600{--tw-gradient-to:#4f46e5}.to-white{--tw-gradient-to:#ffffff}.to-pink-500{--tw-gradient-to:#ec4899}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-green-200{border-color:#bbf7d0}.border-yellow-200{border-color:#fef9c3}.border-red-100{border-color:#fee2e2}.border-red-200{border-color:#fecaca}.border-indigo-50{border-color:#eef2ff}.border-indigo-100{border-color:#e0e7ff}.border-green-100{border-color:#dcfce7}.border-orange-100{border-color:#ffedd5}.border-white\/20{border-color:rgba(255,255,255,.2)}.border-white\/50{border-color:rgba(255,255,255,.5)}.border-white\/60{border-color:rgba(255,255,255,.6)}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-xl{backdrop-filter:blur(24px)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-75{transition-duration:75ms}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-\[1\.01\]:hover{transform:scale(1.01)}.active\:scale-95:active{transform:scale(.95)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.active\:translate-y-0:active{transform:translateY(0)}.hover-rotate-1:hover{transform:rotate(1deg)}.group:hover .group-hover-scale-105{transform:scale(1.05)}.group:hover .group-hover-opacity-100{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:bg-black:hover{background-color:#000000}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:bg-indigo-200:hover{background-color:#c7d2fe}.hover\:bg-red-200:hover{background-color:#fecaca}.hover\:bg-green-100:hover{background-color:#dcfce7}.hover\:bg-yellow-100:hover{background-color:#fef9c3}.hover\:bg-red-100:hover{background-color:#fee2e2}.hover-text-gray-700:hover{color:#374151}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-indigo-500\/30:hover{box-shadow:0 10px 15px -3px rgba(99,102,241,.3),0 4px 6px -2px rgba(99,102,241,.2)}.hover-shadow-indigo-200:hover{box-shadow:0 10px 15px -3px rgba(199,210,254,.3),0 4px 6px -2px rgba(199,210,254,.2)}@media (min-width:640px){.sm-block{display:block}.sm-flex-row{flex-direction:row}.sm-px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg-px-8{padding-left:2rem;padding-right:2rem}}.hidden{display:none}.block{display:block}.underline{text-decoration:underline}.fill-current{fill:currentColor}@keyframes gradient-xy{0%,to{background-size:400% 400%;background-position:0 0}50%{background-size:200% 200%;background-position:100% 100%}}.animate-gradient{animation:gradient-xy 15s ease infinite}.blob{position:absolute;filter:blur(40px);z-index:-1;opacity:.4;animation:float 10s ease-in-out infinite}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pop-in{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer-2s-infinite{animation:shimmer 2s infinite}.ring-4{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.ring-yellow-200{box-shadow:0 0 0 4px #fef9c3}.font-inter{font-family:Lato,sans-serif}.btn-gradient-indigo{background:linear-gradient(90deg,#4f46e5,#9333ea);color:white;padding:1rem 2rem;border-radius:1rem;font-weight:700;font-size:1.125rem;transition:all .15s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-gradient-indigo:hover{background:linear-gradient(90deg,#4338ca,#7e22ce);box-shadow:0 10px 15px -3px rgba(99,102,241,.3),0 4px 6px -2px rgba(99,102,241,.2);transform:translateY(-.25rem)}.btn-gradient-indigo:active{transform:scale(.95)}.start-screen{animation:gradient-xy 15s ease infinite}.level-selection-screen,.start-screen{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(to bottom right,#6366f1,#a855f7,#ec4899)}.finished-screen{background:linear-gradient(180deg,#60a5fa,#4f46e5)}.finished-screen,.game-screen{min-height:100vh;display:flex;flex-direction:column}.game-screen{background-color:#f9fafb;color:#1f2937}.game-screen ::-moz-selection{background-color:#e0e7ff;color:#312e81}.game-screen ::selection{background-color:#e0e7ff;color:#312e81}.game-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to bottom right,#eff6ff,#eef2ff,#faf5ff)}.main-game-content{flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;position:relative;z-index:10;padding:2rem 1rem 1.5rem}@media (min-width:640px){.main-game-content{padding:2rem 1.5rem}}@media (min-width:768px){.main-game-content{padding:3rem 2rem 2.5rem}}.game-logo-section{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem}.game-logo{max-width:200px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.game-brand-name,.game-logo{animation:fadeIn .6s ease-out forwards}.game-brand-name{font-size:1.5rem;font-weight:800;color:#1e293b;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (min-width:640px){.game-logo{max-width:250px}.game-logo-section{padding-left:1.5rem;padding-right:1.5rem}.game-brand-name{font-size:1.75rem}}@media (min-width:768px){.game-logo{max-width:180px}.game-logo-section{padding-left:7rem;padding-right:7rem}.game-brand-name{font-size:2rem}}.game-progress-section{width:100%;max-width:700px;display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:1rem 1.25rem;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.2);margin-bottom:.5rem}.game-timer-section{width:100%;display:flex;justify-content:center;align-items:center;margin:.5rem 0;padding:0 1rem}.game-progress-bar{width:100%;height:.875rem;background:rgba(255,255,255,.25);backdrop-filter:blur(8px);border-radius:9999px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);margin-bottom:.5rem;border:1px solid rgba(255,255,255,.3)}.game-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:9999px;transition:width .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-progress-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-2s-infinite 2s infinite}.game-progress-text{text-align:center;font-size:.875rem;font-weight:700;color:#ffffff;letter-spacing:.025em;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:.75rem;display:inline-block;text-shadow:0 2px 4px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}.game-word-section{padding:1.5rem 1rem;margin:.5rem 0}.game-interaction-section,.game-word-section{width:100%;max-width:700px;display:flex;justify-content:center;align-items:center}.game-interaction-section{flex-direction:column;min-height:250px;gap:1.5rem;padding:1rem;margin-top:.5rem}.game-error-message{width:100%;padding:1.25rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border-radius:1rem;text-align:center;font-size:.875rem;font-weight:700;border:2px solid #fecaca;box-shadow:0 4px 6px -1px rgba(239,68,68,.1);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.game-error-button{display:block;margin:.75rem auto 0;padding:.5rem 1rem;background:#dc2626;color:white;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:underline}.game-error-button:hover{background:#b91c1c;transform:translateY(-1px)}.game-recorder-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease-out forwards}.game-result-wrapper{width:100%;display:flex;justify-content:center;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.word-display-container{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.25);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.word-difficulty-badge{display:flex;justify-content:center;width:100%}.difficulty-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:700;border-width:2px;box-shadow:0 4px 12px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3);transition:transform .2s;backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.difficulty-badge:hover{transform:translateY(-2px)}.word-main-display{width:100%;display:flex;justify-content:center;padding:1rem 0}.word-title-wrapper{position:relative;display:inline-block;cursor:pointer;padding:1rem;border-radius:1rem;transition:all .3s ease}.word-title-wrapper:hover{background:rgba(99,102,241,.05)}.word-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;color:#ffffff;letter-spacing:-.025em;line-height:1.1;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.3);transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.word-title-wrapper:hover .word-title{transform:scale(1.05)}.word-hover-icon{position:absolute;right:-3rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.word-title-wrapper:hover .word-hover-icon{opacity:1}.word-definition-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);padding:1.5rem;border-radius:1rem;border:2px solid rgba(255,255,255,.5);box-shadow:0 8px 24px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2);max-width:600px;width:100%;transition:transform .3s ease,box-shadow .3s ease}.word-definition-card:hover{transform:translateY(-2px) rotate(.5deg);box-shadow:0 8px 12px -2px rgba(0,0,0,.15),0 4px 8px -1px rgba(0,0,0,.1)}.word-definition-header{display:flex;justify-content:center;margin-bottom:1rem}.word-listen-button{padding:.75rem;background:#e0e7ff;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.word-listen-button:hover{background:#c7d2fe;transform:scale(1.1)}.word-listen-button:active{transform:scale(.95)}.word-definition-text{color:#1f2937;font-weight:600;font-size:1.125rem;line-height:1.6;margin:0;font-family:Lato,sans-serif;text-shadow:0 1px 2px rgba(255,255,255,.8)}@media (max-width:640px){.word-title{font-size:clamp(2.5rem,12vw,3.5rem)!important}.word-hover-icon{display:none}.word-definition-card{padding:1.25rem}.word-definition-text{font-size:1rem}.game-progress-text{font-size:.75rem}.main-game-content{gap:2rem}}.game-word-section{background:rgba(255,255,255,.4);backdrop-filter:blur(10px);border-radius:2rem;padding:2rem 1rem;margin:1rem 0;box-shadow:0 8px 16px -4px rgba(0,0,0,.1)}@media (min-width:768px){.game-word-section{padding:3rem 2rem}}.game-interaction-section{background:rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:2rem;padding:2rem 1.5rem;box-shadow:0 4px 12px -2px rgba(0,0,0,.1)}@media (min-width:768px){.game-interaction-section{padding:3rem 2rem}}.text-green-500-dynamic{color:#22c55e}.text-indigo-500-dynamic{color:#6366f1}.back-to-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;font-weight:500;font-size:.875rem;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);cursor:pointer}.back-to-home-btn:hover{background:linear-gradient(135deg,#ffffff,#f3f4f6);color:#1f2937;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.back-to-home-btn:active{transform:translateY(0);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.back-to-home-btn svg{transition:transform .3s ease}.back-to-home-btn:hover svg{transform:translateX(-4px)}.result-card-good{max-width:32rem;border-color:rgba(34,197,94,.2)}.result-card-nice-try{max-width:36rem;border-color:rgba(249,115,22,.2)}.result-header-good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;box-shadow:0 4px 6px -1px rgba(34,197,94,.1),0 2px 4px -1px rgba(34,197,94,.06)}.result-header-nice-try{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;box-shadow:0 4px 6px -1px rgba(249,115,22,.1),0 2px 4px -1px rgba(249,115,22,.06);position:relative;overflow:hidden}.result-header-nice-try:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-slow 3s infinite}@keyframes shimmer-slow{0%{left:-100%}to{left:100%}}.coach-feedback-box{padding:1.75rem 2rem;border-radius:1rem;border-width:2px;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (min-width:640px){.coach-feedback-box{padding:2rem 2.5rem}}@media (min-width:768px){.coach-feedback-box{padding:2.25rem 3rem}}.coach-feedback-content{display:flex;flex-direction:column;gap:1rem}.coach-feedback-header{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;line-height:1.5}.coach-feedback-text{margin:0;padding-left:2rem;line-height:1.7;font-size:1rem;font-weight:500}@media (min-width:640px){.coach-feedback-text{font-size:1.0625rem;padding-left:2.25rem}}@media (min-width:768px){.coach-feedback-text{font-size:1.125rem;padding-left:2.5rem}}.coach-box-good{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;box-shadow:0 2px 4px -1px rgba(34,197,94,.1)}.coach-box-good .coach-feedback-header{color:#166534}.coach-box-good .coach-feedback-text{color:#15803d}.coach-box-nice-try{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74;box-shadow:0 2px 4px -1px rgba(249,115,22,.1);position:relative}.coach-box-nice-try .coach-feedback-header{color:#9a3412}.coach-box-nice-try .coach-feedback-text{color:#c2410c}.timer-container{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;overflow:hidden;z-index:10}.timer-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.timer-container:hover:before{left:100%}.timer-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px rgba(99,102,241,.3);z-index:1}.timer-icon{width:1.25rem;height:1.25rem;color:white;animation:timer-tick 1s ease-in-out infinite}@keyframes timer-tick{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-content{display:flex;flex-direction:column;z-index:1}.timer-label{font-size:.625rem;text-transform:uppercase;color:#475569;line-height:1;text-shadow:0 1px 2px rgba(255,255,255,.5)}.timer-label,.timer-value{font-weight:700;letter-spacing:.05em}.timer-value{font-family:Lato,sans-serif;font-size:1.25rem;color:#0f172a;line-height:1.2;text-shadow:0 1px 3px rgba(255,255,255,.6)}.timer-normal .timer-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.timer-warning{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7);animation:timer-warning-pulse 2s ease-in-out infinite}.timer-warning .timer-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);animation:timer-icon-pulse 1s ease-in-out infinite}.timer-urgent{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);animation:timer-urgent-pulse 1s ease-in-out infinite;box-shadow:0 4px 6px -1px rgba(239,68,68,.3),0 2px 4px -1px rgba(239,68,68,.2)}.timer-urgent .timer-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);animation:timer-icon-pulse-urgent .5s ease-in-out infinite}.timer-urgent .timer-value{color:#dc2626}@keyframes timer-warning-pulse{0%,to{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}50%{box-shadow:0 4px 6px -1px rgba(251,191,36,.4),0 2px 4px -1px rgba(251,191,36,.3)}}@keyframes timer-urgent-pulse{0%,to{transform:scale(1);box-shadow:0 4px 6px -1px rgba(239,68,68,.3),0 2px 4px -1px rgba(239,68,68,.2)}50%{transform:scale(1.02);box-shadow:0 8px 12px -2px rgba(239,68,68,.4),0 4px 8px -1px rgba(239,68,68,.3)}}@keyframes timer-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes timer-icon-pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}