@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--radius-sm:0.75rem;--radius-md:1.25rem;--radius-lg:2rem;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-sm:0 2px 4px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08);--shadow-xl:0 20px 40px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);--primary-color:#4a90e2;--primary-dark:#3574c5;--primary-light:#f0f7ff;--primary-gradient:linear-gradient(135deg,#5b9ef3,#4a90e2);--accent-color:#ffb344;--accent-gradient:linear-gradient(135deg,#ffb344,#ff8c42);--text-primary:#1a202c;--text-secondary:#4a5568;--background-gradient:linear-gradient(180deg,#f0f7ff,#fafbfc 50%,#fff);--card-bg:hsla(0,0%,100%,.95);--card-glass:hsla(0,0%,100%,.7);--border-color:#e2e8f0;--font-poppins:"Poppins",sans-serif;--gradient-purple-blue:linear-gradient(135deg,#667eea,#4a90e2);--gradient-orange-pink:linear-gradient(135deg,#ffb344,#ff6b9d);--gradient-blue-teal:linear-gradient(135deg,#4a90e2,#38b2ac);--vh:1vh;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--nav-height:max(60px,8vh);--content-max-height:calc(100vh - var(--nav-height) - var(--safe-area-inset-bottom))}html{min-height:100%;padding:0}body,html{width:100%;margin:0}body{@apply bg-game-background font-game text-game-text antialiased;font-family:var(--font-poppins),"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;font-weight:400;min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--background-gradient);height:100vh;height:-webkit-fill-available;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;left:0;top:0}}@layer components{.btn-game,.btn-game-primary,.btn-game-secondary,.card-game,.input-game,.toggle-game,.toggle-game[data-state=checked],.toggle-thumb,.toggle-thumb[data-state=checked],.toggle-thumb[data-state=unchecked]{@apply translate-x-1}}.app{width:100vw;height:100%;height:-webkit-fill-available;display:flex;flex-direction:column;overflow:auto;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px))}.content-container{height:100%;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;align-items:center;width:90%;margin:0 auto;padding:.75rem .75rem calc(4rem + env(safe-area-inset-bottom));min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px) + 1rem)}.bottom-nav{height:var(--nav-height);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + .5rem);background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:1000;border-top:1px solid rgba(74,144,226,.1);box-shadow:0 -4px 20px rgba(0,0,0,.08),0 -1px 4px rgba(74,144,226,.05)}.view-container{width:100%;height:100%;max-height:var(--content-max-height);overflow-x:hidden;overflow-y:hidden;position:relative;display:flex;flex-direction:column;align-items:center;padding:.75rem;margin:0 auto;max-width:min(100%,480px)}.container{max-width:440px;height:var(--content-max-height)}.container,.game-area{width:90%;margin:0 auto;position:relative;box-sizing:border-box}.game-area{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 0 1px hsla(0,0%,100%,.5) inset;border:1px solid hsla(0,0%,100%,.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:min(480px,100%);padding:2rem 1.5rem;overflow:hidden}.game-area:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.game-area.waiting{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(240,247,255,.9));box-shadow:var(--shadow-lg),0 0 0 1px rgba(74,144,226,.1) inset}.game-area.waiting:before{opacity:1}.game-area.playing{background:linear-gradient(135deg,hsla(0,0%,100%,.85),rgba(240,247,255,.8));transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 0 1px rgba(74,144,226,.2) inset}.game-area.playing:before{opacity:1;background:var(--gradient-blue-teal)}.game-area.playing.pressed{background:linear-gradient(135deg,rgba(74,144,226,.15),rgba(91,158,243,.1));transform:scale(.98) translateY(0);box-shadow:var(--shadow-md),0 0 0 2px rgba(74,144,226,.3) inset}.landing-container{width:90%;padding-bottom:calc(var(--nav-height) + 1.5rem)}.card{background:var(--card-bg);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(74,144,226,.1);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card:hover:before{opacity:.05}.logo{width:64px;height:64px;margin-bottom:1rem}.game-title{font-size:2.5rem;font-weight:800;background:var(--gradient-purple-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-.03em;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(74,144,226,.15))}.game-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-weight:500}.button-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 4px 15px rgba(74,144,226,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px rgba(74,144,226,.4)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm),0 2px 10px rgba(74,144,226,.3)}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.date-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.challenge-count{font-weight:600;color:var(--text-primary)}.game-grid{grid-gap:.5rem;margin-bottom:2rem}.game-grid,.game-row{display:grid;gap:.5rem}.game-row{grid-template-columns:repeat(5,1fr);grid-gap:.5rem}.game-cell{aspect-ratio:1;border:2px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;text-transform:uppercase;transition:all .2s ease}.game-card-title{font-size:1.3rem;margin-bottom:.5rem;color:var(--primary-color)}.word{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:var(--gradient-purple-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(74,144,226,.2);animation:wordPulse .3s ease-out}@keyframes wordPulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.progress-bar{width:85%;height:10px;background:rgba(74,144,226,.15);border-radius:999px;overflow:hidden;margin-bottom:1.5rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.1);position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.3),transparent);border-radius:999px 999px 0 0;pointer-events:none}.progress{height:100%;background:var(--primary-gradient);transition:width .05s linear;position:relative;box-shadow:0 0 10px rgba(74,144,226,.5);border-radius:999px}.progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);animation:shimmer 1.5s infinite;border-radius:999px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.score{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.instruction{font-size:1.125rem;color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:1.5rem;font-weight:500;max-width:90%;padding:0 1rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hand-icon{font-size:3rem;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-score{font-size:2.5rem;font-weight:700;margin:1.5rem 0;color:var(--text-primary)}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.landing-container{width:100%;max-width:min(480px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:calc(var(--nav-height) + 1rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.landing-header{text-align:center;margin-bottom:.5rem;position:relative;padding:.75rem}.landing-date{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.landing-title{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient-purple-blue);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 8px rgba(74,144,226,.2));letter-spacing:-.03em;animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.landing-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.auth-button-new{padding:.625rem 1.25rem;border-radius:999px;background:var(--primary-gradient);color:#fff;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-size:.875rem;box-shadow:var(--shadow-sm),0 2px 10px rgba(74,144,226,.2);border:none;position:relative;overflow:hidden}.auth-button-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.auth-button-new:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px 15px rgba(74,144,226,.35)}.auth-button-new:hover:before{left:100%}.auth-button-new:active{transform:translateY(0);box-shadow:var(--shadow-sm),0 2px 8px rgba(74,144,226,.25)}.auth-button-new:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-modes{gap:.5rem}.game-card{border-radius:16px;padding:.5rem;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(74,144,226,.15);border-color:var(--primary-color)}.nav-item{text-decoration:none;color:var(--text-secondary);font-size:.8rem;gap:.25rem;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;border-radius:var(--radius-sm)}.nav-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(74,144,226,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.nav-item:hover:before{width:100%;height:100%;border-radius:var(--radius-sm)}.nav-item:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-item.active{color:var(--primary-color);font-weight:600}.nav-item.active .nav-icon{filter:drop-shadow(0 2px 4px rgba(74,144,226,.3))}.nav-icon{transition:transform .3s ease;position:relative;z-index:1}.nav-item:hover .nav-icon{transform:scale(1.1)}.game-cards{grid-gap:1rem;width:100%}.game-card{border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(74,144,226,.05),rgba(91,158,243,.02));opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:rgba(74,144,226,.3)}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px) scale(1.01)}.game-card-title{font-size:1.25rem;font-weight:600;margin:0;position:relative;z-index:1}.game-card.bg-blue-500{background:var(--primary-gradient);border:none;box-shadow:var(--shadow-lg),0 4px 20px rgba(74,144,226,.3)}.game-card.bg-blue-500:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));opacity:1}.game-card.bg-blue-500:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.game-card.bg-blue-500:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl),0 8px 30px rgba(74,144,226,.4);border:none}.game-card.bg-blue-500:hover:after{opacity:1}.game-card.bg-blue-500 .game-card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}::-webkit-scrollbar,::-webkit-scrollbar-track{@apply bg-game-background}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{@apply bg-game-primary}@media (max-width:640px){.button-group{flex-direction:column}.button-group .btn{width:100%}.container,.game-area{margin:0 .75rem;padding:1.5rem}.game-title{font-size:2.5rem}.word{font-size:2rem}.instruction,.start-screen p{font-size:1rem}.view-container{padding:min(3vh,15px);padding-bottom:calc(var(--nav-height) + .75rem)}}@media (max-width:480px){.game-title{font-size:2.5rem}.end-screen,.game-area,.start-screen{padding:1.5rem}.word{font-size:2rem}.instruction,.start-screen p{font-size:1rem}}.btn-modern{@apply px-6 py-3 font-semibold transition-all duration-300;border-radius:var(--radius-md);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:var(--shadow-md)}.btn-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));transform:translateX(-100%);transition:transform .6s cubic-bezier(.175,.885,.32,1)}.btn-modern:hover:before{transform:translateX(100%)}.btn-primary-modern{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 4px 15px rgba(74,144,226,.3);border:none}.btn-primary-modern:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 8px 25px rgba(74,144,226,.4)}.btn-primary-modern:active{transform:translateY(-1px);box-shadow:var(--shadow-sm),0 4px 15px rgba(74,144,226,.3)}.btn-secondary-modern{background:#fff;border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-secondary-modern:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),0 4px 15px rgba(74,144,226,.2);background:var(--primary-light)}.btn-secondary-modern:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.score-display{animation:scorePopIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.score-container{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(74,144,226,.2),inset 0 -4px 8px rgba(0,0,0,.1);position:relative;overflow:hidden}.score-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 70%);animation:rotateBg 8s linear infinite}@keyframes rotateBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.score-number{font-size:4rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.score-label{color:hsla(0,0%,100%,.9);font-size:1.2rem;font-weight:500}.hover-card{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hover-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 20px rgba(74,144,226,.15)}.back-button{position:relative;transition:transform .2s}.back-button:hover{transform:translateX(-3px)}.back-button:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .3s}.back-button:hover:after{transform:scaleX(1);transform-origin:left}.modern-controls-container{background:linear-gradient(0deg,rgba(0,0,0,.1),transparent);padding:1rem;z-index:10}.modern-control-btn{min-width:120px;transform:translateY(0);transition:all .2s ease}.modern-control-btn:active{transform:translateY(2px)}.game-area.modern-controls{padding-bottom:100px}.game-area.modern-controls .word{font-size:2.5rem;margin-bottom:2rem}@media (max-width:640px){.game-area.modern-controls .word{font-size:2rem}}.toggle-switch-container{display:inline-flex;align-items:center;gap:.75rem}.toggle-switch{position:relative;display:inline-flex;align-items:center;border-radius:9999px;height:1.5rem;width:2.75rem;transition-property:background-color;transition-duration:.2s;cursor:pointer}.toggle-switch[data-headlessui-state=checked]{background-color:var(--primary-color)}.toggle-switch[data-headlessui-state=unchecked]{background-color:#e5e7eb}.toggle-switch:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.toggle-switch-handle{display:inline-block;width:1rem;height:1rem;background-color:#fff;border-radius:9999px;transform:translateX(.25rem);transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toggle-switch[data-headlessui-state=checked] .toggle-switch-handle{transform:translateX(1.5rem)}.game-mode-toggle{margin-bottom:1.5rem;text-align:center}.game-mode-toggle-label{font-size:.875rem;font-weight:500;transition-property:color;transition-duration:.2s}.game-mode-toggle-label.active{color:var(--primary-color)}.game-mode-toggle-label.inactive{color:#6b7280}.game-mode-toggle-hint{margin-top:.5rem;font-size:.875rem;color:#6b7280}@media screen and (max-width:768px){:root{font-size:calc(14px + .390625vw)}}@media screen and (max-aspect-ratio:16/9){.view-container{padding:min(2vh,15px)}}@media (max-width:640px){.modern-control-btn{min-width:100px;font-size:.9rem}}@supports (padding:max(0px)){.bottom-nav{padding-bottom:max(var(--safe-area-inset-bottom),env(safe-area-inset-bottom,0px))}}@media (max-width:640px){.view-container{padding:min(3vh,15px);padding-bottom:calc(var(--nav-height) + 6rem);max-width:95vw}.container{padding:.75rem}.game-card{width:90%;max-width:275px;padding:1rem;margin-bottom:.75rem;font-size:.9rem}.game-card h3{font-size:1.1rem}.game-card h3,.game-card p{margin-bottom:.5rem}.landing-container>:last-child{margin-bottom:calc(var(--nav-height) + 4rem)}}@media (max-width:640px) and (min-height:800px){.view-container{padding-bottom:calc(var(--nav-height) + 8rem)}.landing-container>:last-child{margin-bottom:calc(var(--nav-height) + 6rem)}}body,html{min-height:100%;width:100%;margin:0;padding:0}body{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-container{height:100%;position:relative;width:100%;display:flex;flex-direction:column}.content-container{padding:1rem 1rem 0}.content-container,.game-modes{flex:1 1;display:flex;flex-direction:column}.game-modes{justify-content:flex-start;gap:1.5rem;padding-top:1rem}.game-cards{display:flex;flex-direction:column;gap:1rem}.bottom-nav{border-top:1px solid var(--border-color);padding:.75rem;display:flex;justify-content:space-around;align-items:center;height:60px}.game-cards{display:grid;grid-gap:.5rem;gap:.5rem;width:90%;max-width:90%;margin:0 auto}.game-card{width:85%;max-width:90%;padding:.75rem;border-radius:.75rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:.75rem}.game-card .flex{flex-wrap:nowrap;gap:.75rem}.game-card .flex>.shrink-0{flex-shrink:0}.game-card .flex>.min-w-0{min-width:0;flex:1 1}.game-card-title{font-size:1rem;line-height:1.2;word-break:break-word;margin-bottom:.25rem}.game-card-description{font-size:.875rem;line-height:1.5;word-break:break-word}.game-card ul{padding-left:1rem}.game-card li{margin-bottom:.25rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;padding:.25rem;font-size:.75rem;width:25%;text-align:center}.nav-icon{font-size:1.25rem;margin-bottom:.25rem}@media (min-width:640px){.content-container,.game-card{padding:1rem}.game-card-title{font-size:1.125rem}.game-card-description{font-size:1rem}.nav-item{font-size:.875rem}.nav-icon{font-size:1.5rem}}@media (min-width:768px){.content-container{padding:1.5rem}.game-card{padding:1.25rem}}@media (prefers-color-scheme:dark){.game-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scorePopIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideDown{animation:slideDown .5s ease-out}.animate-scorePopIn{animation:scorePopIn .8s cubic-bezier(.34,1.56,.64,1)}.bg-game-gradient,.game-button,.glass-panel,.text-score-gradient{@apply bg-white/10 backdrop-blur-xl border border-white/20}