*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--background-color:#f8fafc;--card-background:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh}.container,.game-card{display:flex;flex-direction:column;padding:2rem}.game-card{background:#fff;background:var(--card-background);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);contain:layout style paint;justify-content:space-between;margin-top:0;max-width:600px;min-height:600px;text-align:center;width:100%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;justify-content:center;margin-bottom:1rem;min-height:3rem}.game-title,.word-section{align-items:center;contain:layout style paint;display:flex}.word-section{flex-direction:column;gap:1rem;margin:2rem 0}.picture-display{align-items:center;contain:layout style paint;display:flex;justify-content:center;margin-bottom:1rem}.picture-emoji{animation:bounce 2s infinite;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.word-display{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid #6366f133;border-radius:1rem;color:#1e293b;color:var(--text-primary);flex-wrap:wrap;font-family:Courier New,monospace;font-size:2rem;font-weight:600;letter-spacing:.5rem;margin:1rem 0;min-height:3rem;padding:1rem}.hangman-drawing,.word-display{align-items:center;contain:layout style paint;display:flex;justify-content:center}.hangman-drawing{flex-direction:column;margin:2rem 0;min-height:350px}.hangman-drawing svg{background:#6366f10d;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);padding:1rem;transition:all .3s ease}.hangman-drawing svg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.02)}.hangman-progress{margin-top:1rem;max-width:300px;width:100%}.progress-text{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem;min-height:1.2rem}.progress-bar{background:#e2e8f0;background:var(--border-color);height:6px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:3px;position:relative}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.keyboard{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));margin:2rem auto;max-width:400px;min-height:200px}.letter-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;box-shadow:0 2px 8px #6366f14d;color:#fff;contain:layout style paint;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;min-height:50px;min-width:50px;padding:1rem;transition:all .2s ease}.letter-button:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.letter-button.disabled,.letter-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af4d;color:#fff;cursor:not-allowed;opacity:.7;transform:none}.letter-button.correct{animation:correctPulse .5s ease;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);box-shadow:0 2px 8px #10b9814d}.letter-button.incorrect{animation:incorrectShake .5s ease;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--warning-color),#fbbf24);box-shadow:0 2px 8px #f59e0b4d}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.game-info{align-items:center;background:#6366f11a;border-radius:.5rem;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin:1rem 0;padding:.75rem 1rem}.category{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.game-status{animation:pulse 2s infinite;border-radius:.5rem;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.game-status.won{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);box-shadow:0 4px 12px #10b9814d;color:#fff}.game-status.lost{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--warning-color),#fbbf24);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.new-game-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;min-height:3rem;padding:1rem 2rem;transition:all .2s ease}.new-game-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.message{align-items:center;border-radius:.5rem;contain:layout style paint;display:flex;font-weight:500;justify-content:center;margin:1rem 0;min-height:2.5rem;padding:.75rem 1rem;transition:all .2s ease-in-out}.message.error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.message.info{background:#6366f11a;border:1px solid #6366f1;border:1px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.points-counter{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);border-radius:2rem;box-shadow:0 2px 8px #10b98126;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:.05em;margin:0 0 1rem;padding:.4rem 1rem;position:static;-webkit-user-select:none;user-select:none;z-index:1}@media (max-width:768px){.container{padding:1rem}.game-card{margin-top:0;min-height:500px;padding:1.5rem}.game-title{font-size:2rem;min-height:2.5rem}.word-display{font-size:1.5rem;letter-spacing:.3rem;min-height:2.5rem}.hangman-drawing{min-height:300px}.hangman-drawing svg{max-height:250px;max-width:250px}.keyboard{gap:.35rem;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));margin-left:0;margin-right:0;max-width:100%;min-height:170px;padding:0 .25rem;width:100%}.letter-button{border-radius:.65rem;font-size:1rem;height:auto;min-height:42px;min-width:0;padding:.65rem 0}.points-counter{font-size:1rem;padding:.3rem .7rem}}@media (max-width:360px){.keyboard{gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.letter-button{font-size:.95rem;padding:.55rem 0}}.app-container{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);min-height:100vh}.error-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.error-modal{background:var(--card-background);border-radius:1rem;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;text-align:center;width:90%}.error-modal h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.error-modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.error-modal-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.error-modal-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.top-menu{background:var(--card-background);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow);left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.top-menu-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.top-menu-content,.top-menu-left{align-items:center;display:flex;gap:1rem}.top-menu-left{min-width:0}.back-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.back-button-arrow,.back-button-text{display:inline-block}.back-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.top-menu-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.current-game-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.top-menu-right{align-items:center;display:flex;gap:.5rem}.user-display{background:#6366f114;border:1px solid #6366f133;border-radius:.75rem;display:flex;flex-direction:column;gap:.2rem;min-width:140px;padding:.4rem .75rem}.user-display-label{color:var(--text-secondary);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.user-display-row{align-items:center;display:flex;gap:.4rem}.user-display-name{color:var(--text-primary);font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-display-edit{background:#0000;border:none;cursor:pointer;font-size:1rem;line-height:1;transition:transform .2s ease}.user-display-edit:hover{transform:scale(1.1)}.points-display{align-items:center;background:linear-gradient(135deg,var(--success-color),#34d399);border-radius:2rem;box-shadow:0 2px 8px #10b98126;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;white-space:nowrap}.points-icon{font-size:1.2rem}.points-value{min-width:2ch;text-align:center}.language-selector{align-items:center;display:flex}.language-dropdown{-webkit-appearance:none;appearance:none;background:var(--card-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 2.5rem .5rem 1rem;transition:all .2s ease}.language-dropdown:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #6366f11a}.language-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}@media (max-width:768px){.top-menu-content{flex-wrap:nowrap;gap:.5rem;padding:.75rem 1rem}.top-menu-left{gap:.5rem}.back-button{flex-shrink:0;font-size:.85rem;padding:.4rem .6rem}.back-button-text{display:none}.back-button-arrow{font-size:1.2rem}.top-menu-center{flex:1 1;min-width:0;overflow:hidden}.current-game-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-display{padding:.35rem .6rem}.user-display-name{max-width:120px}.top-menu-right{flex-shrink:0;gap:.4rem}.points-display{font-size:.9rem;gap:.3rem;padding:.35rem .6rem}.points-icon{font-size:1rem}.language-dropdown{font-size:.8rem;min-width:0;padding:.35rem 1.75rem .35rem .6rem}}@media (max-width:480px){.top-menu-content{gap:.4rem;padding:.6rem .75rem}.back-button{padding:.35rem .5rem}.current-game-name{font-size:.9rem}.user-display{display:none}.points-display{font-size:.85rem;padding:.3rem .5rem}.points-icon{font-size:.95rem}.language-dropdown{font-size:.75rem;padding:.3rem 1.5rem .3rem .5rem}}.home-screen{align-items:flex-start;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:120px 2rem 2rem}.home-content{max-width:1200px;width:100%}.home-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.arcade-title{color:var(--text-primary);font-size:3rem;font-weight:800;text-shadow:0 12px 32px #6366f140}.arcade-subtitle,.arcade-title{margin-bottom:0;text-align:center}.arcade-subtitle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff59;border-radius:999px;box-shadow:0 10px 25px #6366f126;color:#111827bf;display:inline-block;font-size:1.2rem;padding:.5rem 1.5rem}.arcade-sections{gap:3rem}.arcade-section,.arcade-sections{display:flex;flex-direction:column}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.game-card-home{background:var(--card-background);border:2px solid #0000;border-radius:1rem;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.game-card-home:hover{border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.game-card-illustration{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;justify-content:center;min-height:250px;padding:2rem}.game-card-illustration svg,.game-card-svg{display:block;height:300px!important;max-width:100%;width:auto}.game-card-content{align-items:center;display:flex;flex-direction:column;padding:1rem;text-align:center}.game-card-icon{font-size:2rem;margin-bottom:.25rem}.game-card-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.game-card-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:.5rem}.game-card-price{background:#6366f11a;border-radius:.5rem;color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.game-card-price.free{background:#22c55e1a;color:var(--success-color)}.game-card-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:auto;padding:.5rem 1rem;transition:all .2s ease}.game-card-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.home-screen{padding:100px 1rem 1rem}.arcade-title{font-size:2rem}.arcade-subtitle{font-size:1rem;margin-bottom:2rem}.games-grid{gap:1.5rem;grid-template-columns:1fr}.game-card-illustration{min-height:200px;padding:1.5rem}}.hangman-game-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.hangman-game-container .game-card{margin-top:0}.balloon-celebration{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.balloon{align-items:center;animation:riseUp 6s ease-out forwards;aspect-ratio:1;border-radius:50%;bottom:-100px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;position:absolute}.balloon-string{background:linear-gradient(180deg,#666,#999);border-radius:.5px;bottom:-25px;height:25px;left:50%;position:absolute;transform:translateX(-50%);width:1px}@keyframes riseUp{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1;transform:translateY(calc(-100vh - 100px))}to{opacity:0;transform:translateY(calc(-100vh - 100px))}}.balloon:after{animation:sparkle 2s ease-in-out infinite;background:#fffc;border-radius:50%;content:"";height:6px;left:25%;position:absolute;top:25%;width:6px}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.confetti-piece{animation:confettiFall 6s linear forwards;box-shadow:0 2px 4px #0000001a;position:absolute;top:-20px}.confetti-piece.square{border-radius:2px}.confetti-piece.circle{border-radius:50%}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 20px)) rotate(2turn)}}.confetti-piece{animation:confettiFall 6s linear forwards,confettiWobble .5s ease-in-out infinite}@keyframes confettiWobble{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.filler-game-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding-bottom:40px;padding-top:80px;width:100%}.filler-game-container .game-card{margin-top:0}.filler-game-info{align-items:center;background:#6366f11a;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;margin:1.5rem 0;padding:1rem}.timer-display{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.timer-label{color:var(--text-secondary)}.timer-value{font-feature-settings:"tnum";background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.5rem;color:#fff;font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center}.timer-value.timer-warning{animation:pulse 1s infinite;background:linear-gradient(135deg,var(--danger-color),#f87171)}.score-display{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.filler-word-display{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid #6366f133;border-radius:1rem;color:var(--text-primary);display:flex;flex-wrap:wrap;font-family:Courier New,monospace;font-size:3rem;font-weight:700;justify-content:center;letter-spacing:.5rem;margin:2rem 0;min-height:5rem;padding:2rem}.filler-word-display .blank{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:3px}.filler-message{animation:fadeIn .3s ease;border-radius:.5rem;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.filler-message.success{background:linear-gradient(135deg,var(--success-color),#34d399);box-shadow:0 4px 12px #10b9814d;color:#fff}.filler-message.error{background:#ef44441a;border:1px solid var(--danger-color);color:var(--danger-color)}.filler-message.info{background:#6366f11a;border:1px solid var(--primary-color);color:var(--primary-color)}.attempts-display{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:1rem 0;text-align:center}.filler-start-screen{padding:2rem;text-align:center}.game-instructions{color:var(--text-secondary);font-size:1.2rem;line-height:1.8;margin-bottom:2rem}.filler-game-over{padding:2rem;text-align:center}.filler-game-over h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:1rem}.final-score{color:var(--success-color);font-size:1.5rem;font-weight:700;margin:1rem 0}.final-words{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.filler-game-container{align-items:flex-start;min-height:auto;padding:72px 1rem 96px}.filler-game-container .game-card{width:100%}.filler-word-display{font-size:2rem;letter-spacing:.3rem;min-height:4rem;padding:1.5rem}.filler-game-info{flex-direction:column;gap:.75rem}.timer-value{font-size:1.1rem}}.dino-game-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.dino-game-container .game-card{margin-top:0}.game-card-header{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.dino-game-info{align-items:center;display:flex;justify-content:center;margin:1.5rem 0;padding:1rem}.score-display-dino{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.score-label{color:var(--text-secondary)}.score-value{background:linear-gradient(135deg,var(--success-color),#34d399);border-radius:.5rem;color:#fff;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.dino-game-area{background:linear-gradient(180deg,#87ceeb 0,#e0f6ff 50%,#f0f0f0 0);border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;height:250px;margin:2rem auto;max-width:800px;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.dino-ground{background:repeating-linear-gradient(90deg,#8b7355,#8b7355 20px,#a0826d 0,#a0826d 40px);border-top:2px solid #6b5d47;bottom:0;height:60px;left:0;position:absolute;right:0}.dino{align-items:flex-end;bottom:60px;display:flex;font-size:40px;line-height:1;margin:0;padding:0;position:absolute;transform-origin:bottom center;transition:transform .1s linear;-webkit-user-select:none;user-select:none;z-index:10}.dino.jumping{transform-origin:bottom}.obstacle{background:#0000;bottom:60px;display:flex;font-size:40px;line-height:1;padding-bottom:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:5}.obstacle,.obstacle.hole{align-items:flex-end;justify-content:center}.obstacle.hole{bottom:0;height:60px}.hole-visual{background:linear-gradient(180deg,#0000004d 0,#00000080 50%,#000c);border-radius:0 0 15px 15px;border-top:2px solid #5a4a3a;height:60px;position:relative;width:100%}.hole-visual:before{background:repeating-linear-gradient(90deg,#0003,#0003 5px,#0000 0,#0000 10px);content:"";height:20px;left:0;position:absolute;right:0;top:0}.dino-instructions{padding:2rem;text-align:center}.dino-instructions p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.dino-controls{color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.dino-jump-button{display:none}.dino-game-over{gap:1.5rem;padding:2rem;text-align:center}.dino-game-over,.game-over-summary{align-items:center;display:flex;flex-direction:column}.game-over-summary{background:#10b9811a;border:1px solid #10b98140;border-radius:1rem;gap:.25rem;padding:.75rem 1.5rem}.game-over-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.game-over-value{color:var(--success-color);font-size:2rem;font-weight:800}.score-description{color:var(--text-secondary);font-size:1rem;margin:.5rem 0 1.5rem}@media (max-width:768px){.dino-game-area{height:200px}.dino{font-size:35px;left:60px}.obstacle{font-size:35px;width:25px}.dino-jump-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:1.5rem;box-shadow:0 6px 20px #0000004d;color:#fff;cursor:pointer;display:inline-block;font-size:1.4rem;font-weight:700;margin-top:1.5rem;min-height:70px;min-width:150px;padding:1.25rem 2.5rem;position:relative;touch-action:manipulation;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease;user-select:none;-webkit-user-select:none;z-index:100}.dino-jump-button:active{box-shadow:0 3px 10px #0000004d;opacity:.9;transform:scale(.92)}.dino-jump-button:hover{transform:scale(1.03)}.dino-controls p{margin-bottom:.5rem}}.high-scores-container{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.high-scores-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow);max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.high-scores-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.current-score-display{background:linear-gradient(135deg,var(--success-color),#34d399);border-radius:.5rem;color:#fff;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.current-score-label{font-size:.9rem;margin:0 0 .5rem;opacity:.9}.current-score-value{font-size:2.5rem;font-weight:700;margin:0}.current-score-rank{font-size:1rem;margin:.5rem 0 0;opacity:.9}.high-scores-empty,.high-scores-loading{color:var(--text-secondary);font-size:1.1rem;padding:2rem;text-align:center}.high-scores-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.high-score-item{grid-gap:1rem;align-items:center;background:var(--background);border:2px solid var(--border-color);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:50px 1fr 100px 100px;padding:1rem;transition:all .2s ease}.high-score-item:hover{border-color:var(--primary-color);transform:translateX(4px)}.high-score-item.current-user-score{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:var(--primary-color);box-shadow:0 2px 8px #6366f133}.high-score-rank{color:var(--primary-color);font-size:1.1rem;font-weight:700}.high-score-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.high-score-value{color:var(--text-primary);font-size:1.1rem;font-weight:700;text-align:right}.high-score-date{color:var(--text-secondary);font-size:.85rem;text-align:right}.high-scores-close-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.high-scores-close-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.high-scores-inline{width:100%}.high-scores-inline-card{border-width:1px;box-shadow:none;max-height:none;padding:1.5rem;position:static}.high-scores-inline .current-score-display{margin-bottom:1rem}.high-scores-inline .high-scores-list{margin-bottom:0}@media (max-width:768px){.high-scores-card{max-height:90vh;padding:1.5rem}.high-scores-title{font-size:1.5rem}.high-score-item{gap:.5rem;grid-template-columns:40px 1fr 80px}.high-score-date{display:none}.current-score-value{font-size:2rem}}.maze-container{align-items:center;display:flex;justify-content:center;padding:16px}.maze-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;max-width:95vw;overflow:hidden;width:800px}.maze-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.maze-title{font-size:20px;margin:0}.maze-content{padding:16px}.maze-grid{background:#fafafa;border-radius:8px;box-shadow:inset 0 0 0 1px #eee;height:600px;margin:0 auto;max-height:85vw;max-width:85vw;position:relative;touch-action:none;width:600px}.maze-cell{box-sizing:border-box;position:absolute}.maze-cell.wall{background:#e5e7eb}.maze-cell.path{background:#0000}.maze-goal,.maze-player,.maze-start{align-items:center;display:flex;font-size:18px;justify-content:center;position:absolute}.maze-controls{color:#6b7280;margin-top:12px;text-align:center}.maze-instructions{margin-top:8px;text-align:center}.maze-start-button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:10px 16px}.maze-win{padding:24px;text-align:center}.display-name-setup-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:100px 1rem 2rem;width:100%}.display-name-setup-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow);max-width:500px;padding:2.5rem;width:100%}.display-name-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 1rem;text-align:center}.display-name-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center}.display-name-form{display:flex;flex-direction:column;gap:1.5rem}.display-name-input-group{display:flex;flex-direction:column;gap:.5rem}.display-name-input{background:var(--background);border:2px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);font-size:1.1rem;padding:1rem;transition:all .2s ease;width:100%}.display-name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.display-name-input:disabled{cursor:not-allowed;opacity:.6}.display-name-error{color:#ef4444;font-size:.9rem;margin:0}.display-name-submit-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:160px;padding:.9rem 2rem;transition:all .2s ease}.display-name-submit-button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-2px)}.display-name-submit-button:disabled{cursor:not-allowed;opacity:.6}.display-name-submit-full{min-width:0;min-width:auto;width:100%}.display-name-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.display-name-cancel-button{background:#0000;border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:all .2s ease}.display-name-cancel-button:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.display-name-cancel-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.display-name-setup-container{padding-top:90px}.display-name-setup-card{padding:2rem 1.5rem}.display-name-title{font-size:1.5rem}.display-name-description{font-size:.95rem}}
/*# sourceMappingURL=main.6874a082.css.map*/