.container-main{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--container-padding-x)}.game-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.game-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.video-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--primary);text-decoration:none;transition:all var(--transition-normal)}.video-link:hover{color:var(--primary-light)}.controls-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}@media(min-width:640px){.controls-group{flex-direction:row;width:auto;gap:var(--spacing-md)}}.tab-button-modern{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);font-weight:700;font-size:var(--font-size-base);border:2px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.tab-button-modern:hover{background:var(--secondary);transform:translateY(-2px)}.tab-button-modern.active{background:var(--primary);color:var(--text-on-primary)}.section-content{margin-bottom:var(--spacing-lg)}.section-content.hidden{display:none}.grid-tablas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}@media(min-width:768px){.grid-tablas{grid-template-columns:repeat(5,1fr)}}.tabla-card{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-xl);border-bottom:4px solid var(--primary);box-shadow:0 2px 8px #0000001a;transition:all var(--transition-normal)}.tabla-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #674ea733}.tabla-header{font-size:var(--font-size-lg);color:var(--primary);margin-bottom:var(--spacing-sm);text-align:center;border-bottom:2px solid var(--outline);padding-bottom:var(--spacing-xs);font-weight:700}.tabla-list{text-align:center;color:var(--text-primary);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);line-height:1.6}.tabla-list li{margin:var(--spacing-xs) 0}.tabla-list b{font-weight:700;color:var(--primary)}.trucos-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.truco-box{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);border-left:8px solid;box-shadow:0 2px 8px #0000000d}.truco-yellow{background:#fef3c7;border-color:#fcd34d}.truco-green{background:#dcfce7;border-color:#bbf7d0}.truco-blue{background:#dbeafe;border-color:#93c5fd}.truco-title{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.truco-yellow .truco-title{color:#b45309}.truco-green .truco-title{color:#166534}.truco-blue .truco-title{color:#1e40af}.truco-text{margin:0;font-size:var(--font-size-base);line-height:1.6}.truco-yellow .truco-text{color:#92400e}.truco-green .truco-text{color:#166534}.truco-blue .truco-text{color:#1e40af}.truco-code{display:inline-block;background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:monospace;margin:0 var(--spacing-xs)}.game-practice-container{background:var(--surface);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-3xl);box-shadow:0 10px 25px #0000001a;max-width:600px;margin:0 auto}.table-selector-box{margin-bottom:var(--spacing-lg)}.selector-label{text-align:center;color:var(--text-secondary);font-weight:700;margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.table-buttons-group{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.table-number-btn{width:45px;height:45px;border-radius:var(--radius-lg);border:2px solid var(--outline);background:var(--background);color:var(--text-primary);font-weight:700;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base)}.table-number-btn:hover{background:var(--secondary);border-color:var(--primary)}.table-number-btn.selected{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.table-all-btn{padding:var(--spacing-sm) var(--spacing-md);height:45px;border-radius:var(--radius-lg);border:2px solid var(--primary);background:transparent;color:var(--primary);font-weight:700;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base)}.table-all-btn:hover{background:var(--primary);color:var(--text-on-primary)}.game-area-practice{display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-normal)}.game-area-practice.disabled{opacity:.5;pointer-events:none}.question-display{font-size:4rem;font-weight:700;color:var(--primary);text-align:center;margin:var(--spacing-lg) 0;line-height:1}.answer-input{width:100%;font-size:2rem;padding:var(--spacing-md) var(--spacing-lg);border:3px solid var(--outline);border-radius:var(--radius-xl);background:var(--background);color:var(--text-primary);font-weight:700;text-align:center;transition:all var(--transition-normal)}.answer-input:focus{outline:none;border-color:var(--primary);background:var(--secondary);box-shadow:0 0 0 4px #674ea726}.answer-input:disabled{cursor:not-allowed;opacity:.6}.answer-input::-webkit-outer-spin-button,.answer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-primary{background:var(--primary);color:var(--text-on-primary);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;font-size:var(--font-size-base)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 20px #674ea74d}.btn-primary:active{transform:translateY(0)}.btn-check{width:100%;min-height:50px;font-size:var(--font-size-base)}.instruction-box{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;font-weight:700;font-size:var(--font-size-base);border:2px solid;margin-bottom:var(--spacing-lg);transition:all var(--transition-normal);width:100%;word-wrap:break-word;overflow-wrap:break-word;min-height:60px;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--primary);border-color:#ddd6fe}.feedback-box{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}#feedback-main{font-size:var(--font-size-lg);font-weight:700;margin:0}#feedback-hint{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0}