*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8;color:#333;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav{display:flex;gap:1rem}.nav-link{color:#fffc;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-link:hover,.nav-link.router-link-active{color:#fff;background:#ffffff26}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{color:#2d3748}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-danger{background:#fc8181;color:#fff}.btn-danger:hover{background:#f56565}.btn-small{padding:.5rem 1rem;font-size:.875rem}.upload-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 40px #0003}.modal-content h2{margin-bottom:1.5rem;color:#2d3748}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.empty-state{text-align:center;padding:3rem;color:#718096}.home{text-align:center}.home-header{margin-bottom:2rem}.home-header h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.home-header .subtitle{color:#718096;font-size:1.125rem}.edit-game{max-width:600px;margin:0 auto}.edit-header{margin-bottom:2rem}.edit-header h1{color:#2d3748}.edit-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.form-hint{font-size:.875rem;color:#718096;margin-bottom:.5rem}.info{background:#ebf8ff;color:#2b6cb0;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;text-decoration:none;display:block;transition:all .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.game-card h3{color:#2d3748;margin-bottom:.5rem}.game-card p{color:#718096;margin-bottom:.25rem}.game-card .date{font-size:.875rem;color:#a0aec0;margin-bottom:1rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.error{color:#e53e3e;background:#fed7d7;padding:1rem;border-radius:8px;margin-top:1rem}.game-container{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.25rem;color:#718096}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{color:#2d3748;margin-bottom:.5rem}.progress{font-size:1.125rem;color:#667eea;font-weight:500}.game-content{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.grid-container{flex-shrink:0}.grid{display:flex;flex-direction:column;gap:4px;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.grid-row{display:flex;gap:4px}.grid-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#edf2f7;border-radius:6px;font-size:1.25rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:all .15s}.grid-cell:hover{background:#e2e8f0}.grid-cell.selected{background:#667eea;color:#fff;transform:scale(1.1)}.grid-cell.start,.grid-cell.preview{background:#f6e05e;color:#744210;transform:scale(1.1)}.grid-cell.found{background:#48bb78;color:#fff}.word-list{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:200px}.word-list h2{color:#2d3748;margin-bottom:1rem;font-size:1.25rem}.word-list ul{list-style:none}.word-list li{padding:.5rem 0;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:500}.word-list li:last-child{border-bottom:none}.word-list li.found{color:#48bb78;text-decoration:line-through}.victory{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.victory-content{background:#fff;padding:3rem;border-radius:16px;text-align:center;animation:bounceIn .5s ease}.victory-content h2{color:#48bb78;font-size:2rem;margin-bottom:1rem}.victory-content p{color:#718096;margin-bottom:1.5rem;font-size:1.125rem}.victory-content .btn{margin:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.game-content{flex-direction:column;align-items:center}.grid-cell{width:32px;height:32px;font-size:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}}